/*
 * theme.css — foglio di stile di personalizzazione del portale.
 * Questo e' il file destinato al web designer del sito aziendale:
 * si sovrascrivono qui le variabili/regole di Pico senza toccare pico.min.css.
 *
 * Pico.css v2 usa CSS custom properties (--pico-*). Esempi sotto.
 */

/*
 * Palette istituzionale LAMAT, coerente con gruppolamat.com:
 *   teal  #3FB6A8  (primario)   - header/brand del sito
 *   magenta #CC3366 (accento)   - disponibile per accenti secondari
 * Pico usa il "primary" per bottoni, link, anelli di focus.
 */

/* --- Tema chiaro (default) ---
   NB: uso :root:not([data-theme=dark]) per pareggiare la specificita' con cui Pico
   definisce queste variabili (un semplice :root verrebbe scavalcato). --- */
:root:not([data-theme=dark]) {
    --pico-primary: #2e9488;                     /* link/accenti: teal scuro (contrasto su bianco) */
    --pico-primary-background: #3fb6a8;           /* sfondo bottoni: teal brand */
    --pico-primary-border: #3fb6a8;
    --pico-primary-hover: #26786e;
    --pico-primary-hover-background: #2e9488;
    --pico-primary-hover-border: #2e9488;
    --pico-primary-focus: rgba(63, 182, 168, 0.4);   /* anello di focus teal */
    --pico-primary-inverse: #fff;                 /* testo sui bottoni teal */
    --pico-primary-underline: rgba(46, 148, 136, 0.5);
}

/* --- Tema scuro: link teal piu' chiaro per leggibilita'; bottoni restano brand teal.
   Pico rispetta prefers-color-scheme; il toggle imposta data-theme="light|dark" (vedi app.js).
   Sovrascrivo entrambi i contesti (attributo + preferenza di sistema). --- */
[data-theme="dark"] {
    --pico-primary: #6fd3c6;
    --pico-primary-background: #3fb6a8;
    --pico-primary-border: #3fb6a8;
    --pico-primary-hover: #8adfd4;
    --pico-primary-hover-background: #4ec3b4;
    --pico-primary-hover-border: #4ec3b4;
    --pico-primary-focus: rgba(63, 182, 168, 0.45);
    --pico-primary-inverse: #fff;
    --pico-primary-underline: rgba(111, 211, 198, 0.5);
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
        --pico-primary: #6fd3c6;
        --pico-primary-background: #3fb6a8;
        --pico-primary-border: #3fb6a8;
        --pico-primary-hover: #8adfd4;
        --pico-primary-hover-background: #4ec3b4;
        --pico-primary-hover-border: #4ec3b4;
        --pico-primary-focus: rgba(63, 182, 168, 0.45);
        --pico-primary-inverse: #fff;
        --pico-primary-underline: rgba(111, 211, 198, 0.5);
    }
}

/* Accento brand: filo teal sotto l'header */
body > header.container {
    border-bottom: 3px solid var(--pico-primary-background);
}

/* Piccoli ritocchi applicativi */
.error {
    color: #b3261e;
    font-weight: 600;
}

footer small {
    display: block;
    text-align: center;
}

/* Link di un documento gia' scaricato: colore attenuato (specifica §7) */
.doc-downloaded {
    color: var(--pico-muted-color, #6b7280);
    font-style: italic;
}

/* Bottoni disposti in riga (orizzontale), a larghezza naturale */
.btn-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
}
.btn-row > button,
.btn-row > a[role="button"] {
    width: auto;
    margin: 0;
}

/* --- Pagina prenotazione prelievi (pubblica, senza login) --- */
/* Contenitore stretto centrato (la CSP blocca gli style inline: le regole stanno qui). */
.form-narrow {
    max-width: 40rem;
    margin: 1.5rem auto;
}
/* Honeypot anti-bot: nascosto agli utenti, compilato dai soli bot. */
.hp {
    position: absolute !important;
    left: -5000px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
/* Logo LAMAT nell'header (sostituisce il brand testuale) su tutte le pagine. */
.brand-logo {
    height: 2rem;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
/* Dark mode: il logo e' in tinta scura (#00313C); lo schiarisco per la leggibilita'. */
[data-theme="dark"] .brand-logo {
    filter: brightness(0) invert(1);
}
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .brand-logo {
        filter: brightness(0) invert(1);
    }
}
/* Riga informativa (orari prelievi) letta da tbl_sys_parametri: callout teal. */
.pren-mot {
    background: rgba(63, 182, 168, 0.12);
    border-left: 3px solid var(--pico-primary-background, #3fb6a8);
    padding: 0.6rem 0.85rem;
    border-radius: 4px;
    margin: 0.5rem 0 1rem;
}