/* cookie-banner-expy.css: il banner cookie del kernel vestito da EXPY, in stile GLASS. 2026-08-20
 *
 * PERCHÉ ESISTE. Il banner non è nostro: lo inietta il kernel
 * (`registerCookieBanner`, chiamato in `apps/expy/servers/web_router.js`) e i suoi stili
 * stanno scritti dentro il JS del kernel
 * (`packages/core-kernel/src/services/compliance/compliance-pages-service.js`, funzione
 * `styles()`). Il kernel è condiviso da tutte le app del monorepo, quindi NON si tocca per
 * una questione di colore/estetica: si sovrascrive da fuori. Di suo il banner è una scatola
 * bianca opaca con accento indaco #4f46e5, che su EXPY stona.
 *
 * PERCHÉ I SELETTORI SONO COSÌ SPECIFICI. Quel CSS non arriva da un foglio in `<head>`:
 * il kernel crea a runtime uno `<style id="cc-k-styles">` e lo APPENDE all'head, cioè
 * DOPO questo file. A parità di specificità vincerebbe lui. Quindi ogni regola qui è
 * prefissata con `body` (0,2,0 contro 0,1,0 del kernel) e le dichiarazioni di colore
 * portano `!important`: reggono anche se un domani il kernel alzasse la propria specificità.
 *
 * STILE GLASS (2026-08-20, richiesta operatore: "tutti i cookie banner glass basati sul
 * sito di expy"). Ricetta dallo `.glass` del sito (`public/css/style.css`): fondo warm
 * translucido + `backdrop-filter: blur() saturate()` + bordo chiaro. Palette EXPY: rosso
 * tema #dc2626 sull'accento, testo #2e1914, angoli 20px, ombre morbide su rgba(46,25,20).
 *
 * DOVE VALE. Il banner compare su TUTTE le pagine di expy (il kernel lo inietta ovunque).
 * Questo foglio è incluso globalmente da un middleware in `web_router.js` (gemello EXPY di
 * `_makeInjection` del kernel: inietta il <link> prima di </head> su ogni risposta HTML),
 * quindi il vestito glass vale su tutte le pagine, non solo le due `views/partner-signup/`.
 */

/* ── Contenitore: vetro ────────────────────────────────────────────── */
body .cck {
  background: rgba(250, 249, 247, 0.72);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  backdrop-filter: blur(18px) saturate(180%);
  color: #2e1914;
  border: 1px solid rgba(255, 255, 255, 0.55);
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(46,25,20,0.05), 0 16px 42px rgba(46,25,20,0.16);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 13.5px;
  line-height: 1.5;
}

/* ── Testi ─────────────────────────────────────────────────────────── */
body .cck h2 {
  font-family: var(--font-display, 'Plus Jakarta Sans', sans-serif);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.2px;
  color: #2e1914;
}
body .cck p { color: rgba(46,25,20,0.68); }

/* Il kernel dichiara `.cck a{color:#4f46e5}`: qui il link segue il colore dell'AREA via
   --theme (settato sul <body>: blu #2563eb su destination, rosso #dc2626 su hotel,
   teal/azzurro #0e7490 su partner). Il banner è figlio di document.body → lo eredita.
   SECONDO TOKEN, --world: le pagine di onboarding (skin.css, <html class="world-*">) non
   usano --theme ma --world. Senza il doppio fallback il banner cadeva sul rosso hotel
   anche su /onboarding/destination, che è blu (misurato in pagina il 26/08/2026: .cck-p
   valeva rgb(220,38,38) con --world a #2563eb). Ordine: --theme, poi --world, poi il
   rosso EXPY. */
body .cck a {
  color: var(--theme, var(--world, #dc2626)) !important;
  text-underline-offset: 2px;
}

/* ── Bottoni ───────────────────────────────────────────────────────── */
body .cck-b {
  border-radius: 10px;
  font-family: inherit;
  transition: background-color 0.15s, border-color 0.15s;
}
/* Primario: pieno nel colore dell'area (--theme), testo bianco (accento netto sul vetro). */
body .cck-b.cck-p {
  background: var(--theme, var(--world, #dc2626)) !important;
  color: #fff !important;
  border-color: var(--theme, var(--world, #dc2626)) !important;
}
body .cck-b.cck-p:hover { background: var(--theme-hover, var(--world-hover, #b91c1c)) !important; }

/* Secondario «Solo necessari»: vetro chiaro, non un bianco pieno che spezza l'effetto. */
body .cck-b.cck-s {
  background: rgba(255,255,255,0.45) !important;
  color: #2e1914 !important;
  border-color: rgba(46,25,20,0.16) !important;
}
body .cck-b.cck-s:hover { background: rgba(255,255,255,0.7) !important; }

/* «Personalizza»: link testuale, nel colore dell'area. */
body .cck-l { color: var(--theme, var(--world, #dc2626)) !important; }

/* ── Pannello di dettaglio ─────────────────────────────────────────── */
body .cck-d { border-top: 1px solid rgba(46,25,20,0.10); }
body .cck-c .l { color: rgba(46,25,20,0.68); }
body .cck-c .l strong { color: #2e1914; }
/* Le spunte del banner devono essere dello stesso colore di quella dei Termini nel form. */
body .cck-c input[type="checkbox"] { accent-color: var(--theme, var(--world, #dc2626)); }

/* Etichette dei servizi (Google Analytics e simili): vetro caldo, non grigio freddo. */
body .cck-sv span {
  background: rgba(46,25,20,0.05);
  color: rgba(46,25,20,0.55);
  border-radius: 5px;
}
