/*
 * Veste grafica del banner e del pannello cookie (wcookie.js) per il sito di
 * Lidia Gatto.
 *
 * wcookie.js e' identico a quello di wonderland.mi.it e non va toccato: si
 * porta dietro il proprio foglio di stile e se lo aggiunge da solo in coda a
 * <head>, quindi le sue regole arrivano DOPO quelle della pagina. Per
 * sovrascriverle non basta riscriverle uguali: serve un selettore piu'
 * specifico. Da qui i due appigli usati qui sotto:
 *   html:root  batte  :root         (0,1,1) contro (0,1,0)
 *   body .wc-* batte  .wc-*         (0,1,1) contro (0,1,0)
 * Cosi' il banner prende la palette e i caratteri della landing (navy,
 * azzurro, Montserrat, angoli vivi) restando un file condiviso e aggiornabile
 * da una parte sola.
 */

html:root {
  --wc-ink: #191919;            /* --dark-text */
  --wc-primario: #1374bb;       /* --sky       */
  --wc-primario-scuro: #1d386a; /* --navy      */
  --wc-bordo: rgba(29,56,106,.15);
  --wc-sfondo: #ffffff;
  --wc-crema: #F3F5FA;          /* --light-bg  */
}

body .wc-barra, body .wc-modale { font-family: 'PT Sans', sans-serif; }

/* Titoli e bottoni seguono le maiuscole spaziate di Montserrat, come il resto
   del sito; niente pillole arrotondate, la landing usa angoli vivi. */
body .wc-titolo {
  font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 1rem;
  text-transform: uppercase; letter-spacing: .04em;
}
body .wc-cat-nome { font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: .95rem; }
body .wc-btn {
  font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase; border-radius: 0; padding: 13px 34px;
}
body .wc-sempre { font-family: 'Montserrat', sans-serif; border-radius: 0; }
body .wc-riquadro { border-radius: 0; border-top: 3px solid var(--wc-primario); }