/* ============================================================
   LUXURY — ملف CSS خاص بهذا التمبلت فقط
   كل شيء مُقيّد بـ body.tpl-luxury → التعديلات لا تتسرّب لغيره.
   يُحمّل آخر ملف فيغلب على أي ستايل مشترك.
   ============================================================ */

/* ---------- الهيدر (Header) ---------- */
body.tpl-luxury .lx-header {
    /* padding-block: 16px; */
}
body.tpl-luxury .lx-header__row {
    /* min-height: 64px; */
}

/* ---------- الأقسام / المسافات (Sections) ---------- */
body.tpl-luxury .lx-section {
    /* padding-block: 56px; */
}

/* ---------- الفوتر (Footer) ---------- */
body.tpl-luxury .lx-footer {
    /* padding: 40px 0 28px; */
}

/* ---------- الموبايل ---------- */
@media (max-width: 991px) {
    body.tpl-luxury .lx-header {
        /* padding-block: 12px; */
    }
    body.tpl-luxury .lx-footer {
        /* padding: 28px 0 20px; */
    }
}

/* ===== AL-MUNIR MOBILE PREMIUM SHOP NAV START ===== */
@media (max-width: 991px) {

    /*
     * REAL mobile header wrapper is .alm-header-grid
     * Row 1 = menu / logo / actions
     * Row 2 = Men / Kids / Branches
     */

    body.tpl-luxury .alm-header-main {
        width: 100% !important;
        background: #FFFFFF !important;
    }

    body.tpl-luxury .alm-header-main > .container {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin: 0 !important;
    }

    body.tpl-luxury .alm-header-grid {
        display: grid !important;

        grid-template-columns:
            minmax(72px, 1fr)
            auto
            minmax(72px, 1fr) !important;

        grid-template-rows:
            72px
            48px !important;

        width: 100% !important;
        min-height: 120px !important;

        column-gap: 0 !important;
        row-gap: 0 !important;

        align-items: center !important;
        padding: 0 14px !important;
    }

    /*
     * Shopping modes occupy complete second row
     */
    body.tpl-luxury .alm-header-grid > .alm-shopping-modes {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        justify-self: stretch !important;
        align-self: stretch !important;

        position: relative !important;
        inset: auto !important;

        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 48px !important;

        /*
         * Cancel parent horizontal padding so navy bar
         * reaches both edges of viewport.
         */
        margin-left: -14px !important;
        margin-right: -14px !important;

        padding: 0 !important;
        gap: 0 !important;

        direction: rtl !important;

        background: #001330 !important;

        border: 0 !important;
        border-radius: 0 !important;

        overflow: hidden !important;
        z-index: 2 !important;
    }

    body.tpl-luxury .alm-shopping-mode {
        position: relative !important;

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

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 48px !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 6px !important;

        background: #001330 !important;
        color: #FFFFFF !important;

        border: 0 !important;
        border-radius: 0 !important;

        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        text-align: center !important;
        text-decoration: none !important;
        white-space: nowrap !important;

        overflow: hidden !important;
    }

    body.tpl-luxury .alm-shopping-mode span {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        color: #FFFFFF !important;

        text-align: center !important;
        white-space: nowrap !important;

        overflow: hidden !important;
        text-overflow: clip !important;
    }

    /* Fine vertical separators */
    body.tpl-luxury .alm-shopping-mode + .alm-shopping-mode {
        border-inline-start:
            1px solid rgba(255,255,255,.16) !important;
    }

    /* Active section */
    body.tpl-luxury .alm-shopping-mode.is-active {
        background: #071c39 !important;
        color: #FFFFFF !important;
    }

    body.tpl-luxury .alm-shopping-mode.is-active::after {
        content: "" !important;

        position: absolute !important;

        right: 25% !important;
        bottom: 0 !important;
        left: 25% !important;

        height: 3px !important;

        background: #B7811E !important;
        border-radius: 2px 2px 0 0 !important;
    }

    body.tpl-luxury .alm-shopping-mode:hover,
    body.tpl-luxury .alm-shopping-mode:focus,
    body.tpl-luxury .alm-shopping-mode:active {
        background: #071c39 !important;
        color: #FFFFFF !important;
    }

    /*
     * Main category desktop nav remains hidden on mobile.
     * Only our 3 primary shopping modes are visible.
     */
    body.tpl-luxury .alm-category-nav {
        display: none !important;
    }
}

@media (max-width: 380px) {

    body.tpl-luxury .alm-shopping-mode {
        padding-inline: 3px !important;
        font-size: 12px !important;
    }
}
/* ===== AL-MUNIR MOBILE PREMIUM SHOP NAV END ===== */


/* ===== AL-MUNIR MOBILE NAV TEXT FIX START ===== */
@media (max-width: 991px) {

    body.tpl-luxury .alm-shopping-mode {
        line-height: 1.45 !important;
        overflow: visible !important;
    }

    body.tpl-luxury .alm-shopping-mode span {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        height: 100% !important;
        line-height: 1.45 !important;

        padding-top: 2px !important;
        padding-bottom: 2px !important;

        overflow: visible !important;
    }
}
/* ===== AL-MUNIR MOBILE NAV TEXT FIX END ===== */

/* AL-MUNIR MOBILE DRAWER V2 START */

@media (max-width: 991px) {

    /*
    |--------------------------------------------------------------------------
    | Overlay
    |--------------------------------------------------------------------------
    */

    html body .lx-mobile-overlay {
        position:
            fixed !important;

        inset:
            0 !important;

        z-index:
            2147482000 !important;

        background:
            rgba(0,0,0,.46) !important;

        backdrop-filter:
            blur(1px);
    }


    /*
    |--------------------------------------------------------------------------
    | Drawer shell
    |--------------------------------------------------------------------------
    */

    html body .lx-mobile-menu.alm-mobile-drawer-v2 {
        position:
            fixed !important;

        top:
            0 !important;

        bottom:
            0 !important;

        width:
            min(88vw, 390px) !important;

        max-width:
            390px !important;

        height:
            100vh !important;

        height:
            100dvh !important;

        max-height:
            100vh !important;

        max-height:
            100dvh !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        padding:
            0 !important;

        overflow:
            hidden !important;

        background:
            #fff !important;

        color:
            #111 !important;

        box-shadow:
            0 0 34px rgba(0,0,0,.16) !important;

        z-index:
            2147482001 !important;

        transition:
            transform .28s cubic-bezier(.22,.8,.3,1) !important;

        overscroll-behavior:
            contain;
    }


    html[dir="rtl"]
    body
    .lx-mobile-menu.alm-mobile-drawer-v2 {
        right:
            0 !important;

        left:
            auto !important;

        transform:
            translateX(100%) !important;
    }


    html[dir="ltr"]
    body
    .lx-mobile-menu.alm-mobile-drawer-v2 {
        right:
            auto !important;

        left:
            0 !important;

        transform:
            translateX(-100%) !important;
    }


    html body
    .lx-mobile-menu.alm-mobile-drawer-v2.is-open {
        transform:
            translateX(0) !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Header
    |--------------------------------------------------------------------------
    */

    .alm-drawer-head {
        flex:
            0 0 auto;

        min-height:
            88px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            20px;

        padding:
            14px 20px;

        border-bottom:
            1px solid #eeeeea;

        background:
            #fff;
    }


    .alm-drawer-logo {
        width:
            64px;

        height:
            60px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        text-decoration:
            none !important;
    }


    .alm-drawer-logo img {
        display:
            block;

        width:
            auto;

        max-width:
            64px;

        height:
            auto;

        max-height:
            58px;

        object-fit:
            contain;
    }


    .alm-drawer-logo strong {
        color:
            #001330;

        font-size:
            14px;
    }


    .alm-drawer-close {
        width:
            42px;

        height:
            42px;

        display:
            inline-flex;

        align-items:
            center;

        justify-content:
            center;

        padding:
            0;

        border:
            0;

        background:
            transparent;

        color:
            #111;

        cursor:
            pointer;
    }


    .alm-drawer-close i {
        font-size:
            29px;
    }


    /*
    |--------------------------------------------------------------------------
    | Scrollable content
    |--------------------------------------------------------------------------
    */

    .alm-drawer-scroll {
        flex:
            1 1 auto;

        min-height:
            0;

        width:
            100%;

        padding:
            16px 20px 24px;

        overflow-x:
            hidden;

        overflow-y:
            auto;

        -webkit-overflow-scrolling:
            touch;

        overscroll-behavior:
            contain;

        scrollbar-width:
            thin;

        scrollbar-color:
            rgba(183,129,30,.45)
            transparent;
    }


    .alm-drawer-scroll::-webkit-scrollbar {
        width:
            4px;
    }


    .alm-drawer-scroll::-webkit-scrollbar-thumb {
        border-radius:
            20px;

        background:
            rgba(183,129,30,.45);
    }


    /*
    |--------------------------------------------------------------------------
    | Men / Kids / Branches
    |--------------------------------------------------------------------------
    */

    .alm-drawer-primary {
        width:
            100%;
    }


    .alm-drawer-primary > a {
        min-height:
            48px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            12px;

        padding:
            12px 2px;

        border-bottom:
            1px solid #ececec;

        color:
            #111 !important;

        background:
            transparent !important;

        font-size:
            16px;

        font-weight:
            700;

        text-decoration:
            none !important;
    }


    .alm-drawer-primary > a i {
        color:
            #001330;

        font-size:
            21px;

        font-weight:
            400;
    }


    .alm-drawer-primary > a.is-active {
        color:
            #B7811E !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Quick actions
    |--------------------------------------------------------------------------
    */

    .alm-drawer-quick {
        display:
            grid;

        grid-template-columns:
            repeat(2, minmax(0,1fr));

        gap:
            10px;

        margin-top:
            18px;
    }


    .alm-drawer-quick-item {
        min-height:
            46px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        gap:
            8px;

        padding:
            10px 12px;

        border:
            0 !important;

        border-radius:
            3px;

        background:
            #f5f5f4 !important;

        color:
            #111 !important;

        font-family:
            inherit;

        font-size:
            14px;

        font-weight:
            600;

        text-decoration:
            none !important;

        cursor:
            pointer;
    }


    .alm-drawer-quick-item i {
        color:
            #001330;

        font-size:
            20px;
    }


    /*
    |--------------------------------------------------------------------------
    | Categories
    |--------------------------------------------------------------------------
    */

    .alm-drawer-category-title {
        margin:
            28px 0 9px;

        color:
            #8b8b87;

        font-size:
            11px;

        font-weight:
            700;

        letter-spacing:
            .02em;
    }


    .alm-drawer-categories {
        width:
            100%;
    }


    .alm-drawer-category,
    .alm-drawer-category-link {
        width:
            100%;
    }


    .alm-drawer-category {
        border-bottom:
            1px solid #eeeeec;
    }


    .alm-drawer-category summary,
    .alm-drawer-category-link {
        min-height:
            49px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            12px;

        padding:
            12px 2px;

        color:
            #222 !important;

        background:
            #fff;

        font-size:
            14px;

        font-weight:
            600;

        text-decoration:
            none !important;

        cursor:
            pointer;

        list-style:
            none;
    }


    .alm-drawer-category summary::-webkit-details-marker {
        display:
            none;
    }


    .alm-drawer-category summary i,
    .alm-drawer-category-link i {
        color:
            #777;

        font-size:
            19px;

        transition:
            transform .2s ease;
    }


    .alm-drawer-category[open] summary i {
        transform:
            rotate(45deg);
    }


    .alm-drawer-subcategories {
        padding:
            0 14px 11px;

        background:
            #faf9f6;
    }


    .alm-drawer-subcategories a {
        min-height:
            42px;

        display:
            flex;

        align-items:
            center;

        padding:
            8px 6px;

        border-bottom:
            1px solid #eeeeea;

        color:
            #555 !important;

        font-size:
            13px;

        font-weight:
            500;

        text-decoration:
            none !important;
    }


    .alm-drawer-subcategories a:last-child {
        border-bottom:
            0;
    }


    .alm-drawer-subcategory-all {
        color:
            #B7811E !important;

        font-weight:
            700 !important;
    }


    .alm-drawer-scroll-spacer {
        height:
            20px;
    }


    /*
    |--------------------------------------------------------------------------
    | Fixed bottom utility
    |--------------------------------------------------------------------------
    */

    .alm-drawer-bottom {
        flex:
            0 0 auto;

        width:
            100%;

        padding:
            12px 20px
            calc(
                12px
                + env(safe-area-inset-bottom)
            );

        border-top:
            1px solid #eaeae6;

        background:
            rgba(255,255,255,.98);

        box-shadow:
            0 -8px 24px rgba(0,0,0,.035);

        z-index:
            3;
    }


    .alm-drawer-account {
        min-height:
            46px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            center;

        gap:
            8px;

        width:
            100%;

        padding:
            10px 14px;

        border-radius:
            3px;

        background:
            #f5f5f4;

        color:
            #111 !important;

        font-size:
            15px;

        font-weight:
            700;

        text-decoration:
            none !important;
    }


    .alm-drawer-account i {
        color:
            #001330;

        font-size:
            20px;
    }


    .alm-drawer-bottom-row {
        min-height:
            46px;

        display:
            flex;

        align-items:
            center;

        justify-content:
            space-between;

        gap:
            14px;

        margin-top:
            10px;

        padding-top:
            10px;

        border-top:
            1px solid #eeeeea;
    }


    /*
    |--------------------------------------------------------------------------
    | Language
    |--------------------------------------------------------------------------
    */

    .alm-drawer-language {
        position:
            relative;

        flex:
            1;
    }


    .alm-drawer-language summary {
        display:
            inline-flex;

        align-items:
            center;

        gap:
            7px;

        color:
            #222;

        font-size:
            13px;

        font-weight:
            600;

        cursor:
            pointer;

        list-style:
            none;
    }


    .alm-drawer-language summary::-webkit-details-marker {
        display:
            none;
    }


    .alm-drawer-language summary i {
        font-size:
            16px;
    }


    .alm-drawer-language-menu {
        position:
            absolute;

        right:
            0;

        bottom:
            calc(100% + 10px);

        min-width:
            125px;

        padding:
            5px;

        border:
            1px solid #e6e3dc;

        border-radius:
            5px;

        background:
            #fff;

        box-shadow:
            0 12px 28px rgba(0,0,0,.12);

        z-index:
            10;
    }


    html[dir="ltr"]
    .alm-drawer-language-menu {
        right:
            auto;

        left:
            0;
    }


    .alm-drawer-language-menu a {
        display:
            block;

        padding:
            9px 11px;

        border-radius:
            3px;

        color:
            #222 !important;

        font-size:
            13px;

        text-decoration:
            none !important;
    }


    .alm-drawer-language-menu a.is-active {
        background:
            #F8F7F3;

        color:
            #B7811E !important;

        font-weight:
            700;
    }


    /*
    |--------------------------------------------------------------------------
    | Currency
    |--------------------------------------------------------------------------
    */

    .alm-drawer-currency {
        display:
            inline-flex;

        align-items:
            center;

        gap:
            6px;

        color:
            #222;

        font-size:
            13px;

        font-weight:
            600;
    }


    .alm-drawer-flag {
        font-size:
            18px;
    }


    /*
    |--------------------------------------------------------------------------
    | Small phones
    |--------------------------------------------------------------------------
    */

    @media (max-width: 390px) {

        html body
        .lx-mobile-menu.alm-mobile-drawer-v2 {
            width:
                calc(100vw - 24px) !important;
        }


        .alm-drawer-head {
            min-height:
                78px;

            padding:
                10px 16px;
        }


        .alm-drawer-scroll {
            padding:
                13px 16px 20px;
        }


        .alm-drawer-bottom {
            padding-right:
                16px;

            padding-left:
                16px;
        }

    }

}

/* AL-MUNIR MOBILE DRAWER V2 END */

/* ============================================================
   AL-MUNIR MOBILE DRAWER LAYER FIX V3
   ============================================================ */

@media (max-width: 991px) {

    /*
    |--------------------------------------------------------------------------
    | Overlay MUST stay behind drawer
    |--------------------------------------------------------------------------
    */

    html body .lx-mobile-overlay,
    html body.lx-menu-open .lx-mobile-overlay,
    html body.alm-menu-layer-open .lx-mobile-overlay {
        position: fixed !important;
        inset: 0 !important;

        z-index: 2147483000 !important;

        background: rgba(0,0,0,.42) !important;

        pointer-events: auto !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Drawer MUST stay above overlay
    |--------------------------------------------------------------------------
    */

    html body .lx-mobile-menu.alm-mobile-drawer-v2,
    html body.lx-menu-open .lx-mobile-menu.alm-mobile-drawer-v2,
    html body.alm-menu-layer-open .lx-mobile-menu.alm-mobile-drawer-v2 {

        z-index: 2147483640 !important;

        opacity: 1 !important;

        visibility: visible !important;

        filter: none !important;

        backdrop-filter: none !important;

        pointer-events: auto !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Never dim drawer contents
    |--------------------------------------------------------------------------
    */

    html body .alm-mobile-drawer-v2,
    html body .alm-mobile-drawer-v2 *,
    html body.lx-menu-open .alm-mobile-drawer-v2,
    html body.lx-menu-open .alm-mobile-drawer-v2 * {

        opacity: 1;

        filter: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Drawer white background
    |--------------------------------------------------------------------------
    */

    html body .alm-mobile-drawer-v2,
    html body .alm-drawer-head,
    html body .alm-drawer-scroll,
    html body .alm-drawer-bottom {

        background-color: #fff !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Prevent header stacking context from trapping drawer
    |--------------------------------------------------------------------------
    */

    html body .alm-header:has(.alm-mobile-drawer-v2.is-open) {

        z-index: 2147483500 !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Correct Kuwait flag
    |--------------------------------------------------------------------------
    */

    .alm-drawer-flag {

        width: 22px;
        height: 14px;

        display: inline-block;

        position: relative;

        overflow: hidden;

        border: 1px solid rgba(0,0,0,.10);

        background:
            linear-gradient(
                to bottom,
                #007a3d 0 33.333%,
                #ffffff 33.333% 66.666%,
                #ce1126 66.666% 100%
            );

        font-size: 0 !important;
        line-height: 0 !important;
    }


    .alm-drawer-flag::before {

        content: "";

        position: absolute;

        top: 0;
        bottom: 0;
        left: 0;

        width: 7px;

        background: #000;

        clip-path: polygon(
            0 0,
            100% 22%,
            100% 78%,
            0 100%
        );
    }


    /*
    |--------------------------------------------------------------------------
    | Bottom utility clarity
    |--------------------------------------------------------------------------
    */

    .alm-drawer-bottom {

        position: relative !important;

        z-index: 5 !important;

        border-top: 1px solid #e7e7e3 !important;

        box-shadow:
            0 -7px 20px rgba(0,0,0,.045) !important;
    }


    .alm-drawer-account {

        background: #f4f4f2 !important;

        color: #001330 !important;
    }

}


/* ============================================================
   END AL-MUNIR MOBILE DRAWER LAYER FIX V3
   ============================================================ */