/* ==========================================================================
   i Fichi — il banner dei cookie (inc/consenso.php · assets/js/consenso.js)
   --------------------------------------------------------------------------
   Gettoni dal foglio di stile dei Fichi (scripts/pubblica/stile-ifichi.css):
   notte #1A1A1A, crema #FAF3E0, oro #D4A843 solo sullo scuro, Anton per il titolo,
   Inter per tutto il resto, la «mano» Wasted Year fra parentesi, una curva sola.
   🔴 LEGGE, non gusto: «Accetto» e «No, grazie» hanno la STESSA forma, lo stesso colore
      e la stessa dimensione. La X chiude e vale come rifiuto.
   ========================================================================== */
.fi-cc{
  --cc-notte:#1A1A1A; --cc-crema:#FAF3E0; --cc-su-notte:#B7B2A5; --cc-oro:#D4A843;
  --cc-filo:rgba(250,243,224,.25); --cc-curva:cubic-bezier(.16,1,.3,1);
  position:fixed; left:24px; bottom:24px; z-index:2147483000;
  width:min(400px, calc(100vw - 48px)); max-height:calc(100vh - 48px); overflow:auto;
  padding:26px 26px 22px; box-sizing:border-box;
  background:var(--cc-notte); color:var(--cc-crema);
  border-radius:4px; box-shadow:0 18px 44px -18px rgba(0,0,0,.55);
  font-family:'Inter','Helvetica Neue',Arial,sans-serif; text-align:left;
  animation:fiCcEntra .8s var(--cc-curva) both;
}
.fi-cc[hidden]{ display:none }
@keyframes fiCcEntra{ from{ opacity:0; transform:translateY(18px) } to{ opacity:1; transform:none } }
@media (prefers-reduced-motion:reduce){ .fi-cc{ animation:none } }

.fi-cc p{ margin:0 }
.fi-cc__occhiello{
  font-size:11.5px; font-weight:600; line-height:1.15; letter-spacing:.22em; text-transform:uppercase;
  color:var(--cc-oro); margin:0 0 12px !important;
}
.fi-cc__titolo{
  font-family:'Anton','Arial Narrow',Impact,sans-serif; font-weight:400;
  font-size:38px; line-height:.96; letter-spacing:-.02em; text-transform:uppercase; color:var(--cc-crema);
}
.fi-cc__mano{
  font-family:'Wasted Year','Caveat',cursive; font-size:22px; line-height:1.3;
  color:var(--cc-oro); margin:10px 0 14px !important; transform:rotate(-2deg); transform-origin:left center;
}
.fi-cc__testo{ font-size:15px; line-height:1.55; color:var(--cc-su-notte); margin:0 0 20px !important }

.fi-cc__tasti{ display:grid; grid-template-columns:1fr 1fr; gap:10px }
.fi-cc__tasto{
  display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 14px; margin:0;
  font:700 13px/1.1 'Inter','Helvetica Neue',Arial,sans-serif; letter-spacing:.15em; text-transform:uppercase;
  color:var(--cc-crema); background:transparent; border:2px solid var(--cc-crema); border-radius:3px;
  cursor:pointer; transition:background .25s ease, color .25s ease;
}
.fi-cc__tasto:hover{ background:var(--cc-crema); color:var(--cc-notte) }

.fi-cc__piu{
  display:inline-block; margin-top:16px; font-size:13px; line-height:1.4;
  color:var(--cc-crema); text-decoration:none; border-bottom:1px solid var(--cc-filo);
  transition:border-color .25s ease;
}
.fi-cc__piu:hover{ border-bottom-color:currentColor }

.fi-cc__x{
  position:absolute; top:10px; right:10px; width:40px; height:40px; padding:0; margin:0;
  display:grid; place-items:center; background:transparent; border:0; border-radius:3px;
  color:var(--cc-crema); cursor:pointer; transition:background .25s ease;
}
.fi-cc__x:hover{ background:rgba(250,243,224,.1) }
.fi-cc__x svg{ width:14px; height:14px; stroke:currentColor; stroke-width:1.8; fill:none; stroke-linecap:round }

.fi-cc :focus-visible{ outline:2px solid var(--cc-oro); outline-offset:3px }

/* Sul telefono: una lastra in fondo allo schermo, a tutta larghezza. */
@media (max-width:520px){
  .fi-cc{ left:12px; right:12px; bottom:12px; width:auto; padding:22px 20px 18px }
  .fi-cc__titolo{ font-size:32px }
  .fi-cc__testo{ font-size:14.5px }
  .fi-cc__tasto{ letter-spacing:.1em; font-size:12.5px }
}