/*
 * Il livello di un'intestazione e' SEMANTICA, la dimensione e' CSS.
 *
 * Audit TxDOT §2.2 (DGWGEOWORK-9109) — WCAG 2.4.6 Headings and Labels, 1.3.1 Info and
 * Relationships. Chi usa uno screen reader naviga la pagina saltando di intestazione in
 * intestazione (tasto H in NVDA): il livello dice "dove sono nella gerarchia", e una pagina
 * il cui titolo e' un <h4> risulta senza intestazione di primo livello.
 *
 * IL PROBLEMA CHE QUESTO FILE RISOLVE.
 * Nel tema (Bootstrap + Metronic) il font-size dei titoli di modale/pannello arrivava
 * INTERAMENTE dal tag: ne' `.modal-title` ne' `.panel-title` hanno un `font-size` proprio.
 * Promuovere <h4> a <h1> per correggere la semantica avrebbe quindi portato il titolo da
 * 18px a 36px in decine di schermate — cioe' un cambio grafico non richiesto, che e'
 * esattamente il motivo per cui in passato si sceglieva il tag "che sembrava giusto"
 * invece di quello corretto.
 *
 * Fissando qui la dimensione, il livello torna a essere una scelta libera: si mette
 * l'intestazione al livello che la struttura richiede e l'aspetto non cambia.
 *
 * SICUREZZA DEL SELETTORE.
 * Ogni regola qui e' qualificata dal TAG (`h1.modal-title`, non `.modal-title`): puo'
 * quindi toccare solo elementi che prima non esistevano — nel repo non c'era alcun
 * `<h1 class="modal-title">`. I `<div class="modal-title">` (titolo trascluso) e gli
 * <h4> non ancora convertiti restano esattamente come sono.
 *
 * Sta in Common/Styles perche' e' la cartella pescata sia da `app.min.css` (applicazione e
 * shell menuless) sia da `common.min.css` (pagine frontend), via GetCssInFolder in
 * App_Start/Bundling/. bundles.json e' RIGENERATO a ogni avvio e non va editato a mano.
 */

/*
 * Titoli di modale. 18px = la dimensione di h4 nel tema
 * (libs/bootstrap/css/bootstrap.css → "h4, .h4 { font-size: 18px }"), cioe' l'aspetto
 * identico a prima della promozione.
 * Specificita' (0,1,1): resta sotto alla regola del layout compatto del wizard fullscreen
 * (".modal-header--compact > .mh-body .modal-title", (0,3,0)), che continua a imporre i
 * suoi 15px dove previsto.
 */
h1.modal-title,
h2.modal-title,
h3.modal-title {
    font-size: 18px;
    /* h1/h2 hanno margini verticali propri, .modal-title di Bootstrap li azzera gia'
       (`margin: 0`); lo si ribadisce perche' la regola di Bootstrap non e' qualificata per
       tag e in RTL viene ricaricata da un foglio diverso. */
    margin: 0;
}

/*
 * NIENTE regola per .panel-title (titoli dei pannelli di uib-accordion), ed e' deliberato.
 * Misurato sulla pagina reale: Bootstrap dichiara `.panel-title { font-size: 16px; margin: 0 }`
 * SENZA qualificare il tag, quindi la dimensione non dipende dal livello e cambiare <h4> in
 * <h2> non sposta un pixel. Aggiungere qui un pin sarebbe stato peggio che inutile: una prima
 * versione ci aveva messo 18px, cioe' avrebbe portato i titoli dei pannelli da 16px a 18px e
 * avrebbe anche scavalcato l'override piu' specifico `.gw-uipref-panel .panel-title` (14px).
 * La regola per .modal-title qui sopra serve proprio perche' quello, al contrario, NON ha un
 * font-size proprio: prima di generalizzare, verificare sempre il caso specifico.
 */