/*
 * ─────────────────────────────────────────────────────────────────────
 *  RentCarScanner — Sito pubblico di prenotazione di EasyAuto
 * ─────────────────────────────────────────────────────────────────────
 *  © 2000-2026 — EasyAuto — Opera tutelata
 *  Reg. SIAE n. 001713/D000031889 del 30/10/2000-11/09/2026 — Ord. D002134/D000030370
 *  Tutti i diritti riservati.
 *  Autore: Di Matteo Salvatore
 * ─────────────────────────────────────────────────────────────────────
 *  Nessun colore del marchio e' scritto qui dentro: i tre colori
 *  arrivano dal tenant come variabili CSS sul tag <html> (_Layout).
 *  Un affiliato nuovo non richiede un foglio di stile nuovo.
 * ─────────────────────────────────────────────────────────────────────
 */

:root {
    --colore-primario: #1d4ed8;
    --colore-primario-scuro: #1e3a8a;
    --colore-accento: #0f766e;
    --grigio-bordo: #e2e8f0;
    --grigio-testo: #475569;
}

body {
    background: #f8fafc;
    color: #0f172a;
}

/* ── Intestazione ─────────────────────────────────────────────── */

.intestazione {
    background: var(--colore-primario);
    color: #fff;
}

.intestazione .insegna {
    color: #fff;
    font-weight: 600;
    font-size: 1.25rem;
    text-decoration: none;
}

.selettore-lingua a {
    color: rgba(255, 255, 255, .75);
    text-decoration: none;
    font-size: .8rem;
    font-weight: 600;
    padding: .15rem .35rem;
}

.selettore-lingua a.attiva {
    color: #fff;
    border-bottom: 2px solid #fff;
}

/* ── Fascia della bozza ───────────────────────────────────────── */
/* Deliberatamente vistosa: finché i numeri non sono veri, chi guarda
   il sito deve saperlo senza doverlo chiedere. */

.fascia-bozza {
    background: #fef3c7;
    border-bottom: 1px solid #fcd34d;
    color: #78350f;
}

/* ── Segnaposto ───────────────────────────────────────────────── */

.segnaposto {
    background: #fef3c7;
    color: #78350f;
    border: 1px solid #fcd34d;
    border-radius: .25rem;
    font-size: .7rem;
    font-weight: 600;
    padding: .05rem .3rem;
    text-transform: uppercase;
    letter-spacing: .02em;
    vertical-align: middle;
}

.non-determinato {
    color: var(--grigio-testo);
    font-style: italic;
}

/* ── Schede ───────────────────────────────────────────────────── */

.scheda {
    background: #fff;
    border: 1px solid var(--grigio-bordo);
    border-radius: .5rem;
}

.scheda-veicolo .acriss {
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: .8rem;
    color: var(--grigio-testo);
}

.immagine-mancante {
    background: repeating-linear-gradient(45deg, #f1f5f9, #f1f5f9 10px, #e2e8f0 10px, #e2e8f0 20px);
    border-radius: .375rem;
    color: var(--grigio-testo);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .8rem;
    min-height: 120px;
}

.btn-primario {
    background: var(--colore-primario);
    border-color: var(--colore-primario);
    color: #fff;
}

.btn-primario:hover {
    background: var(--colore-primario-scuro);
    border-color: var(--colore-primario-scuro);
    color: #fff;
}

.prezzo {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--colore-primario-scuro);
}

.pie-pagina {
    border-top: 1px solid var(--grigio-bordo);
    color: var(--grigio-testo);
    background: #fff;
}

.nota {
    color: var(--grigio-testo);
    font-size: .85rem;
}

/* ── Percorso di prenotazione (26/09/2026) ─────────────────────────── */

.condizioni {
    list-style: none;
    padding-left: 0;
}

.condizioni li {
    padding: .15rem 0;
}

.condizioni .bi {
    color: var(--colore-accento);
    margin-right: .35rem;
}

.numero-prenotazione {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 1.75rem;
    font-weight: 600;
    letter-spacing: .05em;
    color: var(--colore-primario-scuro);
}