/*
 * CookieYes – override difensivi per conformità Garante / EDPB.
 *
 * Obiettivi:
 *  1. Pari dignità grafica tra "Accetta tutti" e "Rifiuta tutti"
 *     (stessa larghezza minima, stesso font-size, stesso peso, stesso padding,
 *     stessa altezza di hit area). Lo stile può differire (es. solid vs outline)
 *     purché la prominenza visiva sia equivalente.
 *  2. Pulsante X (close) ben visibile, con hit area >= 32x32 e contrasto alto.
 *     La X deve essere configurata in CookieYes come "equivale a rifiuto".
 *  3. Banner leggibile su mobile, con scroll interno se troppo lungo.
 *
 * Questi stili sono difensivi: il pannello CookieYes resta la fonte di verità.
 * Selettori basati su CookieYes v3 (cdn-cookieyes.com/client_data/.../script.js).
 */

/* -------- Reset bottoni del banner: pari dignità -------- */
.cky-consent-bar .cky-btn,
.cky-modal .cky-btn,
.cky-revisit-bottom-left .cky-btn {
  min-width: 8.5rem !important;
  min-height: 44px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  padding: 0.6rem 1.1rem !important;
  border-radius: 10px !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* I 3 pulsanti principali devono avere stessa larghezza target su desktop */
.cky-btn-accept,
.cky-btn-reject,
.cky-btn-customize {
  flex: 1 1 auto !important;
}

/* Pulsante "Rifiuta" — outline ma con stessa enfasi del primario */
.cky-btn-reject {
  background-color: transparent !important;
  border: 2px solid currentColor !important;
}

.cky-btn-reject:hover,
.cky-btn-reject:focus-visible {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

/* Pulsante "Personalizza" – stessa famiglia visiva, leggermente meno enfasi */
.cky-btn-customize {
  background-color: transparent !important;
  border: 1.5px solid currentColor !important;
  opacity: 0.95;
}

/* -------- Focus state accessibile su tutti i bottoni del banner -------- */
.cky-consent-bar .cky-btn:focus-visible,
.cky-modal .cky-btn:focus-visible {
  outline: 3px solid #ef7a5a !important;
  outline-offset: 2px !important;
}

/* -------- X di chiusura (close banner) -------- */
.cky-banner-btn-close,
.cky-btn-close {
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.06) !important;
  transition: background 0.15s ease;
}

.cky-banner-btn-close:hover,
.cky-banner-btn-close:focus-visible,
.cky-btn-close:hover,
.cky-btn-close:focus-visible {
  background: rgba(0, 0, 0, 0.12) !important;
  outline: 2px solid #ef7a5a !important;
  outline-offset: 1px !important;
}

.cky-banner-btn-close img,
.cky-banner-btn-close svg,
.cky-btn-close img,
.cky-btn-close svg {
  width: 14px !important;
  height: 14px !important;
  opacity: 1 !important;
}

/* -------- Banner: layout responsive -------- */
.cky-consent-bar {
  max-height: 90vh !important;
  overflow-y: auto !important;
}

.cky-consent-bar .cky-btn-actions,
.cky-consent-bar .cky-btn-wrapper,
.cky-consent-bar .cky-buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
  align-items: stretch !important;
}

@media (max-width: 640px) {
  .cky-consent-bar .cky-btn,
  .cky-modal .cky-btn {
    flex: 1 1 100% !important;
    min-width: 0 !important;
  }
}

/* -------- Icona fluttuante "revisit consent" -------- */
.cky-revisit-bottom-left {
  z-index: 9990 !important;
}

.cky-revisit-bottom-left:focus-within {
  outline: 3px solid #ef7a5a !important;
  outline-offset: 2px !important;
}

/* -------- Dark mode: contrasto sui rifiuta/personalizza -------- */
html[data-theme='dark'] .cky-btn-reject:hover,
html[data-theme='dark'] .cky-btn-reject:focus-visible {
  background-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme='dark'] .cky-banner-btn-close,
html[data-theme='dark'] .cky-btn-close {
  background: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme='dark'] .cky-banner-btn-close:hover,
html[data-theme='dark'] .cky-btn-close:hover {
  background: rgba(255, 255, 255, 0.18) !important;
}

/* -------- Riduzione motion: rispetta prefers-reduced-motion -------- */
@media (prefers-reduced-motion: reduce) {
  .cky-consent-bar,
  .cky-modal,
  .cky-banner-btn-close,
  .cky-btn-close,
  .cky-btn {
    transition: none !important;
    animation: none !important;
  }
}