/* 1. خلفية الهيدر البنفسجية مع الشفافية وتأثير الضبابية */
#mainnav.fixed-pinned .header-inner,
#mainnav.fixed-header .header-inner,
.main-nav-container.fixed-pinned .inner,
.main-nav-container.fixed-header .inner {
    background-color: rgba(114, 37, 107, 0.92) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* 2. تحويل جميع النصوص والأيقونات إلى اللون الأبيض عند السكرول */
#mainnav.fixed-pinned .header-inner .da-tm,
#mainnav.fixed-pinned .header-inner .text-black,
#mainnav.fixed-pinned .header-inner .text-primary,
#mainnav.fixed-pinned .header-inner i,
#mainnav.fixed-pinned .header-inner a,
#mainnav.fixed-pinned .header-inner p,
#mainnav.fixed-pinned .header-inner span,
#mainnav.fixed-pinned .header-inner button,
#mainnav.fixed-header .header-inner .da-tm,
#mainnav.fixed-header .header-inner .text-black,
#mainnav.fixed-header .header-inner .text-primary,
#mainnav.fixed-header .header-inner i,
#mainnav.fixed-header .header-inner a,
#mainnav.fixed-header .header-inner p,
#mainnav.fixed-header .header-inner span,
#mainnav.fixed-header .header-inner button {
    color: #ffffff !important;
}

/* 3. تلوين أيقونة السلة (SVG) بالأبيض */
#mainnav.fixed-pinned .header-inner svg path,
#mainnav.fixed-header .header-inner svg path {
    fill: #ffffff !important;
}
/* 1. تحويل جميع النصوص، الأزرار، والأيقونات إلى اللون الأبيض */
#mainnav .header-inner .da-tm,
#mainnav .header-inner .text-black,
#mainnav .header-inner .text-primary,
#mainnav .header-inner i,
#mainnav .header-inner a,
#mainnav .header-inner p,
#mainnav .header-inner span,
#mainnav .header-inner button {
    color: #ffffff !important;
}

/* 2. تلوين مسار أيقونة السلة الـ SVG بالأبيض */
#mainnav .header-inner svg path,
#mainnav .s-cart-summary-wrapper svg path {
    fill: #ffffff !important;
}

/* 3. ضمان وضوح أيقونة القائمة (البرجر منيو) */
#mainnav .header-inner .mburger i,
#mainnav .header-inner .sicon-menu {
    color: #ffffff !important;
}
.s-block__title h2 {
    display: block;
    min-height: 1.5rem;
    position: relative;
    color: #72256b;
}
/* ===================================================
   1. الحالة الافتراضية (السؤال مغلق)
=================================================== */

/* خلفية السؤال بنفسجية والحدود شفافة */
.faqs-list .faqs-list__item {
    background-color: #72256b !important;
    border: 2px solid transparent !important;
    transition: all 0.3s ease !important;
}

/* لون نص السؤال بالأبيض */
.faqs-list .faqs-list__item label {
    color: #ffffff !important;
}

/* الدائرة خلف إشارة البلس باللون الأبيض */
.faqs-list .faqs-list__item .open-badge {
    background-color: #ffffff !important;
    color: #72256b !important;
}

/* إشارة البلس باللون البنفسجي */
.faqs-list .faqs-list__item .open-badge::before,
.faqs-list .faqs-list__item .open-badge i {
    color: #72256b !important;
}


/* ===================================================
   2. حالة الفتح (عند الضغط على السؤال كما بالصورة)
=================================================== */

/* تحويل الخلفية للأبيض وظهور الإطار البنفسجي */
.faqs-list input:checked + .faqs-list__item,
.faqs-list .faq-container:has(input:checked) .faqs-list__item {
    background-color: #ffffff !important;
    border-color: #72256b !important;
}

/* تحويل لون نص السؤال للبنفسجي */
.faqs-list input:checked + .faqs-list__item label,
.faqs-list .faq-container:has(input:checked) .faqs-list__item label {
    color: #72256b !important;
}

/* الدائرة تصبح بنفسجية */
.faqs-list input:checked + .faqs-list__item .open-badge,
.faqs-list .faq-container:has(input:checked) .faqs-list__item .open-badge {
    background-color: #72256b !important;
    color: #ffffff !important;
}

/* إشارة الماينس داخل الدائرة تصبح بالأبيض */
.faqs-list input:checked + .faqs-list__item .open-badge::before,
.faqs-list input:checked + .faqs-list__item .open-badge i,
.faqs-list .faq-container:has(input:checked) .faqs-list__item .open-badge::before,
.faqs-list .faq-container:has(input:checked) .faqs-list__item .open-badge i {
    color: #ffffff !important;
}

/* وضوح نص الإجابة بلون داكن للقراءة */
.faqs-list input:checked + .faqs-list__item .faq-answer p,
.faqs-list .faq-container:has(input:checked) .faqs-list__item .faq-answer p {
    color: #2b2b2b !important;
}
.store-footer .footer-title, .store-footer h3 {
    color: #ffffff;
}
/* توسيط القسم العلوي من الفوتر وجعل العناصر تحت بعض */
.store-footer .footer-top {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 1.25rem !important;
}

/* ضبط حاوية البريد والنصوص في المنتصف */
.store-footer .footer-newsletter {
    width: 100% !important;
    max-width: 480px !important;
    align-items: center !important;
}

.store-footer #mail {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 1rem !important;
}

.store-footer #mail .title-mail {
    text-align: center !important;
}

.store-footer #mail form {
    width: 100% !important;
}

/* توسيط أيقونات السوشال ميديا */
.store-footer .footer-social {
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
}

.store-footer .footer-social .s-social-list {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0.75rem !important;
}
/* تلوين نصوص الفوتر بالكامل بالأبيض */
.store-footer__inner,
.store-footer__inner p,
.store-footer__inner span,
.store-footer__inner a,
.store-footer__inner strong,
.store-footer__inner h3,
.store-footer__inner .footer-title,
.store-footer__inner .footer-description,
.store-footer__inner .footer-description *,
.store-footer__inner .footer-list a,
.store-footer__inner .da-tm,
.store-footer__inner .s-contacts-item span,
.store-footer__inner .vat-num *,
.store-footer__inner .copyrights,
.store-footer__inner .copyrights a {
    color: #ffffff !important;
}

/* لون إشارة العودة للأعلى بالأبيض */
.store-footer .to-top a,
.store-footer .to-top i {
    color: #ffffff !important;
}
/* إظهار أيقونة الضريبة تلقائياً بجانب الرقم */
.store-footer .vat-num {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    position: relative !important;
    padding-right: 50px !important;
}
.store-footer .vat-num::before {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 38px !important;
    height: 38px !important;
    /* ضع رابط الصورة المباشر مكان العبارة بين القوسين */
    background-image: url('https://res.cloudinary.com/dpfpo173s/image/upload/v1788841988/%D8%B3%D8%B4.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.s-social-link a svg {
    fill: rgb(114 37 107);
}
.s-contacts-icon svg {
    fill: rgb(114 37 107);
}
/* خلفية زر اشترك باللون الأبيض */
.store-footer__inner .footer-newsletter form salla-button,
.store-footer__inner .footer-newsletter form salla-button button,
.store-footer__inner .footer-newsletter form button.s-button-element {
    background-color: #ffffff !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}

/* لون كلمة اشترك بنفسجي بلون الفوتر */
.store-footer__inner .footer-newsletter form salla-button button,
.store-footer__inner .footer-newsletter form salla-button button span,
.store-footer__inner .footer-newsletter form salla-button button .btn__text {
    color: #72256b !important;
    font-weight: bold !important;
}

/* تأثير التمرير (Hover) اختياري لمظهر تفاعلي */
.store-footer__inner .footer-newsletter form salla-button button:hover {
    background-color: rgba(255, 255, 255, 0.9) !important;
}
footer.store-footer .store-footer__inner,
.store-footer__inner.has-custom-bg {
    background-image: url('https://res.cloudinary.com/dpfpo173s/image/upload/v1788841677/%D8%AE%D9%84%D9%81%D9%8A%D8%A9_%D8%A7%D9%84%D9%81%D9%88%D8%AA%D8%B1.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.mm-spn.mm-spn--light {
    color: #ffffff;
}