/* ==================================================
   هوية اليوم الوطني - نسخة مرتبة ونظيفة
   الهيدر + الفوتر + الخلفية + جميع المنتجات
================================================== */


/* ==================================================
   1) الهيدر
================================================== */

.header-components-all,
.header-bg,
.store-header,
.header-components-home,
.header-components-inner {
    background: #006C35 !important;
}

/* جميع نصوص وروابط الهيدر أبيض */
.store-header,
.store-header a,
.store-header span,
.store-header p,
.store-header li,
.header-components-home,
.header-components-home a,
.header-components-home span,
.header-components-all a,
.header-components-all span {
    color: #ffffff !important;
}

/* أيقونات الهيدر */
.store-header svg,
.header-components-home svg,
.header-components-all svg {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* خلفية بيضاء خلف الشعار */
.store-header .logo,
.store-header .navbar-brand,
.header-components-home .logo,
.header-components-home .navbar-brand,
.header-components-inner .logo {
    background: #ffffff !important;
    padding: 7px 12px !important;
    border-radius: 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* حجم الشعار */
.store-header .logo img,
.store-header .navbar-brand img,
.header-components-home .logo img,
.header-components-home .navbar-brand img {
    max-height: 52px !important;
    object-fit: contain !important;
}

/* Hover */
.store-header .main-menu > li > a:hover {
    color: #ffffff !important;
    opacity: .8 !important;
}

/* القوائم المنسدلة */
.store-header .main-menu ul {
    background: #ffffff !important;
}

.store-header .main-menu ul a,
.store-header .main-menu ul span {
    color: #222222 !important;
}


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

.store-footer,
.store-footer .store-footer__top,
.store-footer .container,
.store-footer .footer-content {
    background: #006C35 !important;
}

.store-footer,
.store-footer p,
.store-footer span,
.store-footer a,
.store-footer li,
.store-footer h1,
.store-footer h2,
.store-footer h3,
.store-footer h4 {
    color: #ffffff !important;
}

.store-footer svg,
.store-footer i {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.store-footer a:hover {
    color: #ffffff !important;
    opacity: .75 !important;
}

.store-footer {
    border-color: rgba(255,255,255,.20) !important;
}


/* ==================================================
   3) باترن السيفين والنخلة
================================================== */

#main-content {
    position: relative !important;
    background: #ffffff !important;
    isolation: isolate !important;
}

#main-content::before {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    background-image: url("https://cdn.files.salla.network/other/1589997934/0244b4d0-6aef-4c38-b655-d98db379716d-original.webp") !important;
    background-repeat: repeat !important;
    background-size: 85px auto !important;
    background-position: center top !important;

    opacity: .06 !important;

    z-index: -1 !important;
    pointer-events: none !important;
}

/* إظهار الباترن بين الأقسام */
#main-content > section,
#main-content > div,
#main-content .s-block {
    background-color: transparent !important;
}


/* =========================================
   بطاقة المنتج - ضبط نهائي
========================================= */

/* الإطار يحيط بكامل البطاقة */
.card-border {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background: transparent !important;

    border: 2px solid #007A3D !important;
    border-radius: 16px !important;

    box-shadow:
        0 0 6px rgba(0,122,61,.45),
        0 0 14px rgba(0,122,61,.22),
        0 0 24px rgba(0,122,61,.10) !important;

    overflow: visible !important;

    z-index: 20 !important;
    pointer-events: none !important;

    transform: none !important;
}


/* إلغاء أي before قديم */
.card-border::before {
    content: none !important;
    display: none !important;
}


/* ===== عزنا بطبعنا - راكب على الإطار بالضبط ===== */
.card-border::after {
    content: "" !important;
    position: absolute !important;

    /* نصف ارتفاع الشعار 30px = 15px */
    top: -15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    width: 120px !important;
    height: 30px !important;

    background-image: url("https://cdn.files.salla.network/products/1589997934/43348e3f-318e-4eb5-9665-a064b6313166-original.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 175px auto !important;

    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;

    filter: drop-shadow(0 2px 3px rgba(0,108,53,.28)) !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    z-index: 9999 !important;
    pointer-events: none !important;
}

/* ضروري حتى لا ينقص الشعار */
.card-border,
.product-entry,
.s-product-card-entry,
.s-products-slider-card {
    overflow: visible !important;
}

/* السماح للشعار بالخروج فوق الإطار */
.card-border {
    overflow: visible !important;
}

/* =========================================
   صورة المنتج تبقى داخل البطاقة
========================================= */

.product-entry__image {
    position: relative !important;
    overflow: hidden !important;

    border-radius: 14px 14px 0 0 !important;
}


/* =========================================
   شارة الخصم - داخل البطاقة أعلى اليسار
========================================= */

.product-entry__image .promotion-badge {
    position: absolute !important;

    top: 12px !important;
    left: 12px !important;
    right: auto !important;

    inset-inline-start: auto !important;
    inset-inline-end: auto !important;

    margin: 0 !important;
    transform: none !important;

    background: #006C35 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 12px !important;

    padding: 6px 12px !important;

    box-shadow:
        0 3px 7px rgba(0,108,53,.35),
        0 0 10px rgba(0,108,53,.18) !important;

    z-index: 100 !important;
}


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

.s-product-card-entry:hover .card-border,
.s-products-slider-card:hover .card-border,
.product-entry:hover .card-border {
    border-color: #00A653 !important;

    box-shadow:
        0 0 9px rgba(0,166,83,.65),
        0 0 20px rgba(0,166,83,.32),
        0 0 32px rgba(0,166,83,.16) !important;
}

/* ==================================================
   7) شارة الخصم
================================================== */

.promotion-badge {
    background: #006C35 !important;
    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,.45) !important;
    border-radius: 12px !important;

    box-shadow:
        0 0 6px rgba(0,108,53,.55),
        0 0 14px rgba(0,108,53,.25) !important;

    z-index: 60 !important;
}

.promotion-badge span {
    color: #ffffff !important;
}


/* ==================================================
   8) توهج أقوى عند مرور الماوس
================================================== */

.s-product-card-entry:hover .card-border,
.s-products-slider-card:hover .card-border,
.product-entry:hover .card-border {
    border-color: #00A653 !important;

    box-shadow:
        0 0 9px rgba(0,166,83,.65),
        0 0 20px rgba(0,166,83,.32),
        0 0 32px rgba(0,166,83,.16) !important;
}
/* =========================================
   هيدر صفحات التصنيفات - اليوم الوطني
========================================= */

.page-header {
    background-color: #006C35 !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* إلغاء الطبقة الزرقاء الموجودة فوق الخلفية */
.page-header::before {
    display: none !important;
    content: none !important;
}

/* جميع النصوص والروابط أبيض */
.page-header,
.page-header a,
.page-header span,
.page-header p,
.page-header h1,
.page-header h2,
.page-header h3,
.page-header li {
    color: #ffffff !important;
}

/* الأيقونات إن وجدت */
.page-header svg,
.page-header i {
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* الروابط عند تمرير الماوس */
.page-header a:hover {
    color: #ffffff !important;
    opacity: .8 !important;
}
/* =========================================
   ترتيب أعلى بطاقة المنتج
   خصم يسار - الشعار وسط - المفضلة يمين
========================================= */

/* العنصر الحامل */
.product-entry__image {
    position: relative !important;
}


/* ===== الخصم: أعلى اليسار ===== */
.product-entry__image .promotion-badge,
.promotion-badge {
    position: absolute !important;

    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;

    /* إلغاء تحكم RTL */
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;
    inset-block-start: auto !important;
    inset-block-end: auto !important;

    margin: 0 !important;
    transform: none !important;

    background: #006C35 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 14px !important;

    padding: 6px 12px !important;

    box-shadow:
        0 3px 7px rgba(0,108,53,.35),
        0 0 10px rgba(0,108,53,.18) !important;

    z-index: 1000 !important;
}


/* ===== المفضلة: أعلى اليمين ===== */
.product-entry__image .btn--wishlist,
.btn--wishlist {
    position: absolute !important;

    top: 10px !important;
    right: 10px !important;
    left: auto !important;
    bottom: auto !important;

    /* إلغاء RTL */
    inset-inline-start: auto !important;
    inset-inline-end: auto !important;

    margin: 0 !important;
    transform: none !important;

    z-index: 1000 !important;
}


/* ===== إطار المنتج ===== */
.card-border {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    border: 2px solid #007A3D !important;
    border-radius: 16px !important;

    background: transparent !important;

    overflow: visible !important;

    box-shadow:
        0 0 6px rgba(0,122,61,.45),
        0 0 14px rgba(0,122,61,.22),
        0 0 24px rgba(0,122,61,.10) !important;

    pointer-events: none !important;
    z-index: 20 !important;
}

/* =========================================
   ضبط أعلى بطاقة المنتج النهائي
   الخصم يسار - عزنا بطبعنا وسط - المفضلة يمين
========================================= */

/* السماح بظهور شعار عزنا بطبعنا */
custom-salla-product-card,
.product-entry,
.s-product-card-fit-height,
.s-products-slider-card {
    overflow: visible !important;
}


/* ===== الخصم أعلى اليسار ===== */
.product-entry__image .promotion-badge,
.promotion-badge {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;

    top: 12px !important;
    left: 12px !important;
    right: auto !important;
    bottom: auto !important;

    inset-inline-start: auto !important;
    inset-inline-end: auto !important;

    margin: 0 !important;
    transform: none !important;

    align-items: center !important;
    justify-content: center !important;

    background: #006C35 !important;
    color: #ffffff !important;

    border: none !important;
    border-radius: 14px !important;

    min-width: 46px !important;
    height: 30px !important;
    padding: 0 10px !important;

    box-shadow:
        0 3px 7px rgba(0,108,53,.35),
        0 0 10px rgba(0,108,53,.20) !important;

    z-index: 9998 !important;
}


/* ===== المفضلة أعلى اليمين ===== */
.btn--wishlist {
    position: absolute !important;

    top: 10px !important;
    right: 10px !important;
    left: auto !important;

    inset-inline-start: auto !important;
    inset-inline-end: auto !important;

    z-index: 9998 !important;
}


/* ===== الإطار ===== */
.card-border {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    border: 2px solid #007A3D !important;
    border-radius: 16px !important;

    background: transparent !important;

    overflow: visible !important;

    box-shadow:
        0 0 6px rgba(0,122,61,.45),
        0 0 14px rgba(0,122,61,.22),
        0 0 24px rgba(0,122,61,.10) !important;

    pointer-events: none !important;
    z-index: 20 !important;
}


/* ===== عزنا بطبعنا على منتصف الإطار ===== */
.card-border::after {
    content: "" !important;

    position: absolute !important;

    top: -6px !important;
    left: 50% !important;

    transform: translateX(-50%) !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 120px !important;
    height: 30px !important;

    background-image: url("https://cdn.files.salla.network/products/1589997934/43348e3f-318e-4eb5-9665-a064b6313166-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 175px auto !important;

    background-color: transparent !important;

    border: none !important;
    box-shadow: none !important;

    filter: drop-shadow(0 2px 3px rgba(0,108,53,.30)) !important;

    z-index: 9999 !important;
    pointer-events: none !important;
}
/* =========================================
   مساحة للشعار فوق البطاقة
========================================= */

custom-salla-product-card.product-entry {
    position: relative !important;
    padding-top: 15px !important;
    overflow: visible !important;
}


/* =========================================
   إطار البطاقة
========================================= */

.card-border {
    position: absolute !important;

    /* بداية الإطار بعد المساحة المحجوزة للشعار */
    top: 15px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: auto !important;
    height: auto !important;

    background: transparent !important;

    border: 2px solid #007A3D !important;
    border-radius: 16px !important;

    box-shadow:
        0 0 6px rgba(0,122,61,.45),
        0 0 14px rgba(0,122,61,.22),
        0 0 24px rgba(0,122,61,.10) !important;

    overflow: visible !important;
    pointer-events: none !important;
    z-index: 20 !important;
}


/* إلغاء أي before سابق */
.card-border::before {
    content: none !important;
    display: none !important;
}


/* =========================================
   عزنا بطبعنا فوق البطاقة وعلى الإطار
========================================= */

.card-border::after {
    content: "" !important;

    position: absolute !important;

    /* على منتصف خط الإطار */
    top: 0 !important;
    left: 50% !important;

    transform: translate(-50%, -50%) !important;

    width: 145px !important;
    height: 30px !important;

    background-image: url("https://cdn.files.salla.network/products/1589997934/43348e3f-318e-4eb5-9665-a064b6313166-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 175px auto !important;

    background-color: transparent !important;

    border: none !important;
    box-shadow: none !important;

    filter: drop-shadow(0 2px 3px rgba(0,108,53,.30)) !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    z-index: 9999 !important;
    pointer-events: none !important;
}
/* ==================================================
   صفحات التصنيفات فقط
   عزنا بطبعنا في منتصف الإطار
================================================== */

/* مساحة خاصة ببطاقات التصنيفات */
.s-products-list-vertical-cards custom-salla-product-card.product-entry {
    position: relative !important;
    padding-top: 15px !important;
    overflow: visible !important;
}


/* إطار منتجات التصنيفات فقط */
.s-products-list-vertical-cards .card-border {
    position: absolute !important;

    top: 15px !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: auto !important;
    height: auto !important;

    border: 2px solid #007A3D !important;
    border-radius: 16px !important;

    background: transparent !important;
    overflow: visible !important;

    box-shadow:
        0 0 6px rgba(0,122,61,.45),
        0 0 14px rgba(0,122,61,.22),
        0 0 24px rgba(0,122,61,.10) !important;

    pointer-events: none !important;
    z-index: 20 !important;
}


/* عزنا بطبعنا - التصنيفات فقط */
.s-products-list-vertical-cards .card-border::after {
    content: "" !important;

    position: absolute !important;

    top: 0 !important;

    /* منتصف البطاقة بالضبط */
    left: 50% !important;
    right: auto !important;

    transform: translate(-50%, -50%) !important;

    width: 120px !important;
    height: 30px !important;

    background-image: url("https://cdn.files.salla.network/products/1589997934/43348e3f-318e-4eb5-9665-a064b6313166-original.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 175px auto !important;

    background-color: transparent !important;

    border: none !important;
    box-shadow: none !important;

    filter: drop-shadow(0 2px 3px rgba(0,108,53,.28)) !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    z-index: 9999 !important;
    pointer-events: none !important;
}
/* ===== توسيط عزنا بطبعنا بالجوال - التصنيفات فقط ===== */
@media (max-width: 767px) {

    .s-products-list-vertical-cards .card-border::after {
        inset: auto !important;

        top: 0 !important;

        /* توسيط حقيقي بدون التأثر بـ RTL */
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;

        transform: translateY(-50%) !important;

        width: 120px !important;
        height: 30px !important;

        background-position: center center !important;
        background-size: 175px auto !important;
        background-repeat: no-repeat !important;

        z-index: 9999 !important;
    }
}
/* =========================================
   عزنا بطبعنا - التصنيفات فقط
   باستخدام JavaScript
========================================= */

/* إلغاء نسخة ::after في التصنيفات فقط */
.s-products-list-vertical-cards .card-border::after {
    content: none !important;
    display: none !important;
}


/* الإطار يسمح للشعار بالخروج */
.s-products-list-vertical-cards .card-border {
    overflow: visible !important;
}


/* الشعار الحقيقي */
.s-products-list-vertical-cards .national-day-card-badge {
    position: absolute !important;

    top: 0 !important;
    left: 50% !important;
    right: auto !important;

    transform: translate(-50%, -50%) !important;

    width: 120px !important;
    height: auto !important;

    max-width: none !important;

    display: block !important;

    z-index: 9999 !important;

    pointer-events: none !important;

    filter: drop-shadow(
        0 2px 3px rgba(0,108,53,.28)
    ) !important;
}
/* تصحيح تمركز عزنا بطبعنا بالجوال - التصنيفات فقط */
@media (max-width: 767px) {

    .s-products-list-vertical-cards .national-day-card-badge {
        top: 0 !important;

        /* تعويض الفراغ الموجود داخل ملف الصورة */
        left: calc(50% + 0px) !important;

        transform: translate(-50%, -50%) !important;

        width: 120px !important;
        height: auto !important;

        margin: 0 !important;
        z-index: 9999 !important;
    }
}
/* =========================================
   عزنا بطبعنا - الرئيسية فقط
========================================= */

/* إلغاء نسخة ::after في الرئيسية فقط */
.s-products-slider-card .card-border::after {
    content: none !important;
    display: none !important;
}

/* السماح للشعار بالظهور */
.s-products-slider-card,
.s-products-slider-card .card-border {
    overflow: visible !important;
}

/* الشعار */
.s-products-slider-card .national-day-home-badge {
    position: absolute !important;

    top: 0 !important;

    /* منتصف البطاقة + تعويض فراغ الصورة */
    left: calc(50% + 0px) !important;

    transform: translate(-50%, -50%) !important;

    width: 120px !important;
    height: auto !important;

    max-width: none !important;
    margin: 0 !important;

    display: block !important;

    z-index: 9999 !important;
    pointer-events: none !important;

    filter: drop-shadow(
        0 2px 3px rgba(0,108,53,.28)
    ) !important;
}
/* ===== القائمة الجانبية للجوال ===== */

/* خلفية بيضاء */
.s-menu,
.s-menu-content,
.mobile-menu,
.main-menu-mobile,
.sidebar-menu {
    background: #ffffff !important;
}

/* جميع النصوص والروابط أخضر */
.s-menu,
.s-menu a,
.s-menu span,
.s-menu p,
.s-menu li,
.s-menu h1,
.s-menu h2,
.s-menu h3,
.s-menu-content,
.s-menu-content a,
.s-menu-content span,
.mobile-menu,
.mobile-menu a,
.mobile-menu span,
.main-menu-mobile,
.main-menu-mobile a,
.main-menu-mobile span,
.sidebar-menu,
.sidebar-menu a,
.sidebar-menu span {
    color: #006C35 !important;
}

/* الأيقونات أخضر */
.s-menu svg,
.s-menu-content svg,
.mobile-menu svg,
.main-menu-mobile svg,
.sidebar-menu svg {
    color: #006C35 !important;
    stroke: currentColor !important;
}

/* خطوط الفصل أخضر خفيف */
.s-menu li,
.s-menu-content li,
.mobile-menu li,
.main-menu-mobile li {
    border-color: rgba(0,108,53,.15) !important;
}
/* =========================================
   القائمة الجانبية للجوال
   خلفية بيضاء + كتابة خضراء
========================================= */

@media (max-width: 1023px) {

    /* عنوان القائمة */
    .header-components-all .main-menu h1,
    .header-components-all .main-menu h2,
    .header-components-all .main-menu h3,
    .header-components-all .main-menu h4 {
        color: #006C35 !important;
    }

    /* روابط وأسماء الأقسام */
    .header-components-all .main-menu a,
    .header-components-all .main-menu span,
    .header-components-all .main-menu li,
    .header-components-all .main-menu p {
        color: #006C35 !important;
    }

    /* القوائم الداخلية */
    .header-components-all .main-menu ul,
    .header-components-all .main-menu li {
        background-color: #ffffff !important;
    }

    /* الأيقونات والأسهم */
    .header-components-all .main-menu svg,
    .header-components-all .main-menu i {
        color: #006C35 !important;
        stroke: #006C35 !important;
    }

    /* خطوط الفصل */
    .header-components-all .main-menu li {
        border-color: rgba(0,108,53,.15) !important;
    }
}
/* =========================================
   الهيدر الثابت عند النزول - أخضر كامل
========================================= */

.header-components.fixed-pinned,
.header-components.fixed-header,
.fixed-pinned.fixed-header {
    background: #006C35 !important;
    background-color: #006C35 !important;
}

/* إزالة أي خلفية زرقاء من العناصر الداخلية */
.header-components.fixed-pinned > div,
.header-components.fixed-pinned .container,
.header-components.fixed-pinned .header-components-inner {
    background: transparent !important;
}

/* النصوص والروابط أبيض */
.header-components.fixed-pinned a,
.header-components.fixed-pinned span,
.header-components.fixed-pinned p,
.header-components.fixed-pinned li {
    color: #ffffff !important;
}

/* الأيقونات أبيض */
.header-components.fixed-pinned svg,
.header-components.fixed-pinned i {
    color: #ffffff !important;
    stroke: currentColor !important;
}

/* زر القائمة */
.header-components.fixed-pinned button {
    color: #ffffff !important;
}

/* الإبقاء على خلفية الشعار بيضاء */
.header-components.fixed-pinned .logo,
.header-components.fixed-pinned .navbar-brand {
    background: #ffffff !important;
    border-radius: 10px !important;
}