/* pannello cookie compatto, in basso a sinistra (a tutta larghezza sul telefono) */
.ck {
  position: fixed; left: 1.25rem; bottom: 1.25rem; z-index: 990;
  width: min(390px, calc(100vw - 2.5rem));
  background: #131C1E; color: #EEF1F0;
  border: 1px solid rgba(238,241,240, .12);
  border-radius: 14px;
  padding: 1.1rem 1.15rem 1rem;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .5);
  font-family: 'Archivo', system-ui, sans-serif;
  animation: ckIn .45s cubic-bezier(.16, 1, .3, 1) both;
}
.ck[hidden] { display: none; }
@keyframes ckIn { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.ck-t {
  font-family: 'Archivo', 'Arial Narrow', sans-serif; font-weight: 700; font-stretch: 78%;
  font-size: .68rem; letter-spacing: .14em; text-transform: uppercase;
  color: #EC8502; margin: 0 0 .45rem;
}
.ck-txt { font-size: .84rem; line-height: 1.55; color: #A5A1A2; margin: 0; }
.ck-txt a { color: #EEF1F0; text-decoration: underline; text-underline-offset: 3px; }
.ck-opts { margin-top: .9rem; display: grid; gap: .55rem; }
.ck-opts[hidden] { display: none; }
.ck-opt { display: flex; gap: .6rem; align-items: flex-start; font-size: .8rem; line-height: 1.45; color: #A5A1A2; cursor: pointer; }
.ck-opt b { display: block; color: #EEF1F0; font-weight: 500; }
.ck-opt input { margin-top: .2rem; accent-color: #EC8502; width: 1rem; height: 1rem; flex: none; }
.ck-actions { display: flex; gap: .5rem; margin-top: 1rem; }
.ck-btn {
  flex: 1; font: 500 .8rem/1 'Archivo', system-ui, sans-serif;
  padding: .75rem .6rem; border-radius: 999px; cursor: pointer;
  border: 1px solid rgba(238,241,240, .28); background: transparent; color: #EEF1F0;
  transition: background .2s ease, border-color .2s ease, transform .15s ease;
}
.ck-btn:hover { border-color: #EEF1F0; }
.ck-btn:active { transform: scale(.97); }
.ck-btn:focus-visible { outline: 2px solid #EC8502; outline-offset: 2px; }
.ck-link { border-color: transparent; text-decoration: underline; text-underline-offset: 3px; }
/* Rifiuta e Accetta con lo stesso peso visivo (linee guida Garante privacy) */
.ck-btn[data-ck="rifiuta"], .ck-yes { background: rgba(238,241,240, .08); }
@media (max-width: 640px) {
  .ck { left: .75rem; right: .75rem; bottom: .75rem; width: auto; }
}
@media (prefers-reduced-motion: reduce) { .ck { animation: none; } }