/* Banner cookie UCN (disegno UX_design CeQyKJfQ, sì di gix 13/10). CookieYes resta: qui cambia solo l'aspetto, i testi
   li mette gix nel pannello di CookieYes. Il CSS di CookieYes arriva dopo questo file e i colori sono in style="":
   per questo «html body» davanti e !important sui colori. */

/* Computer: riquadro piccolo in basso a sinistra, lontano dal carrello */
html body .cky-consent-container { width: 340px; max-width: calc(100% - 32px); left: 16px; right: auto; top: auto; bottom: 16px; border-radius: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif }
html body .cky-consent-container .cky-consent-bar { border: 1px solid #111 !important; border-radius: 0; box-shadow: none; background: #fff !important }
html body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper { padding: 14px 16px 12px }
/* spazio vuoto di CookieYes sotto i pulsanti */
html body .cky-consent-bar .cky-notice-content-wrapper + div:empty { display: none }
html body .cky-notice .cky-title { padding: 0; margin: 0 0 6px; font-size: 15px; line-height: 1.25; font-weight: 700; color: #111 !important }
html body .cky-notice .cky-attribution-icon { display: none }
html body .cky-notice-group { position: relative }
html body .cky-notice-des { padding: 0; max-height: none; overflow: visible; font-size: 13px; line-height: 1.45; color: #333 !important }
html body .cky-notice-des * { font-size: 13px; line-height: 1.45 }
html body .cky-notice-des p { margin: 0 }

/* Rifiuta a sinistra, Accetta a destra: stessa misura, stesso nero, angoli dritti come i pulsanti del sito.
   Sotto: «Scegli tu» (il pulsante personalizza) come link magenta a sinistra, «Cookie policy» a destra */
html body .cky-notice-btn-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 12px 0 0; padding: 0 }
html body .cky-notice-btn-wrapper .cky-btn { width: auto; min-width: 0; max-width: none; margin: 0; padding: 10px 6px; border-radius: 0; border: 1px solid #111 !important; background: #111 !important; color: #fff !important; font-size: 14px; line-height: 20px; font-weight: 700; white-space: nowrap; filter: none }
html body .cky-notice-btn-wrapper .cky-btn-reject { order: 1 }
html body .cky-notice-btn-wrapper .cky-btn-accept { order: 2 }
html body .cky-notice-btn-wrapper .cky-btn-accept:hover, html body .cky-notice-btn-wrapper .cky-btn-reject:hover { background: #333 !important }
html body .cky-notice-btn-wrapper .cky-btn.cky-btn-customize { order: 3; grid-column: 1; justify-self: start; padding: 4px 0 0; border: 0 !important; background: none !important; color: #E5007D !important; font-size: 12px; line-height: 18px; font-weight: 400; text-decoration: underline; text-underline-offset: 2px }
/* link della cookie policy (si attiva nel pannello di CookieYes, «Read more»): sulla riga di «Scegli tu», a destra */
html body .cky-notice-des a.cky-policy, html body .cky-notice-des button.cky-policy { position: absolute; right: 0; bottom: 0; padding: 0; border: 0; font-size: 12px; line-height: 18px; color: #111 !important; text-decoration: underline; text-underline-offset: 2px }
html body .cky-consent-bar :focus-visible { outline: 2px solid #E5007D !important; outline-offset: 2px }

/* Telefono: barra in basso a tutta larghezza, circa un quarto dello schermo */
@media (max-width: 576px) {
  html body .cky-consent-container { width: 100%; max-width: 100%; left: 0; right: 0; bottom: 0 }
  html body .cky-consent-container .cky-consent-bar { border-width: 1px 0 0 !important; padding-bottom: env(safe-area-inset-bottom, 0px) }
  html body .cky-consent-container .cky-consent-bar .cky-notice-content-wrapper { padding: 12px 16px }
  html body .cky-notice .cky-title { font-size: 14px; margin-bottom: 4px }
  html body .cky-notice-des, html body .cky-notice-des * { font-size: 12.5px; line-height: 1.4 }
  html body .cky-notice-btn-wrapper { margin-top: 10px }
  html body .cky-notice-btn-wrapper .cky-btn { padding: 9px 4px }
}
/* iPhone SE e telefoni stretti: «Ablehnen» e «Akzeptieren» restano su una riga */
@media (max-width: 352px) {
  html body .cky-notice-btn-wrapper .cky-btn { font-size: 13px }
}

/* L'icona fissa blu non c'è più (copriva «Salva la parete»): le preferenze si riaprono dal link «Preferenze cookie»
   nel piè di pagina. Velo scuro e blocco dello scorrimento: CookieYes li usa solo con il pannello «Scegli tu» aperto */
html body .cky-btn-revisit-wrapper { display: none !important }

/* Pannello «Scegli tu»: categorie di oggi, colori UCN (nero e magenta, niente blu) */
html body .cky-modal { border-radius: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif }
html body .cky-preference-center { border-radius: 0; border: 1px solid #111 !important }
html body .cky-preference-header .cky-preference-title { color: #111 !important; font-weight: 700 }
html body .cky-preference-center a, html body .cky-preference-content-wrapper .cky-show-desc-btn { color: #E5007D !important }
html body .cky-accordion-header .cky-accordion-btn { color: #111 !important; font-weight: 700 }
html body .cky-accordion-header .cky-always-active, html body .cky-always-active { color: #111 !important; opacity: 1 !important; font-weight: 700 !important }
html body .cky-switch input[type="checkbox"]:checked { background: #E5007D !important }
html body .cky-prefrence-btn-wrapper .cky-btn { border-radius: 0; border: 1px solid #111 !important; background: #111 !important; color: #fff !important; font-weight: 700; filter: none }
html body .cky-prefrence-btn-wrapper .cky-btn:hover { background: #333 !important }
html body .cky-prefrence-btn-wrapper .cky-btn.cky-btn-preferences { background: #fff !important; color: #111 !important }
/* telefono: Rifiuta e Accetta affiancati come nel banner, «Salva le mie preferenze» sotto a tutta larghezza */
@media (max-width: 576px) {
  html body .cky-prefrence-btn-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 6px }
  html body .cky-prefrence-btn-wrapper .cky-btn { margin: 0; width: auto }
  html body .cky-prefrence-btn-wrapper .cky-btn-reject { order: 1 }
  html body .cky-prefrence-btn-wrapper .cky-btn-accept { order: 2 }
  html body .cky-prefrence-btn-wrapper .cky-btn-preferences { order: 3; grid-column: 1 / -1 }
}
html body .cky-modal :focus-visible { outline: 2px solid #E5007D !important; outline-offset: 2px }

/* «Scegli tu» aperto dal banner: niente velo scuro né blocco dello scorrimento (UX_design 13/10) */
html body .cky-overlay { display: none !important }
html body.cky-modal-open, html.cky-modal-open { overflow: auto !important }