/* =========================================
   SID FOOTWEAR - EXTREME MENU FORCE
   ========================================= */

@media (max-width: 921px) {
    
    /* Force black color on every possible link in mobile menu */
    .ast-mobile-popup-content ul.ast-mobile-menu li a,
    .ast-mobile-popup-content ul.ast-mobile-menu li.menu-item > a,
    .ast-mobile-header-wrap ul.ast-mobile-menu li a,
    .ast-mobile-header-wrap ul.ast-mobile-menu li.menu-item > a,
    #ast-hf-mobile-menu li a,
    #ast-hf-mobile-menu li > a {
        color: #0A0A0A !important; /* Pure Black */
        font-weight: 600 !important;
        text-transform: uppercase !important;
        padding: 10px 15px !important; 
        line-height: 1.2 !important;
        font-size: 14px !important;
        display: block !important;
    }

    /* Force remove all extra gaps from the LI (List Item) */
    .ast-mobile-popup-content ul.ast-mobile-menu li,
    .ast-mobile-header-wrap ul.ast-mobile-menu li,
    #ast-hf-mobile-menu li {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Force sub-menu (Heels, Flats) styling & remove gaps */
    .ast-mobile-popup-content ul.ast-mobile-menu li ul.sub-menu,
    .ast-mobile-header-wrap ul.ast-mobile-menu li ul.sub-menu,
    #ast-hf-mobile-menu ul.sub-menu {
        background-color: #FFFFFF !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ast-mobile-popup-content ul.ast-mobile-menu li ul.sub-menu li a,
    .ast-mobile-header-wrap ul.ast-mobile-menu li ul.sub-menu li a,
    #ast-hf-mobile-menu ul.sub-menu li a {
        color: #0A0A0A !important; /* Black for Submenu */
        font-weight: 500 !important;
        text-transform: capitalize !important; /* Heels, Flats (Not UPPERCASE) */
        padding: 8px 15px 8px 25px !important; /* Indent */
        font-size: 14px !important;
    }

    /* Dropdown Arrows (v) */
    .ast-mobile-popup-content .ast-menu-toggle,
    .ast-mobile-header-wrap .ast-menu-toggle {
        color: #0A0A0A !important;
        background: transparent !important;
        padding: 10px 15px !important;
        min-height: 0 !important;
    }

    /* Remove weird dotted borders from close (X) button */
    .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle,
    .ast-mobile-popup-drawer .ast-mobile-popup-header .ast-menu-toggle {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }
}