/* ============================================================================
   Costruire SRL - pagine legali e dati societari nel pie' di pagina.

   TRE COSE, E LA PRIMA E' UN DIFETTO VERO

   1. I collegamenti dentro le pagine legali erano oro (#c9a45c) su bianco:
      2,25 a 1 di contrasto. La soglia per un testo normale e' 4,5 a 1. In una
      pagina dove il collegamento porta all'indirizzo per esercitare i propri
      diritti, un collegamento che non si vede non e' un dettaglio estetico.
      Nemmeno l'oro scuro basta (#b78d3b su bianco = 3,05 a 1).
      Qui il testo diventa scuro (circa 16 a 1) e il segnale "questo e' un
      collegamento" lo porta la sottolineatura, non il colore: vale anche per
      chi non distingue l'oro dal grigio. L'oro resta, sotto la riga.

   2. Gli elenchi delle pagine legali non avevano nessuno stile: i pallini
      finivano fuori dal riquadro bianco e le voci stavano attaccate.

   3. I dati societari del pie' di pagina (sede, Registro Imprese, REA,
      capitale sociale) sono obbligatori per legge e sono tanti: senza una
      riga d'interlinea decente diventano un blocco illeggibile.
   ========================================================================= */

/* ------------------------------------- collegamenti leggibili nelle legali */

.legal-section a{
    color: var(--dark, #1d1d1b);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--primary, #c9a45c);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    transition: color .25s ease, text-decoration-color .25s ease;
}

.legal-section a:hover,
.legal-section a:focus-visible{
    color: var(--primary-dark, #b78d3b);
    text-decoration-color: var(--primary-dark, #b78d3b);
}

.legal-section a:focus-visible{
    outline: 3px solid var(--primary-dark, #b78d3b);
    outline-offset: 3px;
    border-radius: 2px;
}

/* ------------------------------------------- elenchi delle pagine legali */

.legal-elenco{
    margin: 14px 0 0;
    padding-left: 22px;
    list-style: none;
}

.legal-elenco li{
    position: relative;
    margin-bottom: 13px;
    color: var(--text-soft, #55554f);
    font-size: 16px;
    line-height: 1.8;
}

.legal-elenco li:last-child{ margin-bottom: 0 }

/* un filetto d'oro al posto del pallino: resta dentro il riquadro */
.legal-elenco li::before{
    content: "";
    position: absolute;
    left: -22px;
    top: .72em;
    width: 10px;
    height: 2px;
    background: var(--primary, #c9a45c);
}

.legal-section strong{ color: var(--dark, #1d1d1b); font-weight: 700 }

/* ----------------------------------- dati societari nel pie' di pagina */

.footer-legale{
    margin: 0 0 16px;
    font-size: 13.5px;
    line-height: 1.85;
    opacity: .82;
}

/* ==========================================================================
   Intestazioni del pie di pagina: livelli corretti, aspetto identico.

   Nel pie di pagina h3 e diventato h2 e h4 e diventato h3, per non
   saltare un livello rispetto all h1 della pagina. Ma style.css da le
   dimensioni ai NOMI dei tag, e un h2 generico su questo sito e 69,6 px
   in Bodoni Moda: senza queste righe il pie di pagina esploderebbe.

   I valori qui sotto sono stati MISURATI in pagina prima del cambio,
   non scelti: 22 px Manrope oro per il titolo di colonna, 16 px Inter
   bianco all 84% per il sottotitolo. Se un giorno cambiano in
   style.css, vanno cambiati anche qui.

   Questo file si carica DOPO style.css, quindi a pari specificita
   (una classe + un tag) vince. Non serve !important.
   ======================================================================== */

/* era .footer-links h3 / .footer-contact h3 */
.footer-contact h2,
.footer-links h2{
    color: var(--primary, #c9a45c);
    font-family: var(--font-heading, Manrope, sans-serif);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
}

/* era .footer-contact h4 / .footer-social h4 */
.footer-contact h3,
.footer-links h3,
.footer-social h3{
    color: rgba(255, 255, 255, .84);
    font-family: var(--font-body, Inter, sans-serif);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0;
}