/* ============================================================
   Airzoone — vestito del banner cookie del kernel
   Il banner arriva da /cookie-consent/banner.js (classi cck-*) e monta il suo
   stile a runtime in <style id="cc-k-styles">, DOPO il CSS della pagina: per
   questo qui i selettori partono da `html` (specificità maggiore) e i colori
   portano !important. Il colore lo legge da --cc-accent (prima voce della sua
   cascata). Palette e font del template biker chiaro: bianco + #e99115,
   Oswald maiuscolo per titoli e bottoni, Inter per il testo, angoli vivi.
   ============================================================ */
:root { --cc-accent: #e99115; }

html .cck {
  border-radius: 0;
  border-color: #e5e5e5;
  color: #0b0b0c;
  box-shadow: 0 10px 40px rgba(11, 11, 12, .25);
  padding: 20px 22px;
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  font-weight: 300;
}
html .cck h2 {
  font-family: "Oswald", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #0b0b0c;
}
html .cck p, html .cck-c .l { color: #52525b; }
html .cck-c .l strong { color: #0b0b0c; font-weight: 500; }
html .cck a, html .cck-l { color: #e99115 !important; text-underline-offset: 2px; }
html .cck a:hover, html .cck-l:hover { color: #c9790b !important; }

html .cck-b {
  border-radius: 0;
  padding: 12px 14px;
  font-family: "Oswald", system-ui, sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: background-color .15s, color .15s, border-color .15s;
}
html .cck-p { background: #e99115 !important; color: #ffffff !important; border-color: #e99115 !important; }
html .cck-p:hover { background: #c9790b !important; border-color: #c9790b !important; }
html .cck-s { background: #ffffff !important; color: #e99115 !important; border-color: #e99115 !important; }
html .cck-s:hover { background: #e99115 !important; color: #ffffff !important; }
html .cck-l { background: transparent !important; text-transform: none; letter-spacing: 0; font-family: "Inter", system-ui, sans-serif; font-size: 13px; }
html .cck-b:focus-visible, html .cck-l:focus-visible { outline: 2px solid #e99115; outline-offset: 2px; }

html .cck-d { border-top-color: #e5e5e5; }
html .cck-c input[type="checkbox"] { accent-color: #e99115; margin-top: 3px; }
html .cck-sv span { border-radius: 0; background: #f4f3ef; color: #52525b; }
