/* =====================================================================
   PROVA — cappello dello chef al posto della lineetta dorata

   Sostituisce il trattino di .kicker.light (l'occhiello sopra il titolo
   degli hero, su fondo scuro) con la sagoma del cappello, nello stile
   della favicon. La sagoma e' una maschera, quindi il colore lo decide
   background-color: cambiarlo cambia la tinta senza rifare l'icona.

   ROLLBACK: cancella questo file.
       rm web/app/themes/aic-verona/public/aic-prova-kicker.css
   L'aggancio in app/setup.php e' condizionato all'esistenza del file,
   quindi non serve toccare altro e non resta nulla da ripulire.

   Due note tecniche:
   - si parte da "html" perche' app.css viene stampato DOPO questo foglio
     (lo inserisce Vite dentro il layout, non in wp_head): a parita' di
     peso vincerebbe la regola originale;
   - l'SVG usa apici singoli e ha <, > e # codificati, altrimenti le
     virgolette chiudono in anticipo la stringa di url().
   ===================================================================== */

html .kicker.light::before {
  width: 20px;
  height: 20px;
  background: none;
  background-color: var(--gold-soft);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6.4' r='3.9'/%3E%3Ccircle cx='6.5' cy='8.6' r='3.3'/%3E%3Ccircle cx='17.5' cy='8.6' r='3.3'/%3E%3Crect x='6' y='8' width='12' height='7.1' rx='0.5'/%3E%3Crect x='5.7' y='16.6' width='12.6' height='5' rx='1.3'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='6.4' r='3.9'/%3E%3Ccircle cx='6.5' cy='8.6' r='3.3'/%3E%3Ccircle cx='17.5' cy='8.6' r='3.3'/%3E%3Crect x='6' y='8' width='12' height='7.1' rx='0.5'/%3E%3Crect x='5.7' y='16.6' width='12.6' height='5' rx='1.3'/%3E%3C/svg%3E") no-repeat center / contain;
}