/* --- Ottimizzazione Mobile Menu e Filtri Mappa (FestMap) --- */
@media screen and (max-width: 767px) {

    /* --- Forziamo i testi della barra di navigazione a essere bianchi --- */
    .bottom-nav.inline-nav-links .nav-item,
    .bottom-nav.inline-nav-links .nav-item span,
    .bottom-nav.inline-nav-links .nav-item .nav-label {
        color: #ffffff !important;
        font-size: 11px !important;
    }

    /* Stato attivo o hover per chiarezza visiva */
    .bottom-nav.inline-nav-links .nav-item.active span {
        color: #b1c7ff !important; /* Un tocco di celeste chiaro per l'elemento attivo, se desiderato */
    }

    /* Rimoduliamo il pannello filtri affinché non si sovrapponga male su mobile */
    #map-filters-panel {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        box-sizing: border-box !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 6px !important;
        padding: 8px 10px !important;
        background: rgba(15, 10, 30, 0.95) !important;
        border-radius: 0 !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
        z-index: 999 !important;
    }

    /* La barra di ricerca principale prende tutta la larghezza */
    #map-filters-panel #filter-testo {
        grid-column: span 2 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /* Tutti gli input e select interni si adattano al 100% della griglia */
    #map-filters-panel input[type="text"],
    #map-filters-panel select {
        width: 100% !important;
        padding: 8px !important;
        font-size: 13px !important;
        box-sizing: border-box !important;
        color: #ffffff !important;
        background: rgba(20, 15, 35, 0.9) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
    }

    /* Resettiamo le larghezze fisse ereditate dal desktop */
    #filter-citta,
    #filter-provincia,
    #filter-regione {
        width: 100% !important;
    }
}