/* ===== Tema chiaro/scuro — scrollfunnel.app =====
   Il tema scuro e' quello originale (variabili definite nella pagina). Default: CHIARO (data-theme="light" impostato da theme.js).
   Qui: interruttore, palette chiara e correzioni specifiche del sito. */

html{color-scheme:dark;}
html[data-theme="light"]{color-scheme:light;}
html.theme-anim body,html.theme-anim nav,html.theme-anim section,html.theme-anim footer{transition:background-color .3s ease,color .3s ease,border-color .3s ease;}

/* ---------- Interruttore ---------- */
.theme-toggle{position:relative;flex:none;width:58px;height:30px;padding:0;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);cursor:pointer;color:#9a98b3;transition:background .25s,border-color .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent;}
.theme-toggle:hover{border-color:rgba(139,92,246,.5);}
.theme-toggle:focus-visible{outline:2px solid #a78bfa;outline-offset:3px;}
.tt-icons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none;}
.tt-i{display:flex;opacity:.55;}
.tt-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),background .3s,box-shadow .3s;pointer-events:none;}
.tt-k{position:absolute;display:flex;transition:opacity .25s,transform .35s;}
.tt-k svg{width:13px;height:13px;}
html:not([data-theme="light"]) .tt-knob{transform:translateX(28px);background:linear-gradient(135deg,#8b5cf6,#4f46e5);box-shadow:0 0 12px rgba(139,92,246,.5);}
html:not([data-theme="light"]) .tt-k-sun{opacity:0;transform:rotate(-90deg) scale(.5);}
html[data-theme="light"] .tt-knob{transform:translateX(0);background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 10px rgba(245,158,11,.45);}
html[data-theme="light"] .tt-k-moon{opacity:0;transform:rotate(90deg) scale(.5);}
html[data-theme="light"] .theme-toggle{background:rgba(15,23,42,.06);border-color:rgba(30,20,70,.16);color:#544f6e;}
.theme-toggle--desk{margin-left:14px;}
.theme-toggle--solo{margin-left:14px;margin-right:2px;}
.theme-toggle--mob{display:none;}
@media(max-width:768px){
  .theme-toggle--desk{display:none;}
  .theme-toggle--mob{display:block;margin-left:auto;margin-right:12px;}
}

/* ---------- Palette tema chiaro (accenti piu scuri per il contrasto) ---------- */
html[data-theme="light"]{
  --bg:#f7f6fc;--s1:#ffffff;--s2:#efedf8;--s3:#e7e4f3;
  --border:rgba(30,20,70,.09);--border2:rgba(30,20,70,.15);
  --v:#6d28d9;--v2:#7e22ce;--o:#c2410c;--o2:#ea580c;--teal:#0e7490;--green:#15803d;--pink:#be185d;
  --muted:#544f6e;--sub:#4a4562;--text:#14111f;
}
html[data-theme="light"] body::before{opacity:.012;}
html[data-theme="light"] nav{background:rgba(255,255,255,.92)!important;}
html[data-theme="light"] .lang-btn,
html[data-theme="light"] .btn-ghost{background:rgba(15,23,42,.05);}
html[data-theme="light"] .lang-btn:hover,
html[data-theme="light"] .btn-ghost:hover{background:rgba(15,23,42,.09);border-color:rgba(30,20,70,.22);}
html[data-theme="light"] .rp-toggle{background:rgba(15,23,42,.05);}
html[data-theme="light"] .tpl-card:hover,
html[data-theme="light"] .price-card:hover{border-color:rgba(30,20,70,.22);}
html[data-theme="light"] .grad-text{background:linear-gradient(135deg,#6d28d9,#c2410c);-webkit-background-clip:text;background-clip:text;}
html[data-theme="light"] .badge-save,
html[data-theme="light"] .pf-ok{color:#15803d;}
html[data-theme="light"] .price-card,
html[data-theme="light"] .feat-card,
html[data-theme="light"] .tpl-card{box-shadow:0 8px 30px rgba(30,20,70,.06);}

/* testi con colori scritti nel template: stessa tinta, piu scuri sul chiaro */
html[data-theme="light"] [style*="color:#a78bfa"]{color:#6d28d9!important;}
html[data-theme="light"] [style*="color:#4ade80"],
html[data-theme="light"] [style*="color:#22c55e"]{color:#166534!important;}
html[data-theme="light"] [style*="color:#69C9D0"]{color:#0e7490!important;}
html[data-theme="light"] [style*="color:#f97316"],
html[data-theme="light"] [style*="color:#fb923c"]{color:#c2410c!important;}
html[data-theme="light"] [style*="color:#fb7185"]{color:#be123c!important;}
html[data-theme="light"] [style*="color:#E1306C" i]{color:#be185d!important;}

/* colori scritti nelle classi del template */
html[data-theme="light"] .section-badge{color:#6d28d9;}
html[data-theme="light"] .kpi-ticker{color:#15803d;}
html[data-theme="light"] [style*="color:#f59e0b"]{color:#b45309!important;}
html[data-theme="light"] [style*="color:#ff0000" i],
html[data-theme="light"] [style*="color:#ef4444"],
html[data-theme="light"] [style*="color:#f87171"]{color:#b91c1c!important;}
/* pallini/avatar con sfondo colorato: testo scuro leggibile */
html[data-theme="light"] [style*="background:#69C9D0;"][style*="color:#fff"],
html[data-theme="light"] [style*="background:#f97316;"][style*="color:#fff"]{color:#0a0a0f!important;}

/* mockup del prodotto (canvas dei funnel): resta scuro, e' l'interfaccia dell'app */
html[data-theme="light"] .funnel-canvas{
  --bg:#0a0a0f;--s1:#0f0f18;--s2:#13131e;--s3:#16161f;--border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.12);
  --v:#7C3AED;--v2:#9333ea;--o:#f97316;--o2:#fb923c;--teal:#69C9D0;--green:#22c55e;--pink:#E1306C;--muted:#6b7280;--sub:#94a3b8;--text:#e2e8f0;color:var(--text);
}
html[data-theme="light"] .funnel-canvas [style*="color:#a78bfa"]{color:#a78bfa!important;}
html[data-theme="light"] .funnel-canvas [style*="color:#4ade80"],
html[data-theme="light"] .funnel-canvas [style*="color:#22c55e"]{color:#4ade80!important;}
html[data-theme="light"] .funnel-canvas [style*="color:#69C9D0"]{color:#69C9D0!important;}
html[data-theme="light"] .funnel-canvas [style*="color:#f97316"],
html[data-theme="light"] .funnel-canvas [style*="color:#fb923c"]{color:#fb923c!important;}
html[data-theme="light"] .funnel-canvas [style*="color:#fb7185"]{color:#fb7185!important;}
html[data-theme="light"] .funnel-canvas [style*="color:#E1306C"]{color:#E1306C!important;}

/* banner cookie */
html[data-theme="light"] #ck-banner{box-shadow:0 12px 40px rgba(30,20,70,.2);}
html[data-theme="light"] #ck-pill{box-shadow:0 4px 20px rgba(30,20,70,.2);}
html[data-theme="light"] .funnel-canvas .section-badge{color:#a78bfa;}
html[data-theme="light"] .funnel-canvas [style*="color:#f59e0b"]{color:#f59e0b!important;}
html[data-theme="light"] .funnel-canvas .kpi-ticker,
html[data-theme="light"] .hero .kpi-ticker{color:#4ade80;}