/* ================================ */
/* ===== أدوات عامة وإعدادات الصفحة ===== */
/* ================================ */

/* إخفاء مؤشر التحميل الأولي */
.loader-init {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.absolute__header .main_nav {
    position: relative;
    background: #0005;
}
/* تأثير انتقال شفافية عند التمرير */
.hover-fade-img {
    transition: opacity 0.3s ease-in-out; /* انتقال سلس للشفافية خلال 0.3 ثانية */
}

/* تصميم حاوية عامة ذات حواف بشكل عضوي */
.container.pt-10.sm\:pt-16 { /* الفئات pt-10 و sm:pt-16 هي غالبًا من Tailwind CSS للحشوة العلوية */
    border-radius: 60% 40% 30% 70% / 50% 60% 40% 60%; /* شكل حواف غير منتظم */
    padding: 2rem; /* حشوة داخلية */
    background-color: #ececec; /* خلفية رمادي فاتح */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* ظل خفيف */
}

/* ================================ */
/* ===== الهيدر وشريط التنقل ===== */
/* ================================ */

/* خلفية شريط التنقل المثبت والضبابي */
.fixed-pinned .inner.main_nav.blured {
    background: #0005; /* لون أسود شبه شفاف */
}

/* شريط التنقل الرئيسي (mainnav) */
div#mainnav {
    border-bottom-left-radius: 40%; /* انحناء الزاوية السفلية اليسرى */
    border-bottom-right-radius: 40%; /* انحناء الزاوية السفلية اليمنى */
}

/* أيقونة القائمة (الهمبرغر) */
i.sicon-menu.text-primary.text-2xl {
    color: white; /* لون الأيقونة أبيض */
}

/* حجم أيقونة المستخدم في القائمة */
.s-user-menu-trigger-avatar-only .s-user-menu-trigger-avatar {
    width: 30px;
    height: 30px;
}

/* تغيير لون عناصر الهيدر عند تمرير الفأرة فوق شريط التنقل (في حالة absolute__header) */
.absolute__header .main_nav:hover .main-menu li > a,
.absolute__header .main_nav:hover .icons___items svg,
.absolute__header .main_nav:hover .icons___items i {
    color: var(--color-header-bg) !important; /* لون النص يتغير للون خلفية الهيدر */
    stroke: var(--color-header-bg); /* لون حدود أيقونات SVG يتغير للون خلفية الهيدر */
}

/* تنسيقات القائمة الرئيسية لشاشات 1024px فأكبر */
@media only screen and (min-width: 1024px) {
    /* لون عنصر القائمة عند التمرير */
    .main-menu li > a:hover {
        color: darkgray; /* لون رمادي غامق */
        text-decoration-line: none; /* إزالة الخط السفلي */
    }

    /* لون عنصر القائمة الذي يحتوي قائمة فرعية عند التمرير */
    .main-menu > .has-children:hover > a {
        color: #e9ebe7; /* لون رمادي غامق */
    }
}

/* ================================ */
/* ======= بطاقة المنتج ====== */
/* ================================ */

/* عرض بطاقة المنتج بشكل عام */
custom-salla-product-card {
    width: 100%; /* عرض البطاقة 100% من الحاوية الأم بشكل افتراضي */
}

/* عنوان المنتج في البطاقة */
.s-product-card-content-title {
    display: block;
    height: 56px; /* ارتفاع ثابت للعنوان */
}

/* رابط عنوان المنتج */
.s-product-card-content-title a {
    display: block;
    font-size: 1.2rem; /* حجم خط العنوان */
}

/* سعر المنتج */
.s-product-card-price {
    font-size: 1.25rem !important; /* حجم خط السعر (مهم) */
    line-height: 1.25rem;
    font-weight: 700; /* خط عريض */
}

/* لون سعر التخفيض */
.s-product-card-sale-price span {
    color: #d60d0d; /* لون أحمر غامق */
}

/* شريط العرض الترويجي (التاق) على المنتج */
.s-product-card-promotion-title {
    position: absolute; /* تحديد الموضع بشكل مطلق */
    display: inline-block;
    min-width: 4rem; /* أقل عرض */
    max-width: 100%;
    /* لون الخلفية الافتراضي (قد يُلغى بالقاعدة التالية) */
    background-color: var(--color-primary); 
    opacity: 0.75; /* شفافية */
    -webkit-mask-image: none; /* لا يوجد قناع للصورة */
    mask-image: none;
    word-wrap: break-word; /* التفاف النص الطويل */
}

/* لون شريط العرض الترويجي (التاق) العام */
.s-product-card-promotion-title {
    color: white; /* لون النص أبيض */
    background-color: #e00101; /* لون خلفية أحمر (هذه القاعدة ستخصص لون الخلفية) */
}

/* لون تاق منتجات الزيوت (مثال لمنتج معين) */
custom-salla-product-card#\32 079866751 .s-product-card-promotion-title { /* الرقم هو ID خاص بمنتج */
    background-color: #4f9708; /* خلفية خضراء */
}

/* إزالة تأثير اللون الرمادي عن صور المنتجات غير المتوفرة (بعد تحميلها) */
.s-product-card-out-of-stock img.loaded {
    --tw-grayscale: grayscale(0%); /* لا يوجد تأثير رمادي (متغير Tailwind CSS) */
}

/* إخفاء رابط فئة المنتج داخل البطاقة */
.s-product-card-content-main.flex.flex-col.gap-2 a[class="s-pro-cat text-base text-primary font-light"] {
    display: none;
}

/* إخفاء تقييم المنتج */
.s-product-card-rating {
    display: none;
}

/* ------ تنسيقات صور بطاقة المنتج ------ */
/* القاعدة الأساسية لصورة المنتج */
.s-product-card-fit-height .s-product-card-image {
    max-height: 17rem; /* أقصى ارتفاع للصورة */
    overflow: hidden !important; /* إخفاء أي تجاوز (مهم) */
}

/* ارتفاع صورة المنتج لشاشات أعرض من 425px */
@media (min-width: 425px) {
    .s-product-card-fit-height .s-product-card-image {
        height: 15rem; /* ارتفاع الصورة */
    }
}

/* ------ تنسيقات بطاقة المنتج للشاشات المختلفة ------ */
/* شاشات حتى عرض 768px (الأجهزة اللوحية والهواتف الكبيرة) */
@media (max-width: 768px) {
    /* عرض بطاقة المنتج 80% */
    custom-salla-product-card {
        width: 80%; 
    }

    /* ارتفاع صورة المنتج */
    .s-product-card-fit-height .s-product-card-image {
        height: 13rem;
        max-height: 28rem; /* السماح بارتفاع أقصى أكبر هنا */
    }
}

/* شاشات حتى عرض 425px (الهواتف الصغيرة) */
@media (max-width: 425px) {
    /* بطاقات المنتجات داخل السلايدر */
    .s-products-slider-card {
        width: 50%;
        max-width: 250px;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* أبعاد صورة المنتج */
    .s-product-card-fit-height .s-product-card-image {
        height: 9rem;
        width: 7rem;
        max-height: 28rem;
    }

    /* حجم خط مخصص لفئة !text-xl (Tailwind) */
    .\!text-xl {
        font-size: 1.1rem !important;
        line-height: 1.75rem !important;
    }

    /* إخفاء زر قائمة الرغبات */
    .s-product-card-wishlist-btn.animated.flex.flex-col.justify-between.items-center.gap-3 {
        display: none;
    }

    /* حجم تاق العرض الترويجي */
    .s-product-card-promotion-title {
        font-size: 0.6rem;
        min-width: 3rem;
        height: 2.2rem;
    }

    /* زر "أضف للسلة" أو مشابه */
    .s-product-card-entry .s-button-primary-outline {
        padding: 0.5rem;
        font-size: 0.7rem;
    }
}

/* ================================ */
/* ========= السلايدرز (عروض الشرائح) ========= */
/* ================================ */

/* انحناء حواف سلايدر معين بالمعرف 'carousel' */
salla-slider#carousel .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl {
    border-radius: 5%; /* انحناء بسيط للحواف */
}

/* عنوان قسم السلايدر */
.s-slider-block__title {
    margin-left: auto;
    margin-right: auto; /* لتوسيط العنوان */
    margin-bottom: 1rem; /* هامش سفلي */
    display: flex;
    max-width: 1280px; /* أقصى عرض */
    align-items: center; /* محاذاة عمودية للمحتوى */
    justify-content: center; /* محاذاة أفقية للمحتوى */
}

/* إزالة الحشوة اليمنى لعنوان H2 داخل السلايدر (لتخطيط LTR) */
.s-slider-block__title h2:where([dir="ltr"], [dir="ltr"] *) {
    padding-right: 0 !important;
}

/* إخفاء الجزء الأيسر من عنوان السلايدر (إذا وجد) */
.s-slider-block__title-left {
    display: none;
}

/* حجم خط وحشوة عنوان H2 داخل (salla-slider) */
salla-slider .s-slider-block__title h2 {
    font-size: 2rem; /* حجم خط كبير */
    padding-bottom: 2rem; /* حشوة سفلية */
}

/* حشوة لعناصر السلايدر لشاشات أعرض من 425px */
@media (min-width: 425px) {
    salla-slider[type]:not(.hydrated) > div > div,
    salla-slider[type]:not(.hydrated) .swiper > div > div > div,
    .carousel-slider .swiper-wrapper > div {
        flex-shrink: 0; /* منع الانكماش */
        padding-left: 25px;
        padding-right: 25px;
    }
}

/* ---- تنسيقات لسلايدرز بمعرفات محددة (قد تكون ديناميكية) ---- */
/* توسيط محتوى شرائح سلايدر معين */
div#swiper-wrapper-452651f6e850d6d1 div {
    display: flex;
    justify-content: center;
}

/* صورة بانر رئيسي في سلايدر معين */
salla-slider div#swiper-wrapper-3833ee5cf868f865 img.relative.w-full.h-full.object-cover {
    width: 1800px !important; /* عرض كبير جداً (مهم) */
    border-radius: 60px !important; /* حواف دائرية كبيرة (مهم) */
}

/* هامش سفلي للشريحة النشطة في سلايدر معين */
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden div#swiper-wrapper-65b3544e12e1a973 .swiper-slide-active {
    margin-bottom: 80px;
}

/* ارتفاع شريحة معينة في سلايدر (wb6) */
.wb6 div#swiper-wrapper-c7483751d35eb37f .relative.h-\[544px\].sm\:h-auto.animate-on-scroll.swiper-slide.swiper-slide-visible.swiper-slide-active {
    height: 127px; /* ارتفاع مخصص */
}

/* هامش سفلي لسلايدر (wb6) على شاشات حتى 768px */
@media (max-width: 768px) {
    .wb6 salla-slider {
        margin-bottom: 45px;
    }
}

/* ================================ */
/* ======= أقسام معينة بالصفحة ======= */
/* ================================ */

/* قسم تقييمات العملاء */
section.reviews.s-block.overflow-x-hidden.backdrop-contrast-\[0\.85\] {
    background: white; /* خلفية بيضاء */
}

/* قسم (pianomr) */
section.pianomr.overflow-x-hidden.s-block {
    padding-bottom: 50px; /* حشوة سفلية */
}

/* إخفاء عدد مرات الشراء (عنصر معين) */
.main-content.md\:pb-16.flex.flex-col.justify-between.gap-4 .center-between:nth-of-type(2) {
    display: none;
}

/* إخفاء صورة شعار صغير معين */
.gap-6.flex.flex-col.items-center .logo_sm.w-28 img {
    display: none;
}


/* ================================ */
/* ========= الفوتر (Footer) ========= */
/* ================================ */

/* تصميم الفوتر الرئيسي */
footer.store-footer {
    background: #000000 !important; /* خلفية سوداء (مهم) */
    border-top-left-radius: 7%; /* انحناء الزاوية العلوية اليسرى */
    border-top-right-radius: 7%; /* انحناء الزاوية العلوية اليمنى */
}

/* إزالة الخط العلوي من حاوية داخلية بالفوتر */
.store-footer__inner.pb-16.md\:pb-0.border-t.border-b.border-solid.border-scprimary {
    border-top: none;
}

/* لون النصوص والأيقونات داخل الفوتر */
footer.store-footer a,
footer.store-footer p,
footer.store-footer h1,
footer.store-footer h3,
footer.store-footer button,
footer .s-contacts-icon svg {
    color: white; /* لون أبيض للنص */
    fill: white;  /* لون أبيض لتعبئة أيقونات SVG */
}

/* لون روابط الفوتر عند التمرير */
footer.store-footer a:hover {
    color: darkgray; /* لون رمادي غامق */
}

/* أيقونات وسائل التواصل الاجتماعي بالفوتر */
.s-social-link a svg {
    height: 0.875rem; /* ارتفاع الأيقونة */
    width: 0.875rem;  /* عرض الأيقونة */
    fill: rgb(255 255 255); /* لون تعبئة أبيض */
}

/* ارتفاع صور وسائل الدفع بالفوتر (لشاشات 640px فأعرض) */
@media (min-width: 640px) {
    footer #new-location .s-payments-list-item .s-payments-sbc-image {
        height: 67px;
    }
}

/* ================================ */
/* ======== أكواد متنوعة ======== */
/* ================================ */

/* لون زر إتمام الطلب في السلة عند التمرير */
a.cart-submit-btn.not_bg.flex-center.\!w-full.\!border-scprimary.\!text-scprimary.\!text-xl.gap-1:hover {
    color: white !important; /* لون نص أبيض (مهم) */
}
.s-product-card-entry.borderer
Specificity: (0,2,0)
 {
    border: none;
}
span.s-button-text {
    color: white;
}
}
.s-product-card-entry .s-button-primary-outline:hover {
    background-color: #6a7600;
    }