/* =========================================================== Ri-brandizzazione del componente cookie consent condiviso (site-prefs.css/.js, invariati) sulla palette AL Genesis. Va caricato DOPO site-prefs.css. =========================================================== */ :root{ --ck-dark: var(--c-black); --ck-on-dark: var(--c-ivory); --ck-ink: var(--c-black); --ck-lime: var(--c-bronze); --ck-line: rgba(242,238,231,.14); --ck-text: #cfccc3; --ck-text-2: #b9b6ad; --ck-sans: var(--font-sans); } /* Il sistema grafico AL Genesis e' spigoloso (punto/linea/campo), non a pillola. */ .ck{ border-radius: var(--radius-md); } /* L'hero (e altre sezioni) hanno testo ancorato a sinistra (variante A approvata): un banner in basso a sinistra ci finirebbe sopra. Il banner (non il pannello preferenze, che resta centrato) va spostato in basso a destra. */ .ck:not(.prefs){ left: auto; right: clamp(14px, 3vw, 26px); } /* Su mobile la CTA sticky occupa la stessa fascia in fondo allo schermo del banner cookie: quando e' visibile (classe su da main.js), il banner si alza per non sovrapporsi. */ @media (max-width: 899px){ body.has-sticky-cta .ck:not(.prefs){ bottom: calc(clamp(14px, 3vw, 26px) + 66px); } } .ck-btn{ border-radius: var(--radius-sm); } .ck-cat{ border-radius: var(--radius-sm); } .ck-cat .badge{ border-radius: var(--radius-sm); }