/* 1. حذف الهوامش من القسم الرئيسي */
section.s-block--fixed-banner, 
section.wide-placeholder {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* 2. حذف الهوامش من الحاوية الداخلية (Container) */
section.s-block--fixed-banner .container,
section.wide-placeholder .container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    max-width: 100% !important; /* لضمان ملء العرض كاملاً إذا رغبت */
}

/* 3. حذف أي مسافات داخل الرابط أو تحت الصورة */
section.s-block--fixed-banner a.banner,
section.s-block--fixed-banner img {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: none !important;
    line-height: 0 !important; /* لحذف فراغ الـ 3 بكسل الذي يظهر تحت الصور أحياناً */
}

/* 4. إلغاء تأثير "الفراغ بين العناصر" الافتراضي في سلة */
.s-block + .s-block {
    margin-top: 0 !important;
}
/* 1. توسيط العنوان الرئيسي */
.gold-theme-section .s-block__title {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.gold-theme-section .s-block__title h2 {
    text-align: center !important;
    margin: 0 auto !important;
}

/* 2. توسيط العناصر (الكروت) في المنتصف */
.gold-theme-section .swiper-wrapper {
    display: flex !important;
    justify-content: center !important;
}

/* 3. جعل البوردر ذهبي لكل عنصر وتنسيق داخلي */
.gold-theme-section .slide--cat-entry {
    border: 2px solid #D4AF37 !important; /* اللون الذهبي */
    border-radius: 15px !important;
    padding: 20px 10px !important;
    background-color: #ffffff !important; /* خلفية بيضاء لتبرز البوردر */
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease-in-out !important;
    min-height: 120px !important;
}

/* 4. جعل الأيقونة باللون الذهبي */
.gold-theme-section .slide--cat-entry i[class^="sicon-"] {
    color: #D4AF37 !important; /* لون الأيقونة ذهبي */
    font-size: 35px !important; /* حجم الأيقونة */
    margin-bottom: 12px !important;
    display: block !important;
}

/* 5. تنسيق النص أسفل الأيقونة */
.gold-theme-section .slide--cat-entry h4 {
    color: #333 !important;
    font-size: 14px !important;
    text-align: center !important;
    margin: 0 !important;
}

/* 6. تأثير عند تمرير الماوس */
.gold-theme-section .slide--cat-entry:hover {
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3) !important;
    transform: translateY(-3px) !important;
    border-color: #b8860b !important; /* ذهبي أغمق قليلاً عند التمرير */
}

/* معالجة العرض على الجوال */
@media (max-width: 768px) {
    .gold-theme-section .slide--cat-entry {
        margin: 5px !important;
    }
}

/* 1. تلوين بوردر ونص وأيقونة زر "إضافة للسلة" */
.s-button-element.s-button-primary-outline {
    border-color: #D4AF37 !important; /* لون البوردر ذهبي */
    color: #D4AF37 !important;        /* لون النص ذهبي */
}

/* تلوين الأيقونة داخل زر السلة */
.s-button-element.s-button-primary-outline i {
    color: #D4AF37 !important;
}

/* تأثير عند تمرير الماوس على زر الإضافة للسلة */
.s-button-element.s-button-primary-outline:hover {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
}
.s-button-element.s-button-primary-outline:hover i {
    color: #ffffff !important;
}
/* 1. تلوين زر "إضافة للسلة" (البوردر، النص، الأيقونة) */
.s-button-element.s-button-primary-outline {
    border-color: #D4AF37 !important;
    color: #D4AF37 !important;
    transition: all 0.3s ease !important;
}

.s-button-element.s-button-primary-outline i {
    color: #D4AF37 !important;
    transition: all 0.3s ease !important;
}

/* تأثير الهوفر لزر السلة */
.s-button-element.s-button-primary-outline:hover {
    background-color: #D4AF37 !important;
    color: #ffffff !important;
}

.s-button-element.s-button-primary-outline:hover i {
    color: #ffffff !important;
}

/* 2. تنسيق كلمة "عرض الكل" مع الخط المتمدد */
.s-slider-block__display-all {
    color: #D4AF37 !important;
    text-decoration: none !important;
    position: relative !important;
    border: none !important; /* إلغاء البوردر الافتراضي */
    padding-bottom: 5px !important;
    display: inline-block !important;
}

/* إنشاء الخط السفلي (الحالة الافتراضية: نصف العرض) */
.s-slider-block__display-all::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important; /* للبدء من المنتصف */
    transform: translateX(-50%) !important; /* لضمان التوسط */
    width: 50% !important; /* العرض نصف الكلمة قبل الهوفر */
    height: 2px !important;
    background-color: #D4AF37 !important;
    transition: width 0.4s ease-in-out !important; /* سرعة التمدد */
}

/* تأثير الهوفر: الخط يتمدد ليصبح كامل العرض */
.s-slider-block__display-all:hover::after {
    width: 100% !important; /* العرض كامل تحت الكلمة عند الهوفر */
}
 
.s-slider-block__display-all:hover {
    color: #D4AF37 !important;
    opacity: 0.9;
}

/* 3. تلوين أيقونة القلب (المفضلة) بالذهبي لتتناسق مع التصميم */
.btn--wishlist i {
    color: #D4AF37 !important;
}
.btn--wishlist {
    border-color: #D4AF37 !important;
}

/* 1. تلوين الخط السفلي للمنتج (Scrollbar) باللون الذهبي */
.s-block--testimonials .swiper-scrollbar-drag {
    background-color: #D4AF37 !important;
}

/* 2. تلوين أسهم التنقل (الأيقونات) باللون الذهبي */
.s-block--testimonials .s-slider-nav-arrow {
    color: #D4AF37 !important;
    border-color: #D4AF37 !important; /* إذا كان هناك إطار حول السهم */
}

/* تلوين الـ SVG داخل الأسهم لضمان تغيير اللون */
.s-block--testimonials .s-slider-nav-arrow svg {
    fill: #D4AF37 !important;
}

/* 3. تأثير عند تمرير الماوس على الأسهم */
.s-block--testimonials .s-slider-nav-arrow:hover {
    background-color: #D4AF37 !important;
}

.s-block--testimonials .s-slider-nav-arrow:hover svg {
    fill: #ffffff !important; /* يتحول السهم للأبيض عند الهوفر لخلفية ذهبية */
}
/* استهداف الزر بناءً على اللون والخصائص المحددة التي أرفقتها */
button[style*="z-index: 2147483647"], 
button[style*="ticketing-system-primary-color"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* استهداف الصورة بداخل الزر لضمان الاختفاء التام */
img[src*="question-mark.svg"] {
    display: none !important;
}