/* =========================
   SAUDIA PERFUMES THEME V4.1
   NO CHECKOUT OVERRIDE - EASY ORDERS SAFE
   ========================= */

/* ===== BRAND COLORS ===== */
:root {
    --sp-bg: #F8EDDB;
    --sp-text: #0A332D;
    --sp-green: #2F4B3C;
    --sp-orange: #FF4315;
    --sp-gold: #FFA74E;
    --sp-hover: #761E0B;
    --sp-white: #FFFFFF;
    --sp-muted: rgba(10, 51, 45, 0.55);
    --sp-border: rgba(10, 51, 45, 0.10);
}

/* =========================
   GLOBAL
   ========================= */

html,
body,
#__next,
#__next > div {
    background-color: var(--sp-bg) !important;
    color: var(--sp-text) !important;
}

/* ممنوع استخدام div / section / main transparent */
/* ممنوع استخدام .bg-white global */

/* صفحات الموقع الرئيسية */
main,
#__next main,
#__next main > div,
.container_class,
.home_products_grid_container,
.products_grid_container,
.category_products_grid_container {
    background-color: var(--sp-bg) !important;
    color: var(--sp-text) !important;
}

/* أي wrapper أبيض مباشر داخل main يرجع للون البراند */
#__next main > .bg-white,
#__next main > div.bg-white,
#__next main > section.bg-white {
    background-color: var(--sp-bg) !important;
}

/* =========================
   ANNOUNCEMENT BAR
   ========================= */

.announcement,
.announcement-bar,
[class*="announcement"] {
    background-color: var(--sp-orange) !important;
    color: var(--sp-white) !important;
}

/* =========================
   HEADER
   ========================= */

header,
.default_header,
.sphinx_header {
    background-color: var(--sp-green) !important;
    color: var(--sp-white) !important;
    border-bottom: 1px solid rgba(248, 237, 219, 0.20) !important;
    z-index: 9999 !important;
}

/* الهيدر الداخلي وبار الأقسام */
header > div,
.default_header_container,
.sphinx_header_container,
header nav,
header [class*="nav"],
header [class*="menu"] {
    background-color: var(--sp-green) !important;
    color: var(--sp-white) !important;
}

/* روابط الهيدر */
header a,
.default_header a,
.sphinx_header a {
    color: var(--sp-bg) !important;
    font-weight: 700 !important;
    transition: all 0.25s ease !important;
}

header a:hover,
.default_header a:hover,
.sphinx_header a:hover {
    color: var(--sp-gold) !important;
}

/* اللوجو داخل الهيدر */
.default_header_logo,
.sphinx_header_logo {
    color: var(--sp-white) !important;
}

/* =========================
   HEADER SEARCH FIX
   ========================= */

/* خانة البحث */
header input,
.default_header input,
.sphinx_header input {
    background-color: var(--sp-white) !important;
    color: var(--sp-text) !important;
    border: 1px solid rgba(255, 167, 78, 0.45) !important;
    border-radius: 12px !important;
    height: 42px !important;
    font-size: 14px !important;
}

/* زر البحث فقط داخل الهيدر */
header form button,
.default_header form button,
.sphinx_header form button,
header button[type="submit"],
.default_header button[type="submit"],
.sphinx_header button[type="submit"],
header [class*="search"] button,
.default_header [class*="search"] button,
.sphinx_header [class*="search"] button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    border-radius: 9px !important;
    background-color: var(--sp-green) !important;
    color: var(--sp-white) !important;
    border: 1px solid var(--sp-green) !important;
}

/* أيقونة البحث فقط */
header form button svg,
.default_header form button svg,
.sphinx_header form button svg,
header button[type="submit"] svg,
.default_header button[type="submit"] svg,
.sphinx_header button[type="submit"] svg,
header [class*="search"] button svg,
.default_header [class*="search"] button svg,
.sphinx_header [class*="search"] button svg {
    width: 15px !important;
    height: 15px !important;
}

/* =========================
   SECTION TITLES
   ========================= */

.home_section_top_title,
.category_section_header_title {
    color: var(--sp-gold) !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

/* =========================
   PRODUCT CARDS - OUTSIDE CART ONLY
   ========================= */

.default_product_list_card,
.home_products_grid_card,
.products_grid_card,
.category_products_grid_card,
main [data-product-id] {
    background-color: var(--sp-white) !important;
    border-radius: 12px !important;
    border: 1px solid var(--sp-border) !important;
    box-shadow: 0 4px 14px rgba(10, 51, 45, 0.04) !important;
    overflow: hidden !important;
}

/* Hover خفيف */
.default_product_list_card:hover,
.home_products_grid_card:hover,
.products_grid_card:hover,
.category_products_grid_card:hover,
main [data-product-id]:hover {
    box-shadow: 0 8px 22px rgba(10, 51, 45, 0.08) !important;
}

/* صور المنتجات */
.default_product_img,
.default_product_preview_img,
.sphinx_product_img,
.default_product_list_card img,
.home_products_grid_card img,
.products_grid_card img,
.category_products_grid_card img {
    border-radius: 10px !important;
}

/* اسم المنتج */
.product_name,
.default_product_list_card h3,
.home_products_grid_card h3,
.products_grid_card h3,
.category_products_grid_card h3 {
    color: var(--sp-text) !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    word-spacing: 2px !important;
}

/* السعر */
.product_price,
.product_price_container,
.default_product_list_card [class*="price"],
.home_products_grid_card [class*="price"],
.products_grid_card [class*="price"],
.category_products_grid_card [class*="price"] {
    color: var(--sp-green) !important;
    font-weight: 800 !important;
}

/* السعر القديم */
del,
.line-through {
    color: rgba(10, 51, 45, 0.45) !important;
}

/* أزرار المنتجات */
.add_to_cart_btn,
main [data-product-id] button {
    background-color: var(--sp-green) !important;
    color: var(--sp-white) !important;
    border: 1px solid var(--sp-green) !important;
    border-radius: 9px !important;
    font-weight: 800 !important;
    transition: all 0.25s ease !important;
}

.add_to_cart_btn:hover,
main [data-product-id] button:hover {
    background-color: var(--sp-orange) !important;
    border-color: var(--sp-orange) !important;
    color: var(--sp-white) !important;
}

/* =========================
   PRODUCT PAGE FIX
   ========================= */

.product_name,
h1,
.product_price_container {
    line-height: 1.35 !important;
}

.product_name,
h1 {
    color: var(--sp-text) !important;
    font-weight: 800 !important;
    word-spacing: 3px !important;
    margin-bottom: 12px !important;
}

/* وصف المنتج */
.product_description,
.product_description p,
.product_description li {
    color: var(--sp-text) !important;
    line-height: 1.9 !important;
    word-spacing: 2px !important;
}

/* صورة المنتج */
.default_product_img,
.sphinx_product_img {
    background-color: var(--sp-white) !important;
}

/* فورم المنتج */
.product_form_checkout {
    background-color: var(--sp-white) !important;
    color: var(--sp-text) !important;
    border-radius: 12px !important;
}

/* Fake stock / visitors */
.fake_stock_container,
.fake_visitors_container,
.total_shipping_container,
.total_price_container {
    color: var(--sp-text) !important;
}

.fake_stock_progress {
    background-color: var(--sp-orange) !important;
}

/* =========================
   CART / DRAWER / MODAL FIX
   ========================= */

/* السلة طالعة من Headless UI Portal */
#__headlessui-portal-root {
    position: relative !important;
    z-index: 999999 !important;
}

/* الخلفية المعتمة خلف السلة تفضل طبيعية */
#__headlessui-portal-root [class*="fixed"],
#__headlessui-portal-root [class*="inset"] {
    z-index: 999999 !important;
}

/* جسم السلة / الدروير / المودال */
#__headlessui-portal-root [role="dialog"],
[role="dialog"],
[class*="drawer"],
[class*="Drawer"],
[class*="modal"],
[class*="Modal"] {
    color: var(--sp-text) !important;
    z-index: 999999 !important;
}

/* لوحة السلة نفسها */
#__headlessui-portal-root [role="dialog"] > div,
#__headlessui-portal-root [role="dialog"] section,
#__headlessui-portal-root [role="dialog"] aside,
#__headlessui-portal-root [class*="bg-white"],
#__headlessui-portal-root .bg-white,
[role="dialog"] .bg-white,
[class*="drawer"] .bg-white,
[class*="modal"] .bg-white {
    background-color: var(--sp-white) !important;
    color: var(--sp-text) !important;
}

/* مهم: إلغاء ستايل كروت المنتجات داخل السلة حتى لا يتكرر الشكل */
#__headlessui-portal-root [data-product-id],
[role="dialog"] [data-product-id],
[class*="drawer"] [data-product-id],
[class*="modal"] [data-product-id] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

/* منع hover داخل السلة */
#__headlessui-portal-root [data-product-id]:hover,
[role="dialog"] [data-product-id]:hover,
[class*="drawer"] [data-product-id]:hover,
[class*="modal"] [data-product-id]:hover {
    box-shadow: none !important;
    transform: none !important;
}

/* النصوص داخل السلة */
#__headlessui-portal-root [role="dialog"] *,
[role="dialog"] *,
[class*="drawer"] *,
[class*="modal"] * {
    color: var(--sp-text) !important;
}

/* صور السلة */
#__headlessui-portal-root [role="dialog"] img,
[role="dialog"] img,
[class*="drawer"] img,
[class*="modal"] img {
    background-color: transparent !important;
    border-radius: 8px !important;
}

/* أزرار السلة لا تأخذ قياسات زر البحث */
#__headlessui-portal-root [role="dialog"] button,
[role="dialog"] button,
[class*="drawer"] button,
[class*="modal"] button {
    min-width: auto !important;
    min-height: auto !important;
    width: auto !important;
    height: auto !important;
    color: var(--sp-text) !important;
}

/* زر إتمام الطلب داخل السلة */
#__headlessui-portal-root [role="dialog"] .checkout_btn,
[role="dialog"] .checkout_btn,
[class*="cart"] .checkout_btn,
[class*="Cart"] .checkout_btn {
    background-color: var(--sp-green) !important;
    color: var(--sp-white) !important;
    border-radius: 9px !important;
    border: 1px solid var(--sp-green) !important;
}

/* لو زر إتمام الطلب button عادي */
#__headlessui-portal-root [role="dialog"] button[class*="checkout"],
[role="dialog"] button[class*="checkout"],
[class*="drawer"] button[class*="checkout"],
[class*="modal"] button[class*="checkout"] {
    background-color: var(--sp-green) !important;
    color: var(--sp-white) !important;
}

/* أيقونات داخل السلة */
#__headlessui-portal-root [role="dialog"] button svg,
[role="dialog"] button svg,
[class*="drawer"] button svg,
[class*="modal"] button svg {
    width: 18px !important;
    height: 18px !important;
}

/* صفوف المنتجات داخل السلة فقط */
#__headlessui-portal-root [class*="cart"],
#__headlessui-portal-root [class*="Cart"] {
    background-color: var(--sp-white) !important;
    color: var(--sp-text) !important;
}


/* =========================
   ICONS ONLY - FOOTER / CONTACT
   ========================= */

/* أيقونات الفوتر والسوشيال فقط - بدون تغيير صفحة الشراء */
footer .default_footer_social_link,
.default_footer_social_link,
footer a[aria-label],
footer button[aria-label] {
    background-color: var(--sp-gold) !important;
    color: var(--sp-text) !important;
    border-radius: 50% !important;
}

/* الأيقونات نفسها */
footer .default_footer_social_link svg,
.default_footer_social_link svg,
footer a[aria-label] svg,
footer button[aria-label] svg {
    color: var(--sp-text) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* أيقونات معلومات المتجر في الفوتر */
.footer_store_info svg,
footer .footer_store_info svg,
footer [class*="store"] svg,
footer [class*="contact"] svg {
    background-color: var(--sp-gold) !important;
    color: var(--sp-text) !important;
    fill: currentColor !important;
    stroke: currentColor !important;
    border-radius: 50% !important;
    padding: 8px !important;
    box-sizing: content-box !important;
}

/* =========================
   FOOTER
   ========================= */

footer,
.default_footer,
footer.bg-white {
    background-color: var(--sp-green) !important;
    color: var(--sp-bg) !important;
}

footer *,
.default_footer * {
    color: var(--sp-bg) !important;
}

footer a,
.default_footer a,
.default_footer_link {
    color: var(--sp-bg) !important;
}

footer a:hover,
.default_footer a:hover,
.default_footer_link:hover {
    color: var(--sp-gold) !important;
}

/* Social icons */
.default_footer_social_link {
    background-color: var(--sp-gold) !important;
    color: var(--sp-white) !important;
    border-radius: 50% !important;
}

/* =========================
   SLIDER / BANNERS
   ========================= */

.swiper-pagination-bullet-active {
    background-color: var(--sp-orange) !important;
}

.home_banner,
.home_banner_img {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* =========================
   MOBILE SPACING
   ========================= */

@media (max-width: 768px) {
    .product_name,
    h1 {
        font-size: 22px !important;
        line-height: 1.45 !important;
        word-spacing: 2px !important;
    }

    .product_description,
    .product_description p,
    .product_description li {
        font-size: 15px !important;
        line-height: 1.9 !important;
    }

    header input,
    .default_header input,
    .sphinx_header input {
        height: 40px !important;
        font-size: 14px !important;
    }

    header form button,
    .default_header form button,
    .sphinx_header form button,
    header button[type="submit"] {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
    }
}