/* ==========================================================================
   AZETA — stile unico per il resto del sito
   --------------------------------------------------------------------------
   Le pagine del silo hanno azeta.css e il template a tela piena. Articoli,
   pagine di sistema e schede corte restano invece dentro GeneratePress:
   questo foglio porta lì la stessa tavolozza e la stessa scrittura, senza
   toccare il markup del tema.

   Il grosso del lavoro lo fanno le variabili: GeneratePress e GenerateBlocks
   costruiscono tutto su --contrast / --base / --accent, quindi basta
   riscriverle con i colori Azeta perché header, blocchi, bottoni e footer
   si adeguino da soli. Il resto sono i pochi punti che il tema fissa a mano.
   ========================================================================== */

:root{
  /* --- gli stessi token di azeta.css: unica fonte del colore ------------ */
  --az-brand:      #14395c;
  --az-brand-700:  #0e2842;
  --az-brand-600:  #1a4870;
  --az-brand-400:  #4d7ba6;
  --az-brand-050:  #eef3f8;
  --az-gold:       #a3760f;
  --az-gold-600:   #8a6309;
  --az-ink:        #10151c;
  --az-ink-2:      #39424e;
  --az-ink-3:      #6b7684;
  --az-bg:         #fbfaf9;
  --az-panel:      #ffffff;
  --az-line:       #e4e2de;
  --az-line-2:     #d1cec9;
  --az-font:       -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;

  /* --- la tavolozza del tema, riscritta con i colori Azeta -------------- */
  /* I ruoli restano quelli di GeneratePress: --contrast e' il testo piu'
     scuro, --base-3 il fondo pagina, --accent il colore d'azione.        */
  --contrast:   #10151c;
  --contrast-2: #39424e;
  --contrast-3: #6b7684;
  --base:       #e4e2de;
  --base-2:     #fbfaf9;
  --base-3:     #ffffff;
  --accent:     #14395c;
  --accent-2:   #a3760f;
}

/* ==========================================================================
   SCRITTURA
   Il tema imposta Poppins sul body; qui vale la stessa scala di azeta.css.
   ========================================================================== */
body,
button, input, select, textarea,
.gb-headline, .gb-button, .wp-block-button__link{
  font-family: var(--az-font);
}

body{
  background: var(--az-panel);
  color: var(--az-ink);
  font-size: 17px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1,h2,h3,h4,h5,h6,
.entry-title, .page-title, .gb-headline{
  color: var(--az-ink);
  letter-spacing: -.022em;
  line-height: 1.2;
}

h1, .entry-title, .page-title{
  font-size: 40px; line-height: 1.15; letter-spacing: -.03em; font-weight: 740;
}
h2{ font-size: 31px; line-height: 1.22; letter-spacing: -.026em; font-weight: 730; }
h3{ font-size: 21px; font-weight: 690; }
h4{ font-size: 16.5px; font-weight: 680; }

@media(max-width:760px){
  h1, .entry-title, .page-title{ font-size: 28px; }
  h2{ font-size: 24px; }
}

.entry-content p,
.entry-content li{ color: var(--az-ink-2); }

.entry-content > p:first-of-type{ font-size: 18.5px; color: var(--az-ink-2); }

/* ==========================================================================
   COLLEGAMENTI
   Il tema li fa rossi e li porta al verde al passaggio: qui navy e oro.
   ========================================================================== */
a{ color: var(--az-brand); }
a:hover, a:focus, a:active{ color: var(--az-gold); }

.entry-content a:not(.wp-block-button__link):not(.gb-button){
  text-decoration: underline;
  text-underline-offset: 2px;
  text-decoration-color: var(--az-line-2);
}
.entry-content a:not(.wp-block-button__link):not(.gb-button):hover{
  text-decoration-color: var(--az-gold);
}

/* ==========================================================================
   BOTTONI
   Stessa forma dei .btn di azeta.css: oro pieno, angoli 9px.
   ========================================================================== */
/* Solo i bottoni veri. .gb-button non va toccato in blocco: GenerateBlocks
   lo usa anche per i link di testo del footer e per le icone social, che
   un fondo non ce l'hanno mai avuto. L'unico bottone GenerateBlocks con un
   fondo dichiarato e' quello di testata, trattato piu' sotto. */
.wp-block-button__link,
.button, input[type="submit"],
.wpcf7-submit{
  background-color: var(--az-gold);
  color: #fff;
  border: none;
  border-radius: 9px;
  padding: 16px 30px;
  font: 660 16.5px/1 var(--az-font);
  text-decoration: none;
  transition: background .15s;
}
.wp-block-button__link:hover,
.button:hover, input[type="submit"]:hover,
.wpcf7-submit:hover{
  background-color: var(--az-gold-600);
  color: #fff;
}

/* ==========================================================================
   TABELLE — le stesse di azeta.css
   ========================================================================== */
.entry-content table{
  width: 100%; border-collapse: collapse; font-size: 15px;
  background: var(--az-panel); border: 1px solid var(--az-line);
  border-radius: 11px; overflow: hidden; margin: 18px 0;
}
.entry-content th{
  text-align: left; background: var(--az-brand-050);
  font-size: 11px; letter-spacing: .07em; text-transform: uppercase;
  color: var(--az-ink-2); padding: 12px 15px; font-weight: 750;
  vertical-align: bottom; border: none;
}
.entry-content td{
  padding: 13px 15px; border: none; border-top: 1px solid var(--az-line);
  vertical-align: top; color: var(--az-ink-2);
}

/* ==========================================================================
   CITAZIONI E CODICE
   ========================================================================== */
.entry-content blockquote{
  border-left: 3px solid var(--az-gold);
  background: var(--az-brand-050);
  margin: 22px 0; padding: 16px 20px;
  color: var(--az-ink-2); font-style: normal;
}
.entry-content blockquote p:last-child{ margin-bottom: 0; }

/* ==========================================================================
   INDICE DEI CONTENUTI
   Easy TOC arriva col suo grigio: qui prende i colori di casa.
   ========================================================================== */
#ez-toc-container{
  background: var(--az-brand-050);
  border: 1px solid var(--az-line);
  border-radius: 11px;
  box-shadow: none;
}
#ez-toc-container a{ color: var(--az-brand); }
#ez-toc-container a:hover{ color: var(--az-gold); }

/* ==========================================================================
   FOOTER
   Era quasi nero. Nel silo il footer e' navy scuro: qui lo stesso.
   L'identificativo del contenitore lo assegna GenerateBlocks e non cambia
   finche' il blocco non viene ricreato.
   ========================================================================== */
body .gb-container-c13ca7a2{ background-color: var(--az-brand-700); }

/* ==========================================================================
   MODULI
   ========================================================================== */
input[type="text"], input[type="email"], input[type="tel"],
input[type="url"], input[type="password"], textarea, select{
  border: 1px solid var(--az-line-2);
  border-radius: 9px;
  padding: 12px 14px;
  font: 16px/1.4 var(--az-font);
  color: var(--az-ink);
  background: var(--az-panel);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
textarea:focus, select:focus{
  outline: none;
  border-color: var(--az-brand-400);
  box-shadow: 0 0 0 3px rgba(77,123,166,.18);
}

/* ==========================================================================
   GLI ULTIMI PUNTI CHE IL TEMA FISSA A MANO
   GenerateBlocks scrive il colore dentro il blocco, quindi qui non basta
   la variabile: servono i selettori dei singoli blocchi. Gli identificativi
   li assegna GenerateBlocks e restano finche' il blocco non viene ricreato.
   ========================================================================== */

/* Il bottone di testata e quello del footer erano rossi e ora seguirebbero
   --accent, che qui e' il navy dei collegamenti. Ma sono le chiamate
   all'azione principali: nel silo sono oro, e oro devono essere. */
body .gb-button-wrapper a.gb-button-d2d58e21,
body .gb-button-wrapper a.gb-button-d2d58e21:visited,
.wp-block-button__link.wp-element-button{
  background-color: var(--az-gold);
  color: #fff;
}
body .gb-button-wrapper a.gb-button-d2d58e21:hover,
.wp-block-button__link.wp-element-button:hover{
  background-color: var(--az-gold-600);
  color: #fff;
}

/* L'etichetta della categoria sopra la foto dell'articolo era l'ultimo
   rosso rimasto. Nel silo la stessa cosa e' .kicker: contorno chiaro su
   fondo scuro, senza riempimento. */
body p.gb-headline-321bdc15{
  background-color: transparent;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 20px;
  padding: 6px 13px;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}