/* Add custom CSS styles below */ 

.home-slider-data.w-full.lg\:w-3\/4.md\:max-w-\[60\%\].p-4.overflow-hidden {

    padding: 0 11%;

}

.home-slider-data.w-full.lg\:w-3\/4.md\:max-w-\[60\%\].p-4.overflow-hidden {

    max-width: 55% !important;

}
p {

    font-weight: 400 !important;

}


/* تنسيق عنوان السلايدر */
.home-slider-data h2 {
    line-height: 1.5em !important;
    font-weight: 800 !important; /* لجعله سميكاً كما طلبت سابقاً */
    margin-bottom: 15px !important;
}

/* تنسيق حاوية النص في السلايدر */
.home-slider-data {
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* تنسيق زر السلايدر */
.home-slider-data a.btn {
    margin-top: 21px !important;
    width: fit-content !important; /* لضمان أن الزر لا يأخذ عرض السطر كاملاً */
}

/* مسافات الهوامش في الشاشات الكبيرة */
@media (min-width: 768px) {
    .home-slider-data {
        margin-bottom: 2.8rem !important;
    }
}


/* 1. التعديلات الخاصة بالجوال (أصغر من 768px) */
@media (max-width: 768px) {
    .home-slider-data {
        max-width: 100% !important;
        padding: 0 10px !important;
    }

    .home-slider-data h1, 
    .home-slider-data h2 {
        font-size: 1.2rem !important;
    }

    /* لجعل البطاقات صفين في الجوال (كل صف 4) */
    ul.s-payments-list {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 5px !important;
    }
} /* تم إغلاق قوس الجوال هنا */

/* 2. التعديلات الخاصة بالكمبيوتر (أكبر من 768px) */
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
    
    /* ضمان ظهور البطاقات 4 في الصف للكمبيوتر أيضاً */
    ul.s-payments-list {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
    
    ul.s-payments-list li {
        flex: 0 0 calc(25% - 15px) !important;
    }
}

  

.relative.flex.flex-col.text-\[var\(--footer-color\)\].justify-center.md\:justify-start.items-center.md\:items-start.md\:rtl\:text-right.md\:ltr\:text-left.saji-anime-item {

    align-items: center !important;

}

/* 2. استهداف اللوجو نفسه لضمان عدم انحيازه */

.footer-logo {

    margin-left: auto !important;

    margin-right: auto !important;

    display: block !important;

    background-position: center !important; /* لضمان توسط الصورة داخل الخلفية */

}

.s-infinite-scroll-wrapper {

    margin-bottom: 50px;

}




/* في حال كانت النصوص داخل حاويات خاصة في سلة */

.store-footer p, 

.home-slider-data p, 

.product-details__description p {

    font-weight: 400 !important;

}

.\[\&_\.s-menu-footer-list\]\:columns-2 .s-menu-footer-list {
    -moz-columns: 2;
    column-count: 1;
}

/* تغيير لون الزر الأساسي في السلايدر أو الموقع */
a.btn.saji_anime {
    background-color: #997D43 !important;
    border-color: #997D43 !important;
    color: #ffffff !important; /* لضمان ظهور النص باللون الأبيض */
}

/* تغيير اللون عند وضع الماوس على الزر */
a.btn.saji_anime:hover {
    background-color: #7a6335 !important; /* درجة أغمق قليلاً للتفاعل */
    border-color: #7a6335 !important;
}

/* استهداف الزر داخل قسم الفيديو نص فقط */
#video_text-10 .home-slider-data a.btn, 
#video_text-10 a.btn {
    margin-top: 20px !important;
    display: inline-block !important; /* لضمان تفعيل الـ margin */
}

/* استهداف حاوية تواصل معنا وجميع العناصر بداخلها قسرياً */
salla-contacts, 
salla-contacts *, 
.s-contacts-item, 
.s-contacts-item span, 
.s-contacts-item a {
    font-weight: 400 !important;
}

/* إزالة أي سماكة موروثة من الكلاسات الخاصة بالقالب */
[class*="s-contacts"] {
    font-weight: 400 !important;
}

/* 1. استهداف روابط مهمة والقوائم الشبيهة بها في الفوتر */
.footer-main .s-menu-footer-item a, 
.footer-main .s-menu-footer-item span,
.footer-main .s-menu-footer-item,
.footer-main [class*="s-menu-footer"] * {
    font-weight: 400 !important;
}

/* 2. استهداف الكلاس الطويل الذي أرفقته في صورتك الأخيرة بشكل قسري */
[class*="saji-anime-item"] a, 
[class*="saji-anime-item"] span, 
[class*="saji-anime-item"] li {
    font-weight: 400 !important;
}

/* 3. إلغاء أي تأثير للخط العريض (Bold) المبرمج في القالب لهذا القسم */
.footer-main h3, 
.footer-main .s-menu-footer-title {
    font-weight: 400 !important;
}

/* استهداف عنوان روابط مهمة بالهوية المباشرة */
[class*="footer-menu"] .footer-title,
.footer-main strong.footer-title,
.footer-main .saji-anime-item strong {
    display: block !important;
    padding-bottom: 20px !important;
    margin-bottom: 10px !important;
    font-weight: 400 !important;
}

/* دفع القائمة التي تحت العنوان لأسفل قسرياً */
.footer-main salla-menu[source="footer"],
.footer-main .s-menu-footer-list {
    margin-top: 10px !important;
    display: block !important;
}