/* ========================================
   MOBILE MENU COLORS - OPZIONE C (Chiaro Minimal)
   Breakpoint: 921px (Astra mobile breakpoint)
   ======================================== */

@media (max-width: 921px) {

    /* ========================================
       DRAWER BACKGROUND - Bianco
       ======================================== */

    body .ast-mobile-popup-drawer,
    body .ast-mobile-popup-inner,
    body .ast-mobile-popup-content,
    body #astra-mobile-menu-drawer,
    body .astra-mobile-menu-drawer {
        background: #FFFFFF !important;
        border: none !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
    }

    /* Rimuovi TUTTI i bordi blu di Astra */
    body .ast-mobile-popup-drawer *,
    body .ast-mobile-popup-inner * {
        border-color: #E5E7EB !important;
    }

    /* UL MENU - FORZA BACKGROUND BIANCO (rimuovi blu scuro Astra) */
    body .ast-mobile-popup-drawer .main-header-menu,
    body .ast-mobile-popup-inner .main-header-menu,
    body .ast-mobile-popup-drawer #ast-hf-mobile-menu,
    body .ast-mobile-popup-inner #ast-hf-mobile-menu,
    body .ast-mobile-popup-drawer ul.main-header-menu,
    body .ast-mobile-popup-inner ul.main-header-menu,
    body .ast-mobile-popup-drawer nav ul,
    body .ast-mobile-popup-inner nav ul {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
    }

    /* ========================================
       MENU ITEMS - Grigio scuro su bianco
       ======================================== */

    body .ast-mobile-popup-drawer .menu-item,
    body .ast-mobile-popup-inner .menu-item,
    body .ast-mobile-popup-drawer li,
    body .ast-mobile-popup-inner li {
        border: none !important;
        border-top: none !important;
        border-bottom: 1px solid #E5E7EB !important;
        border-left: none !important;
        border-right: none !important;
        background: #FFFFFF !important;
    }

    /* ========================================
       LINK - Grigio scuro
       ======================================== */

    body .ast-mobile-popup-drawer .menu-item a,
    body .ast-mobile-popup-drawer li a,
    body .ast-mobile-popup-inner .menu-item a,
    body .ast-mobile-popup-inner li a,
    body .ast-mobile-popup-drawer .main-header-menu a,
    body .ast-mobile-popup-inner .main-header-menu a {
        color: #1D2327 !important;
        background: #FFFFFF !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
    }

    /* ========================================
       HOVER - Blu chiaro con testo blu
       ======================================== */

    body .ast-mobile-popup-drawer .menu-item a:hover,
    body .ast-mobile-popup-drawer li a:hover,
    body .ast-mobile-popup-inner .menu-item a:hover,
    body .ast-mobile-popup-inner li a:hover,
    body .ast-mobile-popup-drawer .main-header-menu a:hover,
    body .ast-mobile-popup-inner .main-header-menu a:hover {
        background: #EFF6FF !important;
        color: #0066A1 !important;
    }

    /* ========================================
       CURRENT PAGE - Evidenziato come hover
       ======================================== */

    body .ast-mobile-popup-drawer .current-menu-item a,
    body .ast-mobile-popup-drawer .current_page_item a,
    body .ast-mobile-popup-inner .current-menu-item a,
    body .ast-mobile-popup-inner .current_page_item a {
        background: #EFF6FF !important;
        color: #0066A1 !important;
        font-weight: 600 !important;
    }

    /* ========================================
       SUBMENU (se presente)
       ======================================== */

    body .ast-mobile-popup-drawer .sub-menu,
    body .ast-mobile-popup-inner .sub-menu {
        background: #F9FAFB !important;
    }

    body .ast-mobile-popup-drawer .sub-menu .menu-item a,
    body .ast-mobile-popup-inner .sub-menu .menu-item a {
        background: #F9FAFB !important;
        color: #374151 !important;
        font-size: 16px !important;
    }

    body .ast-mobile-popup-drawer .sub-menu .menu-item a:hover,
    body .ast-mobile-popup-inner .sub-menu .menu-item a:hover {
        background: #EFF6FF !important;
        color: #0066A1 !important;
    }
}