/* Banner cookie - foglio autonomo.
 * Non dipende dalle classi delle altre pagine: privacy.html ha un CSS suo,
 * quindi qui i bottoni sono definiti per intero. */
.ck-banner{position:fixed;left:0;right:0;bottom:0;z-index:140;
  font-family:var(--sans,'Montserrat',system-ui,sans-serif);
  background:rgba(18,18,20,.97);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-top:1px solid rgba(200,163,73,.32);
  padding:16px 0 calc(16px + env(safe-area-inset-bottom));
  transform:translateY(102%);transition:transform .28s cubic-bezier(.2,.7,.2,1)}
.ck-banner.ck-on{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.ck-banner{transition:none}}

.ck-inner{width:min(1140px,100%);margin-inline:auto;
  padding-inline:clamp(18px,5vw,40px);display:grid;gap:14px}
@media(min-width:820px){.ck-inner{grid-template-columns:1fr auto;align-items:center;gap:28px}}

.ck-txt{max-width:72ch}
.ck-t{font-family:var(--display,'Fraunces',serif);font-weight:600;font-size:16px;
  color:var(--ink,#eceae4);margin:0 0 4px;line-height:1.3}
.ck-txt p{font-size:13.5px;color:var(--ink-2,#b4b2aa);line-height:1.55;margin:0}
.ck-txt a{color:var(--gold-2,#d9b862);text-decoration:underline;text-underline-offset:3px}

/* i due tasti hanno lo stesso peso visivo: rifiutare costa quanto accettare */
.ck-btns{display:flex;gap:10px}
.ck-btns button{flex:1;min-height:48px;padding:12px 20px;
  font-family:inherit;font-weight:800;font-size:14.5px;letter-spacing:.01em;
  border-radius:14px;border:2px solid transparent;cursor:pointer;white-space:nowrap;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),background .2s,border-color .2s}
.ck-btns button:hover{transform:translateY(-2px)}
.ck-btns button:active{transform:translateY(0)}
.ck-btns [data-ck="si"]{background:var(--gold,#c8a349);color:#141210}
.ck-btns [data-ck="si"]:hover{background:var(--gold-2,#d9b862)}
.ck-btns [data-ck="no"]{background:transparent;color:var(--ink,#eceae4);
  border-color:var(--line-2,rgba(255,255,255,.14))}
.ck-btns [data-ck="no"]:hover{border-color:var(--ink,#eceae4)}
.ck-btns button:focus-visible{outline:2.5px solid var(--gold,#c8a349);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.ck-btns button{transition:none}.ck-btns button:hover{transform:none}}
@media(min-width:820px){.ck-btns button{flex:0 0 auto;min-width:132px}}

/* Su mobile il banner sta SOPRA la barra chiamata invece di coprirla:
   chi e' fermo in strada deve poter chiamare senza prima gestire i cookie. */
@media(max-width:899px){
  .ck-banner:not(.ck-solo){bottom:78px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
  /* 200 di banner + 78 di barra chiamata: sotto questo valore il footer
     resta nascosto dietro al banner */
  body:has(.ck-banner.ck-on){padding-bottom:300px}
}