/* =========================================================================
   Esportazione PDF - Pagina "Piani di Sicurezza"
   Foglio di stile dedicato SOLO alla stampa/esportazione in PDF.
   Caricato unicamente dalla view Views/Home/PianiDiSicurezza.cshtml
   tramite @section Styles, cosi' resta isolato e facile da mantenere.
   ========================================================================= */

/* ---------- Utility di stampa (il progetto non referenzia bootstrap.css) ---------- */
.d-none { display: none; }

@media print {
    .d-print-none { display: none !important; }
    .d-none.d-print-block, .d-print-block { display: block !important; }
}

@media print {
    @page { size: A4; margin: 16mm 12mm; }

    /* Il tema del sito usa colori chiari pensati per sfondo scuro: su carta bianca
       risultano poco leggibili. Ridefinendo le variabili CSS qui, il testo che le
       usa (in tutto il foglio di stile) diventa automaticamente piu' scuro e leggibile. */
    :root {
        --text: #111111;
        --text-muted: #333333;
        --text-faint: #444444;
        --text-on-dark: #111111;
        --text-on-dark-muted: #333333;
        --text-on-dark-faint: #444444;
        --hero-text: #111111;
        --hero-text-muted: #333333;
        --border: #333333;
        --border-strong: #333333;
    }

    /* Il layout del sito (header fisso, footer, pulsante torna-su) non deve comparire in stampa */
    #us-header, #us-footer, .us-scroll-top, #wrapper > #us-hero {
        display: none !important;
    }

    #us-main { margin-top: 0 !important; }

    /* Il Piano Advanced inizia in una nuova pagina */
    #piano-advanced {
        break-before: page;
        page-break-before: always;
    }

    /* La Matrice del Rischio (titolo, sottotitolo e tabella) inizia in una nuova
       pagina, cosi' il titolo non resta orfano sulla pagina precedente */
    #matrice-rischio {
        break-before: page;
        page-break-before: always;
    }

    html, body {
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }

    body { font-size: 12pt; line-height: 1.45; background: #fff !important; color: #111 !important; }

    .us-section { padding: 10px 0 !important; }
    .us-section--alt { background: transparent !important; }

    .container-us { max-width: 100% !important; width: 100% !important; padding: 0 !important; }

    /* Nessuna card: elenco a colonna singola, un trafiletto sotto l'altro */
    .us-grid { display: block !important; gap: 0 !important; }
    .us-grid--2, .us-grid--3 { grid-template-columns: none !important; }

    .us-card {
        display: block !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        border-bottom: 1px solid #ccc !important;
        border-radius: 0 !important;
        padding: 12px 0 !important;
        margin: 0 !important;
    }
    .us-card:hover { transform: none !important; }
    .us-card h3 {
        font-size: 1.05rem !important;
        margin-bottom: 5px !important;
        color: #111 !important;
        break-after: avoid-page;
        page-break-after: avoid;
    }
    .us-card p { font-size: 10.5pt !important; line-height: 1.4 !important; color: #111 !important; orphans: 3; widows: 3; }

    .us-title, .us-title--center { font-size: 1.5rem !important; margin-bottom: 8px !important; color: #111 !important; }
    .us-eyebrow { font-size: 10pt !important; color: #333 !important; }

    /* Nessuna icona prima dei titoli (eyebrow, card, sezioni) */
    .us-eyebrow i, .us-card > p.us-eyebrow i, h1 i, h2 i, h3 i {
        display: none !important;
    }

    /* Nelle card, l'eyebrow contiene SOLO l'icona: una volta nascosta l'icona,
       il paragrafo resterebbe vuoto occupando comunque una riga. Lo rimuoviamo
       del tutto per liberare la riga. */
    .us-card > p.us-eyebrow:has(> i:only-child) {
        display: none !important;
    }

    /* Rimuove l'etichetta "Confronto" sopra le due tabelle */
    .us-compare-eyebrow { display: none !important; }

    /* Rimuove la legenda con i tre punti colorati sopra la Matrice del Rischio
       (i punti colorati dentro la tabella restano invariati) */
    .us-compare-legend { display: none !important; }

    /* Tabella della Matrice del Rischio: compatta, la teniamo intera in un'unica
       pagina (a differenza delle card di testo, qui l'altezza e' limitata e nota) */
    #matrice-rischio .us-compare-wrap {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    /* Tabelle: layout semplice, squadrato, linee sottili, larghezza piena entro i margini.
       border-collapse: separate garantisce che ogni cella disegni tutti i propri bordi
       (compreso il bordo destro dell'ultima colonna visibile), anche quando una colonna
       viene nascosta con display:none. */
    .us-compare-wrap {
        overflow: visible !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        width: 100% !important;
    }
    .us-compare-table {
        width: 100% !important;
        min-width: 0 !important;
        table-layout: fixed;
        background: #fff !important;
        color: #111 !important;
        font-size: 9.5pt !important;
        border: 1px solid #333 !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }
    .us-compare-table th,
    .us-compare-table td {
        border: 1px solid #333 !important;
        padding: 6px 8px !important;
        background: #fff !important;
        color: #111 !important;
    }
    .us-compare-table thead th { background: #eee !important; color: #111 !important; }
    .us-compare-table small { color: #333 !important; }

    /* Colonna "Piano ADVANCED": bordo completo esplicito su tutti i lati, incluso il
       destro, che altrimenti puo' non essere disegnato quando la colonna successiva
       ("Perche' passare all'Advanced?") e' nascosta in stampa. */
    .us-compare-advanced {
        background: #f5f5f5 !important;
        color: #111 !important;
        border: 1px solid #333 !important;
    }

    .us-compare-note {
        background: none !important;
        box-shadow: none !important;
        border: 1px solid #333 !important;
        border-radius: 0 !important;
        color: #111 !important;
    }
    .us-compare-note p, .us-compare-note strong { color: #111 !important; }

    .us-compare-benefit { display: none !important; }

    .us-print-benefits {
        break-inside: avoid;
        page-break-inside: avoid;
        margin-top: 14px;
        columns: 1;
    }
    .us-print-benefits h3 { font-size: 1.1rem; margin-bottom: 8px; color: #111 !important; }
    .us-print-benefits ul { margin: 0; padding-left: 18px; }
    .us-print-benefits li { margin-bottom: 8px; font-size: 10.5pt; break-inside: avoid; color: #111 !important; }
    .us-print-benefits li strong { display: inline; }

    /* Contatto: frase inserita subito prima del Copyright, in fondo all'ultima pagina */
    .us-print-contact {
        margin-top: 24px;
        margin-bottom: 450px; /* ~5 + 20 righe vuote per spostare il copyright piu' in basso */
        padding-top: 10px;
        font-size: 9.5pt;
        line-height: 1.4;
        color: #111 !important;
        text-align: center;
        font-weight: 600;
    }

    /* Copyright: compare solo una volta, in fondo all'ultima pagina (flusso normale
       di stampa, non "position: fixed" che lo ripeterebbe su ogni pagina) */
    .us-print-copy {
        margin-top: 24px;
        padding-top: 10px;
        border-top: 1px solid #ccc;
        font-size: 8.5pt;
        line-height: 1.4;
        color: #333 !important;
        text-align: center;
    }
}