/*
Theme Name: Bricks
Theme URI: https://bricksbuilder.io/
Author: Bricks
Author URI: https://bricksbuilder.io/
Description: Visual website builder for WordPress.
Version: 2.2
License: GPLv2
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bricks
*/

/* ألوان زراير السلة المصغرة (Mini Cart) */
.woocommerce-mini-cart__buttons a.button,
.woocommerce-mini-cart__buttons a.button.checkout,
.widget_shopping_cart_content .buttons a.button {
    background-color: #74A32F !important; /* اللون الأخضر */
    color: #ffffff !important; /* لون النص أبيض */
    border-radius: 4px !important; /* دوران الحواف (تقدر تعدله) */
    text-align: center !important;
    border: none !important;
}

/* لون الزراير عند مرور الماوس (Hover) */
.woocommerce-mini-cart__buttons a.button:hover,
.woocommerce-mini-cart__buttons a.button.checkout:hover,
.widget_shopping_cart_content .buttons a.button:hover {
    background-color: #5e8526 !important; /* أخضر أغمق شوية */
    color: #ffffff !important;
}

/* تمييز زر "إتمام الطلب" بلون مختلف (اختياري - لو حابب تخليه مميز عن عرض السلة) */
/*
.woocommerce-mini-cart__buttons a.button.checkout {
    background-color: #111111 !important;
}
*/


/* Force WooCommerce button styles from Theme Styles */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.woocommerce a.added_to_cart,
.woocommerce .add_to_cart_button,
.woocommerce .checkout-button,
.wc-block-components-button {
    background-color: #74A32F !important;
    padding: var(--brxw-space-xs) var(--brxw-space-s) !important;
}

/* Hover state */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce .add_to_cart_button:hover {
    background-color: #5e8526 !important; /* درجة أغمق للهوفر */
}


/* رفع طبقة سلة المشتريات لتكون فوق القائمة السفلية */
.brxe-woocommerce-mini-cart, 
.bricks-mini-cart-wrapper,
.widget_shopping_cart {
    z-index: 999999 !important;
}

/* إضافة مسافة فارغة أسفل السلة حتى لا تغطي القائمة السفلية على الأزرار */
.widget_shopping_cart_content {
    padding-bottom: 90px !important; /* يمكنك زيادة أو تقليل الرقم 90 حسب ارتفاع القائمة السفلية الخاصة بك */
}


/* تغيير لون خلفية ونص زر الإرسال في هذا الفورم تحديداً */
#brxe-orvhsm button[type="submit"] {
    background-color: #799b38 !important; /* هذا كود تقريبي للون الأخضر في صورتك، استبدله بالكود الدقيق إذا كان مختلفاً */
    color: #3b3331 !important; /* لون النص الداكن */
    border: none !important; /* إزالة أي حدود افتراضية */
    border-radius: 0px !important; /* لجعل الحواف مربعة كما في الصورة، غير الرقم إذا أردت انحناء */
    transition: all 0.3s ease; /* لجعل تأثير تمرير الماوس ناعماً */
}

/* تأثير عند تمرير الماوس (Hover) - يمكنك تغييره حسب رغبتك */
#brxe-orvhsm button[type="submit"]:hover {
    background-color: #65822d !important; /* لون أخضر أغمق قليلاً عند وقوف الماوس */
    color: #ffffff !important;
}

/* إضافة مساحة فارغة أسفل الموقع لمنع القائمة الثابتة من تغطية المحتوى */
@media (max-width: 991px) { /* تأكد أن هذا هو نفس المقاس الذي تظهر فيه القائمة السفلية */
    body {
        padding-bottom: 85px !important; 
    }
}

/* حل مشكلة طفح العناصر (الفراغ الجانبي) مع الحفاظ على ظهور السكاشن */
html, body {
    overflow-x: hidden;
    width: 100%; 
    max-width: 100vw;
}

/* التخلي عن overflow-x: hidden في المحتوى الأساسي لأنه قد يقص بعض السكاشن */
#brx-content {
    overflow-x: visible !important;
}

/* إجبار السكاشن على ألا تتجاوز عرض الشاشة في الجوال، لتجنب اقتصاص المحتوى */
@media (max-width: 767px) {
    .brxe-section, .brxe-container, .brxe-block, .brxe-div {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }
}