/**
 * Navbar CSS - Stili Comuni
 * File dedicato per garantire identità visiva tra dashboard e parte pubblica
 * Override specifici per navbar indipendente dai temi
 */

/* ========================================
   NAVBAR BASE STYLES
   ======================================== */
/* Body padding per compensare navbar fixed */
body {
    padding-top: 70px !important;
}

.navbar {
    background-color: #000000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    z-index: 1030;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0.5rem 0;
    height: 60px;
}

.navbar-dark {
    background-color: #000000 !important;
}

/* ========================================
   NAVBAR BRAND (Logo) - OVERRIDE FORTE
   ======================================== */
.navbar-brand {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1.25rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    /* Override font del tema mg2025 */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    /* Rimuovi sfondo nero */
    background: transparent !important;
    background-color: transparent !important;
}

.navbar-brand:hover {
    color: #ffffff !important;
    text-decoration: none;
    background: transparent !important;
    background-color: transparent !important;
}

.navbar-brand svg {
    width: 24px;
    height: 24px;
    fill: #ffffff !important;
    /* Forza bianco per l'icona */
    background: transparent !important;
    background-color: transparent !important;
}

/* OVERRIDE SPECIFICO PER TEMA MG2025 */
.navbar-brand,
.navbar-brand *,
.navbar-brand svg,
.navbar-brand span {
    color: #ffffff !important;
    fill: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    /* Forza font standard */
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

/* Override per tutti i link nella navbar (incluso logo) */
.navbar a,
.navbar a:hover,
.navbar a:focus,
.navbar a:visited {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}

.navbar a svg {
    fill: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* ========================================
   NAVBAR NAVIGATION LINKS
   ======================================== */
.navbar-nav {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 500;
    font-size: 0.95rem;
    text-decoration: none;
    padding: 0.5rem 0.75rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.navbar-nav .nav-link:hover {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.1);
    text-decoration: none;
}

.navbar-nav .nav-link.active {
    color: #ffffff !important;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.15);
}

.navbar-nav .nav-link svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* ========================================
   NAVBAR BUTTONS (solo nella navbar superiore)
   ======================================== */
#navbar_main .btn {
    padding: 0 !important;
}

.navbar .btn-outline-light {
    color: #ffffff !important;
    border: none !important;
    background-color: transparent;
    font-weight: 500;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    transition: all 0.2s ease;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.navbar .btn-outline-light:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
    border: none !important;
}

.navbar .btn-outline-light svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* Eccezione: SVG più grandi (25px) per i pulsanti icone nella colonna destra */
.navbar-icon-btn svg,
#navbar_main .navbar-icon-btn svg,
.navbar-right-column-content .navbar-icon-btn svg,
.navbar-right-column .navbar-icon-btn svg {
    width: 25px !important;
    height: 25px !important;
    flex-shrink: 0 !important;
}

/* ========================================
   NAVBAR TOGGLER (Mobile)
   ======================================== */
.navbar-toggler {
    border: 1px solid #ffffff;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    width: 1.5em;
    height: 1.5em;
}

/* ========================================
   MOBILE NAV ICONS (solo nella navbar superiore)
   ======================================== */
.navbar .mobile-nav-icons {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.navbar .mobile-nav-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: none;
}

.navbar .mobile-nav-settings-btn,
.navbar .mobile-nav-upload-btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.375rem;
    border: none !important;
    background-color: transparent;
}

.navbar .mobile-nav-settings-btn svg,
.navbar .mobile-nav-upload-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

/* ========================================
   DROPDOWN MENU
   ======================================== */
.dropdown-menu {
    border: 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 0.5rem;
    background-color: #ffffff;
    padding: 0.5rem 0;
    min-width: 200px;
}

.dropdown-item {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    color: #212529;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.dropdown-item:hover {
    background-color: #f8f9fa;
    color: #212529;
}

.dropdown-divider {
    border-top: 1px solid #dee2e6;
    margin: 0.5rem 0;
}

.dropdown-header {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: #6c757d;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* ========================================
   BADGE NOTIFICATIONS
   ======================================== */
.badge {
    font-size: 0.65rem;
    padding: 0.25em 0.4em;
    border-radius: 0.375rem;
    font-weight: 600;
}

.badge.bg-danger {
    background-color: #dc3545 !important;
    color: #ffffff;
}

/* ========================================
   USER AVATAR (solo nella navbar superiore)
   ======================================== */
.navbar .rounded-circle {
    border: none;
    transition: opacity 0.2s ease;
}

.navbar .rounded-circle:hover {
    opacity: 0.8;
}

/* ========================================
   ADMIN PANEL BUTTON (solo nella navbar superiore)
   ======================================== */
.navbar .btn[style*="color: red"] {
    color: #dc3545 !important;
    border: none !important;
    background-color: transparent;
}

.navbar .btn[style*="color: red"]:hover {
    background-color: rgba(220, 53, 69, 0.1) !important;
    color: #dc3545 !important;
    border: none !important;
}

/* ========================================
   RESPONSIVE BEHAVIOR
   ======================================== */
@media (max-width: 991.98px) {
    .navbar-nav {
        flex-direction: column;
        gap: 0.5rem;
        padding: 1rem 0;
    }

    .navbar-nav .nav-link {
        width: 100%;
        justify-content: flex-start;
        padding: 0.75rem 1rem;
    }

    .mobile-nav-icons {
        display: flex;
        gap: 0.5rem;
    }
}

@media (min-width: 992px) {

    #navbar_main .mobile-nav-icons,
    #navbar_main .mobile-header-nav {
        display: none !important;
    }

    .navbar-toggler {
        display: none;
    }
}

/* ========================================
   OVERRIDE SPECIFICI PER GARANTIRE IDENTITÀ
   ======================================== */
/* Forza stili navbar indipendentemente da altri CSS */
.navbar,
.navbar.fixed-top,
header.navbar {
    background-color: #000000 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

.navbar * {
    color: inherit;
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus {
    color: #ffffff !important;
    text-decoration: none;
}

.navbar-nav .nav-link,
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
    color: #ffffff !important;
    text-decoration: none;
}

/* ========================================
   OVERRIDE ULTRA-SPECIFICO PER TEMA MG2025
   ======================================== */
/* Vince contro mg2025-override.css che forza a { color: #000000 !important; } */
.navbar a.navbar-brand,
.navbar a.navbar-brand:hover,
.navbar a.navbar-brand:focus,
.navbar a.navbar-brand:visited,
.navbar a.navbar-brand:active {
    color: #ffffff !important;
    fill: #ffffff !important;
}

.navbar a.navbar-brand svg,
.navbar a.navbar-brand svg:hover,
.navbar a.navbar-brand svg:focus {
    fill: #ffffff !important;
}

/* Override per tutti gli elementi del logo */
.navbar-brand,
.navbar-brand *,
.navbar-brand svg,
.navbar-brand span,
.navbar-brand div {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Forza override per tema mg2025 */
body .navbar a,
body .navbar a:hover,
body .navbar a:focus,
body .navbar a:visited {
    color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
}

body .navbar a svg {
    fill: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* OVERRIDE ULTRA-SPECIFICO PER VINCERE CONTRO TUTTI I CSS DEL TEMA */
.navbar .navbar-brand,
.navbar .navbar-brand *,
.navbar .navbar-brand svg,
.navbar .navbar-brand span,
.navbar .navbar-brand div {
    color: #ffffff !important;
    fill: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    font-weight: 600 !important;
}

/* Override per rimuovere qualsiasi sfondo nero dal logo */
.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus,
.navbar-brand:active,
.navbar-brand:visited {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* ========================================
   UTILITY CLASSES (solo nella navbar superiore)
   ======================================== */
.navbar .d-flex {
    display: flex !important;
}

.navbar .align-items-center {
    align-items: center !important;
}

.navbar .justify-content-between {
    justify-content: space-between !important;
}

.navbar .ms-auto {
    margin-left: auto !important;
}

.navbar .me-2 {
    margin-right: 0.5rem !important;
}

.navbar .gap-2 {
    gap: 0.5rem !important;
}

/* ========================================
   Z-INDEX MANAGEMENT
   ======================================== */
.navbar {
    z-index: 1030 !important;
}

.dropdown-menu {
    z-index: 1040 !important;
}

/* ========================================
   ANIMATIONS
   ======================================== */
.navbar-nav .nav-link,
.btn-outline-light,
.dropdown-item {
    transition: all 0.2s ease;
}

.navbar-nav .nav-link:hover,
.btn-outline-light:hover {
    transform: translateY(-1px);
}

/* ========================================
   FOCUS STATES
   ======================================== */
.navbar-nav .nav-link:focus,
.btn-outline-light:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5);
    outline-offset: 2px;
}

/* Eccezione: nessun outline per il link avatar */
.navbar-avatar-link:focus,
.navbar-avatar-link.btn-outline-light:focus,
.navbar-avatar-link.btn:focus {
    outline: none !important;
    outline-offset: 0 !important;
    box-shadow: none !important;
}

/* ========================================
   DESKTOP NAVBAR 3-COLUMN LAYOUT
   Applicato a TUTTE le pagine (pubbliche E dashboard)
   ======================================== */
@media (min-width: 992px) {
    /* Container navbar - rimuovi padding per permettere colonne full-width */
    #navbar_main .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }

    /* Layout container per 3 colonne - SEMPRE attivo su desktop */
    .navbar-desktop-layout {
        display: flex !important;
        width: 100% !important;
        align-items: center !important;
        position: relative;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* NASCONDI layout mobile su desktop - REGOLA FORTE */
    /* Nascondi il div che contiene logo mobile + hamburger */
    #navbar_main .container > .d-lg-none {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        width: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        pointer-events: none !important;
    }
    
    /* Nascondi anche tutti i figli del layout mobile */
    #navbar_main .container > .d-lg-none * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Colonna sinistra: Menu links - ESATTAMENTE 25% */
    .navbar-left-column {
        flex: 0 0 25% !important;
        width: 25% !important;
        max-width: 25% !important;
        min-width: 25% !important;
        display: flex !important;
        align-items: center !important;
        padding-left: 15px;
        box-sizing: border-box;
    }

    .navbar-left-column .navbar-nav {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 1rem;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* Colonna centrale: Logo - ESATTAMENTE 50% */
    .navbar-center-column {
        flex: 0 0 50% !important;
        width: 50% !important;
        max-width: 50% !important;
        min-width: 50% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        position: relative;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box;
    }

    .navbar-center-column .navbar-brand {
        margin: 0 auto !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Logo 250px per vecchio layout (center column) */
    .navbar-center-column .navbar-brand img {
        padding-top: 4px !important;
        margin: 0 auto !important;
        display: block !important;
        width: 250px !important;
        height: auto !important;
    }
    
    /* Logo piccolo per nuovo navbar Bootstrap */
    #navbar_main > .container-fluid > .navbar-brand img {
        width: 145px !important;
        height: auto !important;
        max-height: 30px !important;
    }

    /* Colonna destra: User actions - ESATTAMENTE 25% */
    .navbar-right-column {
        flex: 0 0 25% !important;
        width: 25% !important;
        max-width: 25% !important;
        min-width: 25% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .navbar-right-column .d-flex {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem;
        width: 100% !important;
        justify-content: flex-end !important;
    }

    /* ========================================
       NAVBAR RIGHT COLUMN - SPACING UNIFORME
       ======================================== */
    .navbar-right-column-content {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 0.5rem !important; /* Spazio uniforme tra tutti gli elementi */
        width: 100% !important;
        justify-content: flex-end !important;
    }

    /* Spazio uniforme per tutti i pulsanti icone */
    .navbar-icon-btn {
        margin: 0 !important;
        padding: 0.375rem 0.5rem !important;
        min-width: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Dimensioni SVG per i pulsanti icone - 25px */
    .navbar-icon-btn svg,
    #navbar_main .navbar-icon-btn svg,
    .navbar-right-column-content .navbar-icon-btn svg {
        width: 25px !important;
        height: 25px !important;
        flex-shrink: 0 !important;
    }

    /* Spazio uniforme per la select e avatar container */
    .user-avatar-select-container {
        margin-left: 0 !important;
        gap: 0.5rem !important;
    }

    /* Link avatar - solo stili essenziali, nessun effetto */
    .navbar-avatar-link {
        display: inline-block !important;
        margin: 0 !important;
        padding: 0 !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: none !important;
        background-color: transparent !important;
        text-decoration: none !important;
        transition: none !important;
        transform: none !important;
    }
    
    .navbar-avatar-link:hover,
    .navbar-avatar-link:focus,
    .navbar-avatar-link:focus-visible,
    .navbar-avatar-link:active,
    .navbar-avatar-link:focus-within,
    .navbar-avatar-link:visited {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        background: none !important;
        background-color: transparent !important;
        text-decoration: none !important;
        transform: none !important;
        opacity: 1 !important;
    }
    
    /* Immagine avatar - solo dimensioni essenziali, nessun effetto */
    .navbar-avatar-link .user-navbar-avatar,
    .navbar-right-column .user-navbar-avatar,
    .user-avatar-select-container .user-navbar-avatar {
        display: block !important;
        width: 32px !important;
        height: 32px !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        transition: none !important;
        transform: none !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    .navbar-avatar-link:hover .user-navbar-avatar,
    .navbar-avatar-link:focus .user-navbar-avatar,
    .navbar-right-column .user-navbar-avatar:hover,
    .user-avatar-select-container .user-navbar-avatar:hover {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        transform: none !important;
        opacity: 1 !important;
    }

    /* Assicura che i pulsanti login/registrazione siano visibili e con dimensioni uniformi */
    .navbar-right-column .mg-btn-login,
    .navbar-right-column .mg-btn-signup {
        display: inline-block !important;
        visibility: visible !important;
        opacity: 1 !important;
        text-transform: none !important; /* Mantieni solo la prima lettera maiuscola */
        min-width: 120px !important; /* Larghezza minima uniforme */
        padding: 0.625rem 1.25rem !important; /* Padding aumentato */
        text-align: center !important;
        font-weight: 500 !important;
        height: auto !important; /* Altezza automatica basata sul padding */
        line-height: 1.5 !important; /* Line height uniforme */
        box-sizing: border-box !important; /* Include padding e border nell'altezza */
    }
    
    /* Forza la stessa altezza per entrambi i pulsanti */
    .navbar-right-column .btn-primary.mg-btn-login,
    .navbar-right-column .btn-success.mg-btn-signup {
        height: 38px !important; /* Altezza fissa uniforme */
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0.625rem 1.25rem !important; /* Padding uniforme */
    }
    
    /* Forza il colore verde per btn-success nella navbar */
    #navbar_main .btn-success.mg-btn-signup,
    .navbar-right-column .btn-success.mg-btn-signup {
        background-color: #198754 !important; /* Verde Bootstrap success */
        border-color: #198754 !important;
        color: #ffffff !important;
    }
    
    #navbar_main .btn-success.mg-btn-signup:hover,
    .navbar-right-column .btn-success.mg-btn-signup:hover {
        background-color: #157347 !important; /* Verde più scuro al hover */
        border-color: #146c43 !important;
        color: #ffffff !important;
    }

    /* Bootstrap navbar collapse - mostra sempre su desktop */
    #navbar_main .collapse.navbar-collapse {
        display: flex !important;
    }

    /* ========================================
       USER AVATAR SELECT (DESKTOP ONLY)
       ======================================== */
    /* Container select + avatar */
    .user-avatar-select-container {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }
    
    /* Select menu utente */
    .user-menu-select {
        min-width: 180px;
        font-size: 0.9rem;
        border: 1px solid rgba(255, 255, 255, 0.2);
        background-color: rgba(255, 255, 255, 0.1);
        color: #ffffff;
        padding: 0.375rem 2rem 0.375rem 0.75rem;
    }
    
    .user-menu-select:focus {
        border-color: rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
        background-color: rgba(255, 255, 255, 0.15);
        color: #ffffff;
        outline: none;
    }
    
    .user-menu-select option {
        background-color: #212529;
        color: #ffffff;
        padding: 0.5rem;
    }
    
    /* Nascondi la prima opzione "Seleziona..." quando non è selezionata */
    .user-menu-select option:first-child {
        display: none;
    }
}

/* Mobile: mantieni layout originale */
@media (max-width: 991.98px) {
    .navbar-desktop-layout {
        display: none !important;
    }
    
    /* Logo ridotto su mobile */
    .navbar-center-column .navbar-brand img {
        width: 125px !important; /* 50% di 250px */
        height: auto !important;
        max-width: 125px !important;
    }
    
    /* Logo piccolo per nuovo navbar Bootstrap su mobile */
    #navbar_main > .container-fluid > .navbar-brand img {
        width: 120px !important;
        height: auto !important;
        max-height: 24px !important;
    }
    
    /* Layout mobile: logo e hamburger affiancati - SOLO su mobile */
    #navbar_main .container > .d-lg-none {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        padding: 0.5rem 1rem !important;
    }
    
    /* Hamburger button mobile */
    #navbar_main .navbar-toggler {
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        padding: 0.375rem 0.75rem !important;
        border-radius: 0.25rem !important;
    }
    
    #navbar_main .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
        width: 1.5em !important;
        height: 1.5em !important;
    }
    
    /* Mobile menu collapse Bootstrap - CHIUSO di default */
    #navbarToggleExternalContent {
        width: 100% !important;
        display: none !important; /* Forza chiuso di default */
        visibility: hidden !important;
        opacity: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
    }
    
    /* Mobile menu collapse - APERTO solo quando ha classe .show */
    #navbarToggleExternalContent.show {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-height: none !important;
    }
    
    /* Stile container menu mobile */
    #navbarToggleExternalContent .bg-dark {
        background-color: rgba(0, 0, 0, 0.95) !important;
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
    
    /* Stile link menu mobile */
    #navbarToggleExternalContent .btn-link {
        color: rgba(255, 255, 255, 0.9) !important;
        padding: 1rem 1.5rem !important;
        font-size: 1rem !important;
        font-weight: 500 !important;
        display: flex !important;
        align-items: center !important;
        transition: all 0.2s ease !important;
        width: 100% !important;
        border-color: rgba(255, 255, 255, 0.1) !important;
    }
    
    #navbarToggleExternalContent .btn-link:hover,
    #navbarToggleExternalContent .btn-link.active {
        background-color: rgba(218, 165, 32, 0.15) !important;
        color: #DAA520 !important;
    }
    
    #navbarToggleExternalContent .btn-link svg {
        color: rgba(255, 255, 255, 0.7) !important;
        margin-right: 0.75rem !important;
    }
    
    #navbarToggleExternalContent .btn-link:hover svg,
    #navbarToggleExternalContent .btn-link.active svg {
        color: #DAA520 !important;
    }
    
    /* Nascondi filters-wrapper su mobile */
    .filters-wrapper {
        display: none !important;
    }
}

/* ========================================
   MOBILE SPECIFIC - Hide camera icon
   ======================================== */
@media (max-width: 767px) {

    .navbar .navbar-brand svg,
    .navbar-brand svg,
    a.navbar-brand svg {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Mobile nav icons links - no padding */
    .mobile-nav-icons a {
        padding: 0 !important;
    }

    /* Hide all action buttons on mobile (now in bottom nav) */
    .mobile-nav-icons {
        display: none !important;
    }
}

/* ========================================
   PRINT STYLES
   ======================================== */
@media print {
    .navbar {
        display: none !important;
    }
}