/* =========================================
   SID FOOTWEAR - ULTIMATE MENU ALIGNMENT
   ========================================= */

/* Color Variable Define karein (Deep Dark Golden) */
:root {
    --sid-deep-gold: #8B6914; /* Aur zyada Dark Golden */
    --sid-light-gold: #A67B2E;
}

@media (max-width: 921px) {
    
    /* 1. TOGGLE MENU ICON (3 Lines / X) - Dark Golden */
    .ast-mobile-popup-drawer .menu-toggle,
    .ast-mobile-popup-drawer .ast-menu-toggle,
    .ast-mobile-header-wrap .menu-toggle,
    .ast-mobile-header-wrap .ast-menu-toggle,
    .ast-mobile-menu-buttons .menu-toggle {
        color: var(--sid-deep-gold) !important;
        fill: var(--sid-deep-gold) !important;
    }
    .ast-mobile-popup-drawer .menu-toggle svg,
    .ast-mobile-header-wrap .menu-toggle svg {
        fill: var(--sid-deep-gold) !important;
    }

    /* 2. PARENT MENU (HOME, MEN) - Normal Weight, Dark Golden */
    .ast-mobile-popup-content ul.ast-mobile-menu > li.menu-item > a,
    .ast-mobile-header-wrap ul.ast-mobile-menu > li.menu-item > a,
    #ast-hf-mobile-menu > li.menu-item > a {
        color: var(--sid-deep-gold) !important; 
        font-weight: 400 !important; /* NOT BOLD (Normal) */
        text-transform: uppercase !important;
        padding: 10px 15px !important; 
        margin: 0 !important;
        font-size: 14px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important; /* Text left, Arrow right */
        line-height: 1.2 !important;
    }

    /* 3. CHILD MENU (HEELS, FLATS) - Bold Weight, Dark Golden */
    .ast-mobile-popup-content ul.ast-mobile-menu ul.sub-menu li > a,
    .ast-mobile-header-wrap ul.ast-mobile-menu ul.sub-menu li > a,
    #ast-hf-mobile-menu ul.sub-menu li > a {
        color: var(--sid-deep-gold) !important;
        font-weight: 700 !important; /* BOLD */
        text-transform: capitalize !important;
        padding: 8px 15px 8px 25px !important; /* Indent */
        margin: 0 !important;
        font-size: 14px !important;
        display: flex !important;
        align-items: center !important;
    }

    /* 4. SUB-MENU ARROWS (v) - Perfect Alignment */
    .ast-mobile-popup-content ul.ast-mobile-menu ul.sub-menu li.menu-item-has-children > a,
    .ast-mobile-header-wrap ul.ast-mobile-menu ul.sub-menu li.menu-item-has-children > a {
        display: flex !important;
        justify-content: space-between !important; /* Arrow ko right bhejne ke liye */
        align-items: center !important;
        width: 100% !important;
    }
    
    .ast-mobile-popup-content ul.ast-mobile-menu ul.sub-menu .ast-menu-toggle,
    .ast-mobile-header-wrap ul.ast-mobile-menu ul.sub-menu .ast-menu-toggle {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px 15px !important;
        margin: 0 !important;
        color: var(--sid-deep-gold) !important;
        background: transparent !important;
    }

    /* 5. GAPS ZERO KAREIN */
    .ast-mobile-popup-content ul.ast-mobile-menu li.menu-item,
    .ast-mobile-header-wrap ul.ast-mobile-menu li.menu-item {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}