/* Add custom CSS styles below */ 

/* ========== المتغيرات الأساسية ========== */
:root {
    --main-color:  #7a0020; /* اللون الأساسي للموقع */
}

body{
    background-color:#fff; /* لون خلفية الصفحة */
}

/* ========== تنسيقات الهيدر (Header) ========== */

/* خلفية الهيدر */
header .inner.bg-inherit.w-full {
    background-color:var(--main-color);
} 

/* أيقونات المستخدم وسلة التسوق */
header .main-nav-container i.header-btn__icon.sicon-user-circle,
header .main-nav-container i.header-btn__icon.icon.sicon-shopping-bag{
    background-color: var(--main-color) !important;
    color:white;
}

/* عداد المنتجات في السلة */
header .main-nav-container span.s-cart-summary-count {
    background-color:white;
    color:var(--main-color);
    border:1px solid var(--main-color);
}

/* إجمالي سعر السلة */
header .main-nav-container b.s-cart-summary-total{
  color:#fff;
}

/* القائمة الرئيسية */
header ul.main-menu.mm-spn--open {
    color:#fff;
}

/* رابط العروض */
header ul.main-menu.mm-spn--open  a.offers-link span {
    background-color:#fff;
    padding:3px;
    border-radius:5px 7px;
}

/* أيقونة القائمة (Menu Icon) */
header i.sicon-menu.text-primary.text-2xl {
    color:#fff;
}

/* ========== السلايدر الرئيسي (Main Slider) ========== */

/* إزالة المسافة العلوية للسلايدر */
section.s-block.s-block--photos-slider {
    margin-top: 0;
}

/* تنسيق شرائح السلايدر */
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* إزالة الحواف الدائرية من الصور */
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}

/* حاوية السلايدر */
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}

/* إخفاء عنوان السلايدر */
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}

/* ========== البانرات (Banners) ========== */

/* إزالة المسافة السفلية */
section#IRT__photos-slider-0 {
    margin-bottom: 0 !important;
}

/* تنسيق حاوية البانر */
section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important;
}

/* إزالة الحواف الدائرية من البانرات */
.banner--fixed img {
    border-radius: 0 !important;
}

/* ========== كروت المنتجات (Product Cards) ========== */

/* تنسيق الكروت الأساسي */
 custom-salla-product-card {
    border:1px solid #ddd;
    transition:0.5s !important;
    overflow: hidden;
}

/* تأثير الحركة عند التمرير على الكرت */
body.index custom-salla-product-card:hover{
    transform:translateY(-10px); /* تحريك الكرت للأعلى */
    box-shadow: 3px 3px 5px 4px #ddd !important; /* إضافة ظل */
    border:1px solid var(--main-color); /* تغيير لون الحدود */
}

/* مسافة داخلية لسلايدر المنتجات */
body.index salla-products-slider.s-products-slider-wrapper.hydrated .swiper.s-slider-container {
    padding:30px 0 !important;
}

/* خلفية محتوى الكرت */
.s-product-card-content {
    background-color:#f5f5f5;
}

/* ========== عناوين الأقسام ========== */

/* محاذاة عنوان قسم البانرات */
section.s-block.s-block--banners.container .s-block__title  {
    justify-content:center;
}

/* تنسيق العنوان */
section.s-block.s-block--banners.container .s-block__title h2 {
    font-size:50px;
    color:var(--main-color);
}

/* ========== شبكة البانرات (Banners Grid) ========== */

/* تنسيق الشبكة */
section.s-block.s-block--banners.container .md\:grid-cols-3 {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
}

/* خلفية البانرات الشفافة */
section.s-block.s-block--banners.container a.banner-entry.square-photos {
    background-color:transparent;
}

/* حجم البانرات */
section.s-block.s-block--banners.container a.banner-entry.square-photos {
    width:25%;
    height:250px;
}

/* ========== عنوان سلايدر المنتجات ========== */

salla-products-slider .s-slider-block__title h2  {
    font-size:25px;
    color:var(--main-color);
}

.s-product-card-content h3.s-product-card-content-title a ,
h4.s-product-card-price{ 
    color:var(--main-color) !important;
}

/* لون النصوص داخل كرت المنتج */

/* ========== التصميم المتجاوب (Responsive Design) ========== */

/* للشاشات الأصغر من 992 بكسل */
@media(max-width:992px){
    /* تقليل ارتفاع البانرات */
    section.s-block.s-block--banners.container a.banner-entry.square-photos {
        height: 174px;
    }
    
    /* زيادة المسافة بين البانرات */
    section.s-block.s-block--banners.container .md\:grid-cols-3 {
        gap:25px;
    }
    
    /* تقليل حجم عنوان البانرات */
    section.s-block.s-block--banners.container .s-block__title h2 {
        font-size:30px;
    }
    
    /* تقليل حجم عنوان سلايدر المنتجات */
    salla-products-slider .s-slider-block__title h2  {
        font-size:20px;
        color:var(--main-color);
    }
  footer.store-footer * {
    align-items:center !important;
    text-align:center !important;
    justify-content:center !important;
}
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background-color:var(--main-color);
    color:#fff;
}
footer #contact-slot:first-child  a span.s-contacts-icon{
    background-color :#09B83E !important;
    color:#fff;
}

footer #contact-slot:last-child a span.s-contacts-icon{
    background-color :#750022 !important;
    color:#fff;
}