/*
 * Palette GAV.Licensing — "panna e mattone", scelta esplicitamente
 * dall'utente il 2026-09-29 (a parte lo sfondo pagina, già impostato in
 * precedenza). Segue lo stesso approccio delle linee guida
 * developers.italia.it/Bootstrap Italia — palette dichiarata una sola
 * volta, contrasti WCAG verificati — ma non è un preset ufficiale: non
 * risulta un tema "panna/mattone" documentato da developers.italia.it (che
 * normalmente usa un blu istituzionale come primario, vedi GAV_Backoffice
 * gav.css), quindi i toni caldi sotto sono stati calcolati da zero seguendo
 * lo stesso RIGORE (contrasti WCAG), non copiati da una fonte esterna.
 * Definita una sola volta qui, non derogata altrove senza motivo esplicito
 * (standard di progetto §3).
 *
 * Contrasti verificati (WCAG 2.1, formula relative luminance):
 *   --lic-primary       #8B3A2E  con testo bianco sopra -> 7.67:1 (supera AAA)
 *   --lic-primary-dark  #6B2C22  con testo bianco sopra -> 10.4:1 circa (AAA)
 *   --lic-text          #3A2E28  su --lic-surface (#FAF3E8) -> 11.9:1 (AAA)
 */
:root {
    --lic-primary: #8B3A2E;
    --lic-primary-dark: #6B2C22;
    --lic-primary-light: #F0E0D5;
    --lic-surface: #FAF3E8;
    --lic-text: #3A2E28;
    --lic-text-muted: #7A6A5D;
    --lic-border: #E3D5C5;

    /* Riallinea le variabili Bootstrap 5.3 alla palette GAV.Licensing dove
       supportato via custom property (bottoni, link, badge, alert) — stessa
       tecnica già in uso in GAV_Backoffice/wwwroot/css/gav.css, valori
       diversi per scelta esplicita. */
    --bs-primary: var(--lic-primary);
    --bs-primary-rgb: 139, 58, 46;
    --bs-link-color: var(--lic-primary);
    --bs-link-hover-color: var(--lic-primary-dark);
    --bs-body-color: var(--lic-text);
    --bs-body-bg: var(--lic-surface);
}

body {
    background-color: var(--lic-surface);
    color: var(--lic-text);
}

/* Navbar in mattone scuro al posto del nero di default (.bg-dark di
   Bootstrap) — .navbar-dark resta comunque applicata in _Layout.cshtml,
   serve solo a Bootstrap per scegliere il colore chiaro dei .nav-link. */
.lic-navbar {
    background-color: var(--lic-primary-dark) !important;
}

.btn-primary {
    background-color: var(--lic-primary);
    border-color: var(--lic-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--lic-primary-dark);
    border-color: var(--lic-primary-dark);
}

/* Bottone "Esci" nella navbar: deve restare leggibile sopra lo sfondo scuro
   mattone, non sopra un card chiaro — sovrascritto qui esplicitamente
   perché .btn-outline-light di Bootstrap di per sé andrebbe già bene, ma il
   colore del bordo di default è pensato per un nero puro, non per il
   mattone scuro. */
.lic-navbar .btn-outline-light {
    color: #fff;
    border-color: rgba(255, 255, 255, .65);
}

.lic-navbar .btn-outline-light:hover {
    background-color: rgba(255, 255, 255, .15);
    border-color: #fff;
    color: #fff;
}

/* Navbar responsive (2026-10-01): pulsante hamburger + voce attiva.
   Target touch >=44px (standard WCAG già applicato in GAV_Backoffice e
   GAV.PortaleCliente, vedi standard di progetto §3).
   NOTA (corretto 2026-10-02): le proprietà di dimensione/centratura del
   pulsante vanno dentro la media query sotto, non qui fuori — "display: flex"
   applicato qui senza condizione sovrascriveva la regola di Bootstrap
   ".navbar-expand-lg .navbar-toggler { display: none; }" (stessa specificità
   CSS, ma questo foglio di stile è caricato DOPO bootstrap.min.css in
   _Layout.cshtml, quindi vinceva sempre lui) — risultato: il pulsante
   hamburger restava visibile anche sopra i 992px, accanto ai link già
   visibili. Il colore/border-color del pulsante invece non influenzano la
   visibilità e possono restare qui, validi a ogni larghezza. */
.lic-navbar .navbar-toggler {
    border-color: rgba(255, 255, 255, .5);
}

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

.lic-navbar .nav-link {
    min-height: 44px;
    display: flex;
    align-items: center;
    padding-left: .75rem;
    padding-right: .75rem;
}

/* Voce di menu attiva: sfondo chiaro della palette invece del semplice
   grassetto, resta leggibile sia sullo sfondo scuro della navbar sia da
   tastiera (non è il solo colore a indicare lo stato, c'è anche lo sfondo —
   stesso principio "mai solo colore" già seguito altrove nel progetto). */
.lic-navbar .nav-link.active {
    background-color: rgba(255, 255, 255, .15);
    border-radius: .375rem;
    font-weight: 600;
}

/* Sotto i 992px (menu collassato): i link occupano tutta la larghezza e
   sono separati da un bordo sottile, più facili da individuare col dito
   impilati in colonna invece che appoggiati al solo spacing di Bootstrap. */
@media (max-width: 991.98px) {
    .lic-navbar .navbar-toggler {
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .lic-navbar .navbar-nav {
        border-top: 1px solid rgba(255, 255, 255, .15);
        padding-top: .5rem;
        margin-top: .5rem;
    }

    .lic-navbar .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, .08);
    }

    .lic-navbar .btn-outline-light {
        min-height: 44px;
        width: 100%;
    }
}