/* =====================================================================
   SKOOB · skin "Deserto" sopra il motore Pagenus — pagine NON home
   (funnel gate/bonus, contatti, chi siamo, pagine legali, footer, cookie).
   Solo override di CSS: nessun template copiato. Palette = design/palette-skoob.json
   (le --pg-* arrivano anche da pg_palette_css() sulle pagine del funnel).
   Composizione del funnel e footer: funnel.css (prototipo approvato design/bonus-gate.html).
   ===================================================================== */
:root{
  color-scheme:light;
  /* palette (chiavi pg_palette_fields) */
  --pg-accent:#56622a; --pg-accent-d:#3f4b1f; --pg-tint:#e7e9d2;
  --pg-ink:#1f1a14; --pg-ink2:#4a4034; --pg-muted:#6e6252;
  --pg-bg:#efe7d8; --pg-surface:#ffffff; --pg-line:#e0d3bf; --pg-star:#8f5c0c;
  /* token extra della skin */
  --sand-deep:#e5dbcc; --dune:#d6c4a6; --ok:#3d6b35; --ok-bg:#eaf0dc; --hl:#e3cf9e;
  /* variabili del tema (skoob.css) rimappate sulla palette: niente indaco/viola */
  --ink:var(--pg-ink); --ink-2:var(--pg-ink2); --muted:var(--pg-muted);
  --page:var(--pg-bg); --surface:var(--pg-surface); --surface-2:#f7f2e9;
  --line:var(--pg-line); --line-2:#d9cab2;
  --accent:var(--pg-accent); --accent-600:var(--pg-accent-d); --accent-700:var(--pg-accent-d);
  --accent-tint:var(--pg-tint); --accent-ring:rgba(86,98,42,.22); --teal:var(--dune);
  --shadow-sm:0 1px 2px rgba(60,42,18,.06);
  --shadow:0 18px 40px -24px rgba(60,42,18,.38);
  --shadow-lg:0 40px 80px -46px rgba(60,42,18,.5);
  /* tipografia: Archivo per il testo, Rubik per i titoli (una sola variabile) */
  --font:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-title:"Rubik",ui-sans-serif,system-ui,sans-serif;
  --r-s:4px; --r-m:8px; --r-l:14px;
}
html{background:var(--pg-bg)}
body,.pg-body{font-family:var(--font)}
:focus-visible{outline:2.5px solid var(--pg-accent);outline-offset:3px}

/* Sfondo: sabbia + grana carta + curve di livello delle dune (al posto di bg-waves.png viola) */
body:not(.pgn-home-deck) .skoob-bg,.pg-body .pg-bg-shapes{
  background:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800' preserveAspectRatio='xMidYMid slice' fill='none' stroke='%23d6c4a6' stroke-width='1.2' opacity='.55'><path d='M-20 520C160 470 300 430 460 450S760 540 930 500 1150 400 1240 380'/><path d='M-20 545C170 498 310 460 465 478S755 566 932 527 1150 428 1240 410'/><path d='M-20 572C180 528 320 492 470 508S750 594 934 556 1150 458 1240 442'/><path d='M-20 600C190 560 330 526 475 540S745 624 936 586 1150 490 1240 476'/><path d='M-20 300C120 270 250 220 380 230S600 300 740 290 980 200 1240 180'/><path d='M-20 326C130 298 258 250 385 258S598 326 742 318 982 230 1240 212'/><path d='M-20 354C140 328 266 282 390 288S596 354 744 348 984 262 1240 246'/></svg>") center top / cover no-repeat,
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .32 0 0 0 0 .25 0 0 0 0 .16 0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"),
    var(--pg-bg) !important;
}
body:not(.pgn-home-deck) .skoob-bg__grid{display:none}
.pg-body .pg-bg-shapes::before,.pg-body .pg-bg-shapes::after{display:none}

/* Niente tema scuro né pulsanti tema (vincolo: sempre beige deserto + bianco) */
.pgn-theme-toggle,.pgn-theme-fab{display:none!important}
.pgn-logo--dark{display:none!important}
/* Numero di build: discreto, senza viola */
.pgn-ver{color:var(--pg-muted)!important;opacity:.55!important}

/* Titoli in Rubik */
.pg-body h1,.pg-body h2,.pg-body h3,.pg-hero__title,.pg-card__title,.pg-review-req__title,.pg-bonuscard__title,
.pg-eserc__title,.pg-stats__n,.skoob-doc__title,.skoob-faq__title,.skoob-rl__title,.skoob-rd__title,.skoob-au__title,
.pg-about-hero h1,.pg-about h2{font-family:var(--font-title);letter-spacing:-.02em}

/* ---------- Quadratini lingua (stessa famiglia della home) ---------- */
.skoob-langsq{display:flex;gap:4px;align-items:center}
.skoob-langsq .skoob-flag,.skoob-langsq .skoob-sq{text-decoration:none;width:32px;height:32px;display:grid;place-items:center;padding:0;margin:0;border:1.5px solid var(--pg-ink);border-radius:4px;background:var(--pg-surface);font:750 11.5px/1 var(--font);letter-spacing:.04em;color:var(--pg-ink2);box-shadow:none;cursor:pointer;transition:background .15s,color .15s}
.skoob-langsq .skoob-flag,.skoob-langsq .skoob-sq{position:static!important;transform:none!important;flex:none}
.skoob-langsq .skoob-sq{cursor:default}
.skoob-langsq .skoob-sq--link{cursor:pointer}
.skoob-langsq .skoob-sq--link:hover,.skoob-langsq .skoob-flag:hover{background:var(--pg-tint);color:var(--pg-ink)}
.skoob-langsq .is-active{background:linear-gradient(180deg,#3d3428 0 50%,#2a231b 50%)!important;color:#f1e4c9!important;border-color:#1f1a14!important}
.skoob-langsq--show .skoob-sq:not(.is-active){opacity:.45}
@media(max-width:400px){.skoob-langsq{gap:3px}.skoob-langsq .skoob-flag,.skoob-langsq .skoob-sq{width:27px;height:27px;font-size:10px}}

/* ---------- Logo ufficiale (PNG 1000x1000): il riquadro taglia il margine trasparente ---------- */
.pg-body .pg-brand,.skoob-doc .skoob-brand{display:block;position:relative;width:84px;height:93px;overflow:hidden;flex:none}
.pg-body .pg-brand img.pgn-logo--light{position:absolute;width:122px!important;height:122px!important;left:-19px;top:-15px;max-width:none}
@media(max-width:719px){
  .pg-body .pg-brand,.skoob-doc .skoob-brand{width:58px;height:64px}
  .pg-body .pg-brand img.pgn-logo--light{width:84px!important;height:84px!important;left:-13px;top:-10px}
}

/* =====================================================================
   PAGINE DI CONTENUTO (privacy, cookie, termini) e 404
   ===================================================================== */
.skoob-doc{background:transparent}
.skoob-doc .skoob-header{padding:16px 0 6px}
.skoob-doc .skoob-header__in{display:flex;align-items:center;justify-content:space-between;gap:12px}
.skoob-doc .skoob-brand .skoob-mark,.skoob-doc .skoob-brand__name{display:none}
.skoob-doc .skoob-brand{background:url("logo.png") -19px -15px / 122px 122px no-repeat;text-indent:-999px}
@media(max-width:719px){.skoob-doc .skoob-brand{background-position:-13px -10px;background-size:84px 84px}}
.skoob-doc .skoob-header__in .skoob-langsq{margin-left:auto}
.skoob-doc__back{border:1.5px solid var(--pg-ink)!important;border-radius:999px!important;background:var(--pg-surface)!important;color:var(--pg-ink)!important;box-shadow:none!important}
.skoob-doc__back svg{color:var(--pg-ink)!important}
.skoob-doc__article{border:1px solid color-mix(in srgb,var(--pg-ink) 16%,transparent)!important;box-shadow:0 2px 4px rgba(60,42,18,.04),0 30px 60px -40px rgba(60,42,18,.45)!important}
.pgn-legal a,.pp-doc a{color:var(--pg-accent-d)!important}
.pgn-legal blockquote{border-left-color:var(--pg-accent)!important;background:var(--pg-tint)!important}
@media(max-width:560px){.skoob-doc__back{font-size:0!important;padding:9px 10px!important;gap:0!important}}

/* =====================================================================
   BANNER COOKIE e centro privacy (pagenus-privacy)
   ===================================================================== */
html body .pp-cookie__card{border:1.5px solid var(--pg-ink);border-radius:var(--r-l);box-shadow:0 30px 60px -30px rgba(31,26,20,.5);font-family:var(--font)}
html body .pp-cookie__title{color:var(--pg-ink);font-family:var(--font-title)}
html body .pp-cookie__txt{color:var(--pg-ink2)}
html body .pp-cookie__txt a{color:var(--pg-accent-d)}
html body .pp-btn{border-radius:999px;font-family:var(--font)}
html body .pp-btn--accent{background:var(--pg-ink);color:var(--pg-bg);box-shadow:none}
html body .pp-btn--ghost{background:var(--pg-surface);color:var(--pg-ink);border:1.5px solid var(--pg-ink)}
html body .pp-btn--ghost:hover{background:var(--pg-tint)}
html body .pp-cookie-badge{color:var(--pg-ink);border-color:var(--pg-ink)}
html body .pgn-pc{font-family:var(--font);color:var(--pg-ink)}
html body .pgn-pc__btn--primary{background:var(--pg-ink);color:var(--pg-bg)}
html body .pgn-pc__btn--soft{background:var(--pg-tint);color:var(--pg-accent-d);border-color:var(--pg-line)}
html body .pgn-pc__email{color:var(--pg-accent-d);border-color:var(--pg-line)}
html body .pgn-pc__card--emph{border-color:var(--pg-accent);box-shadow:0 0 0 3px rgba(86,98,42,.12)}

@media (prefers-reduced-motion:reduce){.pg-body *,.skoob-footer *{transition:none!important}}

/* Pulsante tondo "preferenze cookie" (badge di pagenus-privacy, visibile dopo la prima scelta):
   in basso a sinistra, discreto, icona biscotto a tratto sottile come il set skoob */
html body .pp-cookie-badge{left:clamp(12px,1.6vw,22px);bottom:clamp(12px,2.2vh,22px);width:38px;height:38px;z-index:29;border:1px solid color-mix(in srgb,var(--pg-ink) 22%,transparent);background:var(--pg-surface);color:var(--pg-ink2);opacity:.78;box-shadow:0 10px 22px -14px rgba(31,26,20,.55);transition:opacity .2s,transform .25s,color .2s}
html body .pp-cookie-badge svg{width:18px;height:18px;stroke-width:1.5}
html body .pp-cookie-badge:hover,html body .pp-cookie-badge:focus-visible{opacity:1;color:var(--pg-ink);transform:translateY(-2px)}
html[data-theme="dark"] body .pp-cookie-badge{background:#27201a!important;border-color:rgba(241,230,211,.28)!important;color:#e6d9c3!important}
@media(max-width:719px){html body .pp-cookie-badge{width:36px;height:36px;left:10px;bottom:10px}}
/* Selettore lingua a bandierine: stesse SVG e stessa forma dei pulsanti .skoob-flag di Pagenus (29×20, angoli 4px),
   bordo e stato attivo nei colori skoob; vale per home (button), funnel (span) e pagine generiche (link). */
html body .skoob-langsq.skoob-langsq--flags{display:flex!important;gap:6px;align-items:center}
html body .skoob-langsq--flags>.skoob-sq,html body .skoob-langsq--flags>button{width:29px!important;height:20px!important;padding:0!important;margin:0;display:inline-flex!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--pg-ink) 26%,transparent)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;filter:saturate(.92);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .18s ease;cursor:pointer}
html body .skoob-langsq--flags>span.skoob-sq{cursor:default}
html body .skoob-langsq--flags svg{width:100%;height:100%;display:block}
html body .skoob-langsq--flags>.skoob-sq--link:hover,html body .skoob-langsq--flags>button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 12px -8px rgba(31,26,20,.55)!important}
html body .skoob-langsq--flags>.is-active,html body .skoob-langsq--flags>button[aria-pressed="true"]{border-color:var(--pg-ink)!important;box-shadow:0 0 0 2px var(--pg-bg),0 0 0 3.5px var(--pg-ink)!important;filter:saturate(1.05);background:#fff!important}
html body .skoob-langsq--flags.skoob-langsq--show>.skoob-sq:not(.is-active){opacity:.4}
html[data-theme="dark"] body .skoob-langsq--flags>.skoob-sq,html[data-theme="dark"] body .skoob-langsq--flags>button{border-color:rgba(241,230,211,.32)!important;background:#fff!important}
html[data-theme="dark"] body .skoob-langsq--flags>.is-active,html[data-theme="dark"] body .skoob-langsq--flags>button[aria-pressed="true"]{border-color:#f1e6d3!important;box-shadow:0 0 0 2px var(--pg-bg),0 0 0 3.5px #f1e6d3!important}
@media(max-width:719px){html body .skoob-langsq.skoob-langsq--flags{gap:5px}html body .skoob-langsq--flags>.skoob-sq,html body .skoob-langsq--flags>button{width:26px!important;height:18px!important}}