/* Add custom CSS styles below */ 
:root {
    --main-color: #d1b054; /* اللون الرئيسي للمتجر - ذهبي */
}

body {
    background-color: #ffff !important; /* خلفية الصفحة بيضاء */
}

/* ===== النافبار (شريط التنقل) ===== */

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

/* أيقونة القائمة (الهامبرغر) في الموبايل */
i.sicon-menu.text-primary.text-2xl {
    color: #fff; /* لون الأيقونة أبيض */
    background-color: var(--main-color); /* خلفية ذهبية */
    width: 40px !important;
    height: 40px;
    padding: 2px;
    overflow: hidden;
    position: relative;
    border-radius: 50px; /* شكل دائري */
}

/* توسيط أيقونة الهامبرغر داخل الدائرة */
.sicon-menu:before {
    left: 50% !important;
    top: 50% !important;
    position: absolute;
    transform: translate(-50%, -50%);
}

/* عداد عدد المنتجات في السلة */
.main-nav-container span.s-cart-summary-count {
    background-color: white; /* خلفية بيضاء */
    color: var(--main-color); /* رقم بلون ذهبي */
    border: 1px solid var(--main-color); /* حدود ذهبية */
}

/* ===== البانر الثابت (Fixed Banner) ===== */

/* إزالة الـ padding والـ margin من البانر الثابت ما عدا العنصر الرابع */
section.s-block.s-block--fixed-banner.wide-placeholder 
  > .container:not(
    section.s-block.s-block--fixed-banner.wide-placeholder:nth-child(4) > .container
  ) {
    padding: 0 !important;
    margin: 0 !important;
    max-width: unset !important; /* البانر يمتد بكامل عرض الشاشة */
}

/* إزالة الـ border-radius من صور البانر */
.banner--fixed img {
    border-radius: 0 !important;
}

/* ===== السلايدر الرئيسي ===== */

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

/* كل سلايد يأخذ العرض الكامل بدون padding */
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

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

/* إزالة الـ padding من حاوية السلايدر */
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;
}

/* ===== البانرات المربعة ===== */

/* إزالة خلفية وpadding من البانر المربع */
a.banner-entry.square-photos {
    background-color: transparent;
    height: 100%;
    padding: 0;
}

/* تقسيم البانرات لعمودين مع مسافة 6px بينهم */
section.s-block.s-block--banners.container .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

/* ===== كروت المنتجات ===== */

/* ستايل كارد المنتج - حدود وزوايا مخصصة */
custom-salla-product-card {
    border: 1px solid #dddd;
    transition: 0.5s !important;
    overflow: hidden;
    border-radius: 12px 12px 0 12px !important; /* زاوية يسار سفلي حادة */
}
 custom-salla-product-card:has(button.s-button-element.s-button-btn:hover) {
    box-shadow: 3px 3px 5px 4px #ddd !important; /* ظل خفيف */
    border: 1px solid var(--main-color); /* حدود ذهبية عند الهوفر */
}

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



/* padding للسلايدر في الصفحة الرئيسية فقط */
body.index salla-products-slider.s-products-slider-wrapper.hydrated .swiper.s-slider-container {
    padding: 30px 0 !important;
}

/* ===== زر الشراء ===== */

/* تدرج ذهبي لزر الإضافة للسلة مع زاوية يسار سفلي حادة */
button.s-button-element.s-button-btn {
    background: linear-gradient(to bottom, #C79552, #FECA86);
    color: #fff;
    border-radius: 0 0 0 12px !important;
}

/* ===== محتوى كارد المنتج ===== */

/* توسيط محتوى الكارد وإزالة الـ padding */
.s-product-card-content {
    padding-inline: 0;
    padding-bottom: 0;
    text-align: center;
}

/* توسيط السعر والتفاصيل الفرعية */
.s-product-card-content .s-product-card-content-sub {
    justify-content: center;
}

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

/* لون أيقونة السهم أسود */
.s-slider-block__title button svg {
    fill: #000;
}

/* خلفية ذهبية لأزرار التنقل في السلايدر */
.s-slider-block__title button {
    background-color: var(--main-color);
}

/* لون العنوان ذهبي */
.s-slider-block__title h2 {
    color: var(--main-color);
}

/* ===== الفوتر ===== */

/* خلفية بيج للفوتر */
.store-footer__inner {
    background-color: #cebeac !important;
}

/* توسيط كل محتوى الفوتر على الموبايل */
@media (max-width: 992px) {
    footer * {
        text-align: center;
        justify-content: center;
        align-items: center;
    }
}

/* ===== قسم التقييمات (Testimonials) ===== */

/* توسيط هيدر التقييمات */
section.s-block.s-block--testimonials.s-block--custom-testimonials.overflow-hidden .s-reviews-header-wrapper {
    justify-content: center;
}

/* إزالة المسافة العلوية وخلفية بيج لقسم التقييمات */
section.s-block.s-block--testimonials.s-block--custom-testimonials.overflow-hidden {
    margin-top: 0;
    background-color: #cebeac;
}

/* خلفية بيضاء وpadding لسلايدر التقييمات */
salla-slider#custom-testimonials-13-slider {
    background-color: #fff;
    padding-block: 1.5rem;
}

/* حدود وزوايا لكل بطاقة تقييم */
.s-reviews-testimonial {
    border: 1px solid #dddd;
    border-radius: 12px;
}

/* ===== إصلاحات الصفحة الرئيسية ===== */

/* إزالة المسافة العلوية فوق الفوتر في الصفحة الرئيسية */
body.index footer {
    margin-top: 0 !important;
}

/* سحب القسم الرابع عشر للأسفل عشان يتداخل مع التقييمات */
body.index section:nth-child(14) {
    margin-bottom: -5rem;
}

/* إلغاء التداخل على الموبايل */
@media (max-width: 992px) {
    body.index section:nth-child(14) {
        margin-bottom: 0;
    }
}