/* Add custom CSS styles below */ 

/* ========== شريط التنقل العلوي ========== */
.top-navbar {
    background-color:#ccf3eb !important; /* لون خلفية فاتح مائل للأخضر */
    color:#000 !important; /* لون النص أسود */
}

/* ========== خلفية الصفحة الرئيسية ========== */
body.index .app-inner {
    background-image:url('https://i.postimg.cc/HkqVSkqK/Untitled-2-1.webp'); /* صورة الخلفية */
    background-size:cover; /* تغطية كامل المساحة */
    background-position:center center; /* توسيط الصورة */
}

/* ========== تأثير عند المرور على عناصر القائمة ========== */
ul.main-menu.mm-spn--open li:hover a{
    color:#fff ; /* تحويل لون النص للأبيض عند المرور */
}

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

/* إزالة الحشو والهوامش من حاويات البانر */
section.s-block.s-block--fixed-banner.wide-placeholder 
  > .container:not(
    section.s-block.s-block--fixed-banner.wide-placeholder:nth-child(15) > .container
  ) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: unset !important; 
}

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

/* ========== كتل الروابط المربعة ========== */
section.s-block.s-block--square-links.square-links-1 .overflow-hidden.rounded-2xl {
    overflow:visible !important; /* إظهار المحتوى الزائد */
    height:100%; /* ارتفاع كامل */
}

section.s-block.s-block--square-links.square-links-1 img {
    max-height:100% !important;
    width:100%;
    object-fit:contain !important; /* احتواء الصورة كاملة */
}

section.s-block.s-block--square-links.square-links-1 a {
    height:100% !important;
}

/* ========== بطاقات المنتجات في الصفحة الرئيسية ========== */
body.index custom-salla-product-card {
    background-color: rgba(0, 0, 0, 0.4) !important; /* خلفية شفافة داكنة */
    backdrop-filter: blur(10px); /* تأثير ضبابي */
}

body.index custom-salla-product-card .product-card__content p {
    font-weight:800; /* نص عريض جداً */
    font-size:19px;
}

/* ========== أيقونات القلب والأزرار ========== */
button.btn--wishlist.heart-next-add-button.animated.not-added.un-favorited.s-button-element.s-button-icon.s-button-outline.s-button-primary-outline.s-button-loader-center i.sicon-heart,
button.s-button-element.s-button-btn.s-button-outline.s-button-primary-outline.s-button-loader-after i{
    color:var(--main-color) !important; /* استخدام اللون الرئيسي */
}

/* ========== قسم الروابط المربعة 5 ========== */
section.s-block.s-block--square-links.square-links-5 {
    background-image:url('https://i.postimg.cc/L862SYP1/Mask-group-(7).png');
    background-size:cover;
    background-position:center center;
    padding-block:1.5rem; /* حشو علوي وسفلي */
}

/* ========== عناوين وفقرات السلايدر ========== */
.swiper-slide.slide--one-fourth.text-center.group h3{
    color:#13523e !important; /* لون أخضر داكن */
}

.swiper-slide.slide--one-fourth.text-center.group p {
    font-weight:800;
    font-size:16px;
}

/* ========== سلايدر مع خلفية ========== */
section.s-block.s-block--slider-with-bg.s-block--full-bg.slider-with-bg--4 custom-salla-product-card{
    background-color: rgb(255 255 255 / .1) !important; /* خلفية بيضاء شفافة */
    backdrop-filter: blur(10px) !important; /* تأثير ضبابي */
}

/* ========== المميزات المحسّنة ========== */
section.s-block.s-block--enhanced-features.container .s-block--enhanced-features__item.group.overflow-hidden {
    background-color: rgb(255 255 255 / .1); /* خلفية شفافة */
    backdrop-filter: blur(10px);
    border-radius:12px; /* حواف دائرية */
}

/* ========== شبكة الروابط المربعة ========== */
section.s-block.s-block--square-links.square-links-1 ul.mx-auto.mt-8.grid.max-w-2xl.gap-x-6.gap-y-6.lg\:mx-0.lg\:max-w-none.auto-fit-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 أعمدة متساوية */
    gap:0; /* بدون مسافات */
}

/* ========== استعلامات الوسائط للشاشات الصغيرة ========== */
@media(max-width:992px){
    /* شبكة من عمودين للشاشات الصغيرة */
    section.s-block.s-block--enhanced-features.container .md\:grid-cols-\[repeat\(4\2c minmax\(0\2c 1fr\)\)\] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .s-block--enhanced-features__item:first-child {
        grid-column: span 1 / span 1; /* العنصر الأول يشغل عمود واحد */
    }

    .s-block--enhanced-features [data-length="4"] .s-block--enhanced-features__item:last-child {
        grid-column: span 1/span 1; /* العنصر الأخير يشغل عمود واحد */
    }

    ul.main-menu.mm-spn--open li:hover a{
        color:#2f907d ; /* لون مختلف عند التمرير للشاشات الصغيرة */
    }
}

/* ========== ألوان النصوص ========== */
section.s-block.s-block--enhanced-features.container .md\:grid-cols-\[repeat\(4\2c minmax\(0\2c 1fr\)\)\] p {
    color:#fff; /* نص أبيض */
}

/* ========== خط الفاصل ========== */
.lg\:mx-0.text-center.home-block-title .my-2.mx-auto.w-28.h-0.border-2.border-primary.home-block-line {
    border-color:#f77b3f; /* لون برتقالي */
}

/* ========== تذييل المتجر ========== */
.store-footer__inner {
    background: linear-gradient(180deg, #46573E, #F58935); !important /* تدرج من أخضر داكن لبرتقالي */
}

/* ========== سلايدر الشهادات ========== */
salla-slider#testimonials--slider .font-bold.text-store-text-primary,
salla-slider#testimonials--slider p {
    color:#3e927d; /* لون أخضر فيروزي */
}

/* ========== عناوين بطاقات المنتجات ========== */
.product-card__content .product-card__title a:not(.index .product-card__content .product-card__title a) {
    color: #3e927d !important;
}

/* ========== زر الانتقال لأعلى ========== */
.scroll-to-top:after {
    background-color:#3e927d !important;
}

/* ========== فلتر المنتجات ========== */
.mb-4.sm\:mb-6.flex.justify-between.items-center select#product-filter {
    color:#3e927d !important;
}

.product-index .mb-4.sm\:mb-6.flex.justify-between.items-center label.hidden.sm\:block.rtl\:ml-3.ltr\:mr-3.whitespace-nowrap.text-store-text-primary {
    color:#3e927d;
}

.products-index .mb-4.sm\:mb-6.flex.justify-between.items-center h1 {
    color:#3e927d;
}

/* ========== القائمة الفرعية ========== */
.sub-menu.w-5 ul li a span {
    color:#fffff !important; /* ملاحظة: خطأ في الكود - يجب أن يكون #ffffff */
}

/* ========== تجاوز الحاوية ========== */
section.s-block.s-block--square-links.square-links-1 .overflow-hidden {
    overflow:visible;
}

/* ========== عناوين القسم 5 ========== */
section.s-block.s-block--square-links.square-links-5 .lg\:mx-0.text-center.home-block-title h2,
section.s-block.s-block--square-links.square-links-5 .lg\:mx-0.text-center.home-block-title p {
    color:#fff !important; /* نص أبيض */
}

/* ========== روابط بطاقات السلايدر ========== */
section.s-block.s-block--slider-with-bg.s-block--full-bg.slider-with-bg--4 .product-card__content a {
    color:#ffff; /* نص أبيض */
}

.swiper-slide.slide--one-fourth.text-center.group p {
    color: #ffffff !important;
}

/* ========== عناوين المميزات ========== */
.s-block--enhanced-features__item h2 {
    color: #45efd9; /* لون فيروزي فاتح */
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: .25rem;
}

/* ========== لون أيقونة الانتقال لأعلى ========== */
.scroll-to-top:after{
    color:#002e15 !important; /* لون أخضر داكن جداً */
}