} /* =====================================================
     إغلاق @media المفقود في الكود السابق
     ===================================================== */


/* ============================================================
   C.O.N.D — MASTER DARK THEME FIX
   FINAL GLOBAL OVERRIDE
   Product + Policies + Static Pages + Forms
   ============================================================ */

:root {
    --cond-bg: #080808;
    --cond-bg-2: #0d0d0d;
    --cond-card: #121212;
    --cond-card-2: #171717;

    --cond-white: #ffffff;
    --cond-text: #eeeeee;
    --cond-muted: #b8b8b8;

    --cond-pink: #d8a5af;
    --cond-pink-light: #f1d8dd;

    --cond-border: #292929;
}


/* ============================================================
   1. الصفحة بالكامل
   ============================================================ */

html,
body {
    background: var(--cond-bg) !important;
    color: var(--cond-white) !important;
}

body,
main,
.app-inner,
.store-home,
.page-wrapper,
.main-content {
    background: var(--cond-bg) !important;
}


/* ============================================================
   2. جميع الصفحات الداخلية
   سياسة الخصوصية
   الاستبدال والاسترجاع
   الشروط والأحكام
   من نحن
   أي صفحة نصية
   ============================================================ */

main section,
main article,

main .page-content,
main .content-page,
main .static-page,
main .s-page-content,

main [class*="page-content"],
main [class*="content-page"],
main [class*="static-page"],

main [class*="policy"],
main [class*="privacy"],
main [class*="terms"],
main [class*="return"],
main [class*="refund"] {
    background: var(--cond-bg) !important;
    color: var(--cond-text) !important;
}


/* ============================================================
   3. الحاويات البيضاء الموجودة في صفحات سلة
   نحولها إلى داكنة
   ============================================================ */

main .bg-white,
main [class~="bg-white"],

main article > div,
main .page-content > div,
main .content-page > div,
main .static-page > div,

main [class*="policy"] > div,
main [class*="privacy"] > div,
main [class*="terms"] > div {
    background-color: var(--cond-card) !important;
    color: var(--cond-text) !important;
}


/* ============================================================
   4. العناوين في كل الصفحات
   ============================================================ */

main h1,
main h2,
main h3,
main h4,
main h5,
main h6,

main article h1,
main article h2,
main article h3,
main article h4,
main article h5,
main article h6 {
    color: var(--cond-white) !important;
}


/* ============================================================
   5. النصوص العامة
   ============================================================ */

main p,
main li,
main ul,
main ol,
main dl,
main dt,
main dd,
main label,
main small,
main blockquote,

main article p,
main article li,

main .page-content p,
main .page-content li,

main .content-page p,
main .content-page li,

main .static-page p,
main .static-page li {
    color: var(--cond-text) !important;
}


/* ============================================================
   6. النصوص داخل صفحات السياسة والشروط
   ============================================================ */

main [class*="policy"] p,
main [class*="policy"] span,
main [class*="policy"] li,
main [class*="policy"] strong,

main [class*="privacy"] p,
main [class*="privacy"] span,
main [class*="privacy"] li,
main [class*="privacy"] strong,

main [class*="terms"] p,
main [class*="terms"] span,
main [class*="terms"] li,
main [class*="terms"] strong,

main [class*="return"] p,
main [class*="return"] span,
main [class*="return"] li,

main [class*="refund"] p,
main [class*="refund"] span,
main [class*="refund"] li {
    color: var(--cond-text) !important;
}


/* ============================================================
   7. النصوص الموجودة داخل أي خلفية بيضاء
   ============================================================ */

main .bg-white,
main .bg-white p,
main .bg-white span,
main .bg-white label,
main .bg-white strong,
main .bg-white small,
main .bg-white li,

main [class~="bg-white"] p,
main [class~="bg-white"] span,
main [class~="bg-white"] label,
main [class~="bg-white"] strong {
    color: var(--cond-text) !important;
}


/* ============================================================
   8. الروابط
   ============================================================ */

main article a,
main .page-content a,
main .content-page a,
main .static-page a,

main [class*="policy"] a,
main [class*="privacy"] a,
main [class*="terms"] a {
    color: var(--cond-pink-light) !important;
    text-decoration-color: rgba(216, 165, 175, .45);
}

main article a:hover,
main .page-content a:hover,
main .content-page a:hover,
main .static-page a:hover {
    color: var(--cond-pink) !important;
}


/* ============================================================
   9. الخطوط والفواصل
   ============================================================ */

main hr {
    border-color: var(--cond-border) !important;
}

main article,
main .page-content,
main .content-page,
main .static-page {
    border-color: var(--cond-border) !important;
}


/* ============================================================
   10. Breadcrumb
   الرئيسية > التصنيف > المنتج
   ============================================================ */

.breadcrumbs,
.breadcrumbs *,
nav[aria-label="breadcrumb"],
nav[aria-label="breadcrumb"] *,

[class*="breadcrumb"],
[class*="breadcrumb"] a,
[class*="breadcrumb"] span {
    color: #c8c8c8 !important;
}

[class*="breadcrumb"] a:hover {
    color: var(--cond-pink-light) !important;
}


/* ============================================================
   11. صفحة المنتج
   ============================================================ */

main .product-entry,
main .product-details,
main .product-form,
main [class*="product-details"],
main [class*="product-info"] {
    color: var(--cond-text) !important;
}


/* اسم المنتج */

main .product-entry h1,
main .product-entry h2,
main .product-title,
main [class*="product-title"],
main [class*="product"] h1 {
    color: var(--cond-white) !important;
}


/* السعر */

main .product-entry .price,
main .product-entry [class*="price"],
main [class*="product"] [class*="price"],
.s-product-card-price,
.s-product-card-sale-price {
    color: var(--cond-pink-light) !important;
    font-weight: 700 !important;
}


/* كلمات السعر والكمية */

main [class*="product"] label,
main [class*="quantity"],
main [class*="quantity"] *,
main [class*="qty"] {
    color: var(--cond-text) !important;
}


/* ============================================================
   12. صندوق بيانات التوصيل في المنتج
   ============================================================ */

main .product-form,
main .product-form > div,
main [class*="product-form"],
main [class*="delivery"] {
    background: var(--cond-card) !important;
    color: var(--cond-text) !important;
    border-color: var(--cond-border) !important;
}


/* جميع نصوص التوصيل */

main .product-form p,
main .product-form span,
main .product-form label,
main .product-form strong,
main .product-form small,

main [class*="delivery"] p,
main [class*="delivery"] span,
main [class*="delivery"] label,
main [class*="delivery"] strong {
    color: var(--cond-text) !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* عناوين الحقول */

main .product-form label,
main [class*="delivery"] label {
    color: var(--cond-white) !important;
    font-weight: 600 !important;
}


/* النجمة الحمراء */

main .product-form label .text-red-500,
main .product-form .text-red-500,
main [class*="delivery"] .text-red-500 {
    color: #ef4444 !important;
}


/* ============================================================
   13. Inputs / Select / Textarea
   ============================================================ */

main input:not([type="checkbox"]):not([type="radio"]),
main select,
main textarea {
    background: #161616 !important;
    color: var(--cond-white) !important;

    border: 1px solid #353535 !important;

    box-shadow: none !important;
}


/* عند الضغط */

main input:not([type="checkbox"]):not([type="radio"]):focus,
main select:focus,
main textarea:focus {
    background: #191919 !important;

    border-color: var(--cond-pink) !important;

    color: var(--cond-white) !important;

    outline: none !important;

    box-shadow:
        0 0 0 2px rgba(216, 165, 175, .12) !important;
}


/* Placeholder */

main input::placeholder,
main textarea::placeholder {
    color: #8f8f8f !important;
    opacity: 1 !important;
}


/* select options */

main select option {
    background: #161616 !important;
    color: var(--cond-white) !important;
}


/* ============================================================
   14. Checkbox / Radio
   ============================================================ */

main input[type="checkbox"],
main input[type="radio"] {
    accent-color: var(--cond-pink) !important;
}


/* ============================================================
   15. جداول صفحات السياسة وغيرها
   ============================================================ */

main table {
    background: var(--cond-card) !important;

    border-color: var(--cond-border) !important;

    color: var(--cond-text) !important;
}

main table th {
    background: #181818 !important;
    color: var(--cond-white) !important;
}

main table td {
    background: var(--cond-card) !important;
    color: var(--cond-text) !important;
}

main table th,
main table td {
    border-color: var(--cond-border) !important;
}


/* ============================================================
   16. القوائم داخل الصفحات
   ============================================================ */

main article ul,
main article ol,
main .page-content ul,
main .page-content ol,
main .content-page ul,
main .content-page ol {
    color: var(--cond-text) !important;
}


/* ============================================================
   17. Strong / Bold
   ============================================================ */

main article strong,
main .page-content strong,
main .content-page strong,
main .static-page strong {
    color: var(--cond-white) !important;
}


/* ============================================================
   18. Accordion / FAQ
   ============================================================ */

.s-accordion-item,
.accordion-item,
[class*="accordion-item"],
.cond-faq-card {
    background: var(--cond-card) !important;

    border: 1px solid var(--cond-border) !important;

    color: var(--cond-white) !important;
}

.s-accordion-item button,
.s-accordion-item button *,
.accordion-item button,
.accordion-item button *,
.cond-faq-card,
.cond-faq-card * {
    color: var(--cond-white) !important;
}

.s-accordion-item p,
.accordion-item p,
.cond-faq-card p {
    color: var(--cond-muted) !important;
}


/* ============================================================
   19. المحافظة على خلفية صور المنتجات فاتحة
   حتى الصور تظهر بشكل جيد
   ============================================================ */

.s-product-card-image,
.product-gallery,
[class*="product-gallery"],
[class*="product-slider"],
[class*="product-image"] {
    background-color: #f7f7f7 !important;
}


/* ============================================================
   20. بطاقات المنتجات
   ============================================================ */

.s-product-card-entry,
.product-card {
    background: var(--cond-card) !important;

    border: 1px solid #252525 !important;

    color: var(--cond-white) !important;
}

.s-product-card-content-title,
.s-product-card-content-title a {
    color: var(--cond-white) !important;
}

.s-product-card-content-sub {
    color: var(--cond-muted) !important;
}


/* ============================================================
   21. الأزرار الأساسية
   ============================================================ */

.s-button-primary,
.btn--primary,
button[type="submit"] {
    background: var(--cond-pink) !important;

    color: #111111 !important;

    border-color: var(--cond-pink) !important;

    font-weight: 700 !important;
}

.s-button-primary:hover,
.btn--primary:hover,
button[type="submit"]:hover {
    background: var(--cond-pink-light) !important;

    color: #111111 !important;
}


/* ============================================================
   22. Header
   ============================================================ */

header,
.main-nav-container,
.main-nav,
.navbar {
    background: #080808 !important;
    color: var(--cond-white) !important;
}

header a,
.main-nav a {
    color: var(--cond-white) !important;
}

header a:hover,
.main-nav a:hover {
    color: var(--cond-pink) !important;
}


/* ============================================================
   23. Search
   ============================================================ */

.s-search-input,
input[type="search"] {
    background: #151515 !important;

    border: 1px solid #303030 !important;

    color: var(--cond-white) !important;
}

.s-search-input::placeholder,
input[type="search"]::placeholder {
    color: #888888 !important;
}


/* ============================================================
   24. Footer
   ============================================================ */

footer,
footer > div,
.store-footer,
.store-footer__inner,
.footer-is-light {
    background: #050505 !important;

    color: var(--cond-white) !important;

    border-color: #202020 !important;
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer strong {
    color: var(--cond-white) !important;
}

footer p,
footer span,
footer li {
    color: #aaaaaa !important;
}

footer a,
footer a span {
    color: #dddddd !important;
}

footer a:hover,
footer a:hover span {
    color: var(--cond-pink) !important;
}


/* ============================================================
   25. حماية إضافية للصفحات النصية
   لو سلة تستخدم أسماء Classes مختلفة
   ============================================================ */

main article *,
main .page-content *,
main .content-page *,
main .static-page * {
    border-color: var(--cond-border);
}


/* النصوص فقط، بدون تغيير الأيقونات */

main article p,
main article span,
main article li,

main .page-content p,
main .page-content span,
main .page-content li,

main .content-page p,
main .content-page span,
main .content-page li,

main .static-page p,
main .static-page span,
main .static-page li {
    color: var(--cond-text) !important;
}


/* ============================================================
   26. Mobile
   ============================================================ */

@media (max-width: 768px) {

    main article,
    main .page-content,
    main .content-page,
    main .static-page {
        background: var(--cond-bg) !important;
        color: var(--cond-text) !important;
    }

    main h1 {
        color: var(--cond-white) !important;
    }

    main input:not([type="checkbox"]):not([type="radio"]),
    main select,
    main textarea {
        background: #161616 !important;
        color: #ffffff !important;
    }

}

/* =====================================================
   C.O.N.D — PRODUCT FORM DARK FINAL FIX
   النص أبيض + الخلفيات داكنة
   ===================================================== */

/* الصندوق الكبير الخاص بخيارات وبيانات المنتج */
#product-form,
.product-form,
.product-options,
.product-options-container,
.product-options-wrapper,
.product-option,
.product-form-container,
main [class*="product-form"],
main [class*="product-options"],
main [class*="delivery"] {
    background: #111111 !important;
    color: #ffffff !important;
    border-color: #292929 !important;
}

/* إزالة الأبيض من العناصر الداخلية */
#product-form > div,
.product-form > div,
.product-options > div,
.product-options-container > div,
.product-options-wrapper > div,
main [class*="product-form"] > div,
main [class*="delivery"] > div {
    background-color: transparent !important;
    color: #ffffff !important;
}

/* أي bg-white داخل نموذج المنتج */
#product-form .bg-white,
.product-form .bg-white,
.product-options .bg-white,
main [class*="product-form"] .bg-white,
main [class*="delivery"] .bg-white {
    background: #111111 !important;
}

/* كل النصوص داخل بيانات المنتج */
#product-form label,
#product-form span,
#product-form p,
#product-form strong,
#product-form small,

.product-form label,
.product-form span,
.product-form p,
.product-form strong,
.product-form small,

.product-options label,
.product-options span,
.product-options p,
.product-options strong,

main [class*="delivery"] label,
main [class*="delivery"] span,
main [class*="delivery"] p,
main [class*="delivery"] strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* الحقول */
#product-form input:not([type="checkbox"]):not([type="radio"]),
.product-form input:not([type="checkbox"]):not([type="radio"]),
.product-form textarea,
.product-form select,

.product-options input:not([type="checkbox"]):not([type="radio"]),
.product-options textarea,
.product-options select {
    background: #171717 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border: 1px solid #333333 !important;
}

/* Placeholder */
#product-form input::placeholder,
.product-form input::placeholder,
.product-form textarea::placeholder,
.product-options input::placeholder {
    color: #bdbdbd !important;
    -webkit-text-fill-color: #bdbdbd !important;
    opacity: 1 !important;
}

/* خيارات أوقات التوصيل */
.product-form [class*="option"],
.product-form [class*="radio"],
.product-form [class*="checkbox"],
.product-options [class*="option"],
.product-options [class*="radio"],
.product-options [class*="checkbox"] {
    color: #ffffff !important;
}

/* checkbox */
.product-form input[type="checkbox"],
.product-form input[type="radio"],
.product-options input[type="checkbox"],
.product-options input[type="radio"] {
    accent-color: #d8a5af !important;
}

/* النجمة المطلوبة */
.product-form .text-red-500,
.product-options .text-red-500,
#product-form .text-red-500 {
    color: #ff5555 !important;
    -webkit-text-fill-color: #ff5555 !important;
}

/* حماية نهائية */
#product-form *,
.product-form *,
.product-options *,
.product-options-container * {
    opacity: 1 !important;
}

/* =====================================================
   C.O.N.D — CATEGORIES DARK FIX
   ===================================================== */

/* قسم الأقسام بالكامل */
.s-block--categories,
.s-block--categories .container,
.s-block--categories .swiper,
.s-block--categories .swiper-wrapper {
    background: #080808 !important;
}

/* بطاقة التصنيف */
.s-block--categories .swiper-slide > a,
.s-block--categories .category-entry,
.s-block--categories [class*="category"] {
    background: #141414 !important;
    border: 1px solid #292929 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    color: #ffffff !important;
}

/* جميع أسماء التصنيفات */
.s-block--categories a,
.s-block--categories a *,
.s-block--categories h2,
.s-block--categories h3,
.s-block--categories h4,
.s-block--categories span,
.s-block--categories p,
.s-block--categories strong,

.category-entry,
.category-entry *,
[class*="category-entry"],
[class*="category-entry"] * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* الجزء الذي يحتوي على اسم التصنيف */
.s-block--categories [class*="content"],
.s-block--categories [class*="title"],
.s-block--categories [class*="name"],
.category-entry [class*="content"],
.category-entry [class*="title"],
.category-entry [class*="name"] {
    background: #141414 !important;
    color: #ffffff !important;
}

/* لو اسم التصنيف موضوع فوق الصورة */
.s-block--categories .swiper-slide > a {
    position: relative !important;
}

/* خلفية داكنة أسفل اسم التصنيف */
.s-block--categories .swiper-slide h2,
.s-block--categories .swiper-slide h3,
.s-block--categories .swiper-slide h4,
.s-block--categories .swiper-slide p,
.s-block--categories .swiper-slide span {
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.8) !important;
}

/* الصور */
.s-block--categories img,
.category-entry img {
    background: #141414 !important;
    border-radius: 16px !important;
}

/* Hover */
.s-block--categories .swiper-slide > a:hover,
.category-entry:hover {
    border-color: #d8a5af !important;
    background: #191919 !important;
}
/* إصلاح ألوان نافذة العنوان والتوصيل */
[role="dialog"],
[role="dialog"] label,
[role="dialog"] h1,
[role="dialog"] h2,
[role="dialog"] h3,
[role="dialog"] p,
[role="dialog"] span {
    color: #111 !important;
}

/* الحقول */
[role="dialog"] input,
[role="dialog"] select,
[role="dialog"] textarea {
    background-color: #fff !important;
    color: #111 !important;
    border-color: #dcdcdc !important;
}

/* النص داخل الحقول قبل الكتابة */
[role="dialog"] input::placeholder,
[role="dialog"] textarea::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

/* القوائم المنسدلة */
[role="dialog"] option {
    background: #fff !important;
    color: #111 !important;
}

/* الروابط داخل الفورم */
[role="dialog"] a {
    color: #333 !important;
}
input[type="checkbox"] {
    accent-color: #ffffff !important;
}
/* إظهار الـ Checkbox بوضوح في صفحات المنتجات */
input[type="checkbox"] {
    -webkit-appearance: auto !important;
    appearance: auto !important;

    width: 20px !important;
    height: 20px !important;

    opacity: 1 !important;
    visibility: visible !important;

    accent-color: #8fa886 !important;
}
/* قائمة حساب العميل */
salla-user-menu .s-user-menu-dropdown,
salla-user-menu [class*="dropdown"] {
    background: #fff !important;
}

/* نصوص وروابط قائمة الحساب */
salla-user-menu .s-user-menu-dropdown *,
salla-user-menu [class*="dropdown"] a,
salla-user-menu [class*="dropdown"] span,
salla-user-menu [class*="dropdown"] p {
    color: #111 !important;
}

/* الأيقونات */
salla-user-menu [class*="dropdown"] i,
salla-user-menu [class*="dropdown"] svg {
    color: #777 !important;
}

/* تسجيل الخروج يبقى أحمر */
salla-user-menu [class*="dropdown"] a:last-child,
salla-user-menu [class*="dropdown"] a:last-child i,
salla-user-menu [class*="dropdown"] a:last-child svg {
    color: #e53935 !important;
}
/* =================================
   إصلاح نوافذ سلة البيضاء
================================= */

/* النوافذ والمودال */
.s-modal-body,
.s-modal-wrapper,
.s-modal-content,
.s-drawer,
.s-drawer-body,
salla-modal .s-modal-body {
    color: #111 !important;
}

/* النصوص داخل النوافذ البيضاء */
.s-modal-body h1,
.s-modal-body h2,
.s-modal-body h3,
.s-modal-body h4,
.s-modal-body p,
.s-modal-body span,
.s-modal-body label,
.s-modal-body div,

.s-drawer h1,
.s-drawer h2,
.s-drawer h3,
.s-drawer p,
.s-drawer span,
.s-drawer label {
    color: #111 !important;
}

/* ملخص الطلب داخل الصفحة فقط */
.cart-summary,
.cart-summary * {
    color: #111 !important;
}

/* حقول النوافذ البيضاء */
.s-modal-body input,
.s-modal-body textarea,
.s-modal-body select,
.s-drawer input,
.s-drawer textarea,
.s-drawer select {
    color: #111 !important;
    background: #fff !important;
}

/* Placeholder */
.s-modal-body input::placeholder,
.s-modal-body textarea::placeholder,
.s-drawer input::placeholder,
.s-drawer textarea::placeholder {
    color: #777 !important;
    opacity: 1 !important;
}

/* الأسعار داخل ملخص الطلب */
.cart-summary .amount,
.cart-summary .price {
    color: #111 !important;
}
body {
    background-color: #000;
    color: #fff;
}
/* ============================================================
   C.O.N.D — END MASTER DARK FIX
   ============================================================ */
/* ============================================================
   C.O.N.D — TARGETED SALLA SYSTEM COMPONENTS FIX
   مهم: هذا بديل آمن عن body * { color:#fff !important; }
   ============================================================ */

/* الخلفية العامة تبقى داكنة، بدون فرض اللون على كل عنصر */
html,
body {
    background: #080808 !important;
    color: #ffffff !important;
}

/* نافذة العنوان / المودال البيضاء */
[role="dialog"],
.s-modal-body,
.s-modal-wrapper,
.s-modal-content,
.s-drawer,
.s-drawer-body {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

[role="dialog"] h1,
[role="dialog"] h2,
[role="dialog"] h3,
[role="dialog"] h4,
[role="dialog"] p,
[role="dialog"] span,
[role="dialog"] label,
[role="dialog"] strong,
[role="dialog"] small,
[role="dialog"] a,
.s-modal-body h1,
.s-modal-body h2,
.s-modal-body h3,
.s-modal-body h4,
.s-modal-body p,
.s-modal-body span,
.s-modal-body label,
.s-modal-body strong,
.s-modal-body small,
.s-modal-body a,
.s-drawer h1,
.s-drawer h2,
.s-drawer h3,
.s-drawer p,
.s-drawer span,
.s-drawer label,
.s-drawer strong,
.s-drawer small,
.s-drawer a {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* الحقول داخل النوافذ البيضاء */
[role="dialog"] input:not([type="checkbox"]):not([type="radio"]),
[role="dialog"] textarea,
[role="dialog"] select,
.s-modal-body input:not([type="checkbox"]):not([type="radio"]),
.s-modal-body textarea,
.s-modal-body select,
.s-drawer input:not([type="checkbox"]):not([type="radio"]),
.s-drawer textarea,
.s-drawer select {
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    border-color: #dcdcdc !important;
}

[role="dialog"] input::placeholder,
[role="dialog"] textarea::placeholder,
.s-modal-body input::placeholder,
.s-modal-body textarea::placeholder,
.s-drawer input::placeholder,
.s-drawer textarea::placeholder {
    color: #777777 !important;
    -webkit-text-fill-color: #777777 !important;
    opacity: 1 !important;
}

/* قائمة حساب العميل: اترك مكوّن سلة يرث الأسود داخل قائمته البيضاء */
salla-user-menu {
    --salla-user-menu-dropdown-color: #111111;
}

salla-user-menu .s-user-menu-dropdown,
salla-user-menu [class*="dropdown"] {
    background: #ffffff !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

salla-user-menu .s-user-menu-dropdown *,
salla-user-menu [class*="dropdown"] * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* ملخص السلة الجديد في سلة (Twilight الحديثة) */
salla-cart-summary-card,
[data-testid="store-cart-summary"] {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* لو كان محتوى الملخص في Light DOM */
salla-cart-summary-card *,
[data-testid="store-cart-summary"] * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* ملخص الطلب الأبيض فقط: نص أسود */
.cart-summary,
.cart-summary * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* بطاقة المنتج في صفحة السلة عندنا داكنة: النص أبيض */
.cart-item.bg-white,
.cart-item.bg-white * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* checkbox / radio */
input[type="checkbox"],
input[type="radio"] {
    -webkit-appearance: auto !important;
    appearance: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    accent-color: #8fa886 !important;
}
/* ============================================================
   C.O.N.D — CART ITEM TEXT FINAL OVERRIDE
   البطاقة داكنة = النص أبيض، وملخص الطلب الأبيض يبقى أسود
   ============================================================ */

main .cart-item.bg-white,
main .cart-item.bg-white *,
main section.cart-item.bg-white,
main section.cart-item.bg-white * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* حقول خيارات المنتج داخل بطاقة السلة */
main .cart-item.bg-white input:not([type="checkbox"]):not([type="radio"]),
main .cart-item.bg-white textarea,
main .cart-item.bg-white select,
main .cart-item.bg-white salla-product-options {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Placeholder داخل البطاقة الداكنة */
main .cart-item.bg-white input::placeholder,
main .cart-item.bg-white textarea::placeholder {
    color: #aaaaaa !important;
    -webkit-text-fill-color: #aaaaaa !important;
    opacity: 1 !important;
}

/* ملخص الطلب الأبيض */
salla-cart-summary-card,
[data-testid="store-cart-summary"],
.cart-summary,
salla-cart-summary-card *,
[data-testid="store-cart-summary"] *,
.cart-summary * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}
/* ============================================================
   C.O.N.D — HEADER CART + ADD TO CART FINAL FIX
   أبيض واضح في الهيدر + وردي هادئ لأزرار المنتجات
   ============================================================ */

/* مكوّن السلة في الهيدر فقط؛ لا يؤثر على ملخص الطلب الأبيض */
header salla-cart-summary,
header .s-cart-summary {
    --color-primary: #ffffff;
    --color-primary-dark: #f1d8dd;
    --color-primary-reverse: #080808;
    --salla-color-primary: #ffffff;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

header salla-cart-summary *,
header .s-cart-summary *,
header salla-cart-summary i,
header salla-cart-summary i::before,
header salla-cart-summary [class*="sicon-"],
header salla-cart-summary [class*="sicon-"]::before {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

header salla-cart-summary svg,
header salla-cart-summary svg * {
    color: #ffffff !important;
    stroke: #ffffff !important;
    opacity: 1 !important;
}

header salla-cart-summary .s-cart-summary-icon,
header .s-cart-summary-icon {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: rgba(255, 255, 255, .04) !important;
    border: 2px solid rgba(255, 255, 255, .92) !important;
    box-shadow: 0 0 0 4px rgba(216, 165, 175, .06),
                0 7px 24px rgba(216, 165, 175, .12) !important;
    animation: cond-cart-float 3.2s ease-in-out infinite;
}

header salla-cart-summary:hover .s-cart-summary-icon,
header .s-cart-summary:hover .s-cart-summary-icon {
    color: var(--cond-pink-light) !important;
    -webkit-text-fill-color: var(--cond-pink-light) !important;
    border-color: var(--cond-pink-light) !important;
    background: rgba(216, 165, 175, .10) !important;
}

/* إظهار قيمة السلة بجانب الأيقونة */
header salla-cart-summary .s-cart-summary-total,
header salla-cart-summary .s-cart-summary-count,
header salla-cart-summary .amount,
header salla-cart-summary .price {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    opacity: 1 !important;
}

/* زر أضف إلى السلة في بطاقات وصفحة المنتج */
salla-add-product-button {
    --color-primary: #d8a5af;
    --color-primary-dark: #c7929d;
    --color-primary-reverse: #111111;
}

salla-add-product-button .s-button-element,
salla-add-product-button button,
salla-add-product-button .s-button-primary {
    background: linear-gradient(110deg,
                #c995a0 0%,
                #e2b5be 36%,
                #f1d8dd 50%,
                #d8a5af 66%,
                #c995a0 100%) !important;
    background-size: 220% 100% !important;
    color: #151110 !important;
    -webkit-text-fill-color: #151110 !important;
    border: 1px solid rgba(241, 216, 221, .72) !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 8px 22px rgba(216, 165, 175, .14) !important;
    animation: cond-floral-sheen 4.5s ease-in-out infinite !important;
    transition: transform .25s ease,
                box-shadow .25s ease,
                filter .25s ease !important;
}

salla-add-product-button .s-button-text,
salla-add-product-button span,
salla-add-product-button i,
salla-add-product-button i::before,
salla-add-product-button [class*="sicon-"],
salla-add-product-button [class*="sicon-"]::before {
    color: #151110 !important;
    -webkit-text-fill-color: #151110 !important;
    opacity: 1 !important;
}

salla-add-product-button .s-button-element:hover,
salla-add-product-button button:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 28px rgba(216, 165, 175, .26) !important;
    filter: brightness(1.04);
}

/* يبقى الزر غير المتاح واضحًا من غير أن يبدو قابلاً للشراء */
salla-add-product-button .s-button-element:disabled,
salla-add-product-button button:disabled,
salla-add-product-button [disabled] {
    background: #282421 !important;
    color: #bdaeb0 !important;
    -webkit-text-fill-color: #bdaeb0 !important;
    border-color: #453c3d !important;
    box-shadow: none !important;
    animation: none !important;
    opacity: 1 !important;
}

salla-add-product-button [disabled] *,
salla-add-product-button [disabled] i::before {
    color: #bdaeb0 !important;
    -webkit-text-fill-color: #bdaeb0 !important;
}

@keyframes cond-cart-float {
    0%, 100% {
        transform: translateY(0);
        box-shadow: 0 0 0 4px rgba(216, 165, 175, .06),
                    0 7px 24px rgba(216, 165, 175, .12);
    }
    50% {
        transform: translateY(-3px);
        box-shadow: 0 0 0 7px rgba(216, 165, 175, .08),
                    0 10px 28px rgba(216, 165, 175, .20);
    }
}

@keyframes cond-floral-sheen {
    0%, 100% { background-position: 100% 50%; }
    50%      { background-position: 0 50%; }
}

@media (prefers-reduced-motion: reduce) {
    header salla-cart-summary .s-cart-summary-icon,
    header .s-cart-summary-icon,
    salla-add-product-button .s-button-element,
    salla-add-product-button button {
        animation: none !important;  }