/* ===== Tema chiaro/scuro — raffaelemele.it =====
   Il tema scuro è quello di default (variabili definite in ogni pagina).
   Qui: interruttore e palette del tema chiaro. */

html{color-scheme:dark;}
html[data-theme="light"]{color-scheme:light;}
html.theme-anim body,html.theme-anim nav,html.theme-anim .sidebar-widget,html.theme-anim .pj,html.theme-anim .blog-card,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 var(--border);background:rgba(255,255,255,.05);cursor:pointer;color:var(--muted);transition:background .25s,border-color .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent;}
.theme-toggle:hover{border-color:var(--vb);}
.theme-toggle:focus-visible{outline:2px solid var(--violet2);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;}
/* scuro: pallino a destra sulla luna */
html:not([data-theme="light"]) .tt-knob{transform:translateX(28px);background:linear-gradient(135deg,#1fa9ff,#4f46e5);box-shadow:0 0 12px rgba(31,169,255,.45);}
html:not([data-theme="light"]) .tt-k-sun{opacity:0;transform:rotate(-90deg) scale(.5);}
/* chiaro: pallino a sinistra sul sole */
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);}
.theme-toggle--mob{display:none;}
@media(max-width:640px){
  .theme-toggle--mob{display:block;margin-left:auto;margin-right:12px;}
}

/* ---------- Palette tema chiaro ---------- */
html[data-theme="light"]{
  --bg:#f6f7fb;--bg1:#ffffff;--bg2:#eceff6;
  --border:rgba(20,26,50,.11);
  --violet:#0874bb;--violet2:#0a66a8;--violet3:#064a7f;
  --vd:rgba(8,116,187,.09);--vb:rgba(8,116,187,.30);
  --text:#12131c;--muted:#4f546c;--muted2:#62677d;
  --card:#ffffff;--v:#0874bb;--i:#4f46e5;
  --bg-card:#ffffff;--bg-card2:#eceff6;--violet-light:#0a66a8;--indigo:#4f46e5;
}
html[data-theme="light"] body::before{opacity:.012;}

/* barra di navigazione e menu mobile */
html[data-theme="light"] nav{background:rgba(255,255,255,.86)!important;}
html[data-theme="light"] .mob{background:rgba(255,255,255,.98)!important;}
html[data-theme="light"] .nav-cta{color:var(--violet2)!important;}

/* testi lunghi degli articoli */
html[data-theme="light"] .post-body{color:rgba(18,19,28,.9);}
html[data-theme="light"] .post-body td{color:rgba(18,19,28,.85);}
html[data-theme="light"] .post-body code{background:var(--bg2);}
html[data-theme="light"] .post-body pre{background:#0f1220;color:#e8eaf6;border-color:#0f1220;}
html[data-theme="light"] .post-body pre code{background:none;color:inherit;border:none;}
html[data-theme="light"] .post-body th{background:var(--bg2);}

/* card e riquadri: bianchi con ombra leggera invece dei bordi luminosi */
html[data-theme="light"] .sidebar-widget,
html[data-theme="light"] .ai-widget,
html[data-theme="light"] .pn-link,
html[data-theme="light"] .faq-item{background:var(--bg1);box-shadow:0 1px 2px rgba(20,26,50,.05),0 6px 18px rgba(20,26,50,.05);}
html[data-theme="light"] .faq-q:hover{background:var(--bg2);}
html[data-theme="light"] .post-hero-img img{box-shadow:0 10px 30px rgba(20,26,50,.14);border-color:rgba(20,26,50,.08);}

/* stili inline dei riquadri "risorsa gratuita" */
html[data-theme="light"] [style*="color:#fff;margin-bottom:10px"]{color:var(--text)!important;}
html[data-theme="light"] [style*="color:#9090b8"],
html[data-theme="light"] [style*="color:#b0b0cc"]{color:var(--muted)!important;}
html[data-theme="light"] [style*="color:#c8c8e0"],
html[data-theme="light"] [style*="color:#e0e0f0"]{color:var(--text)!important;}
html[data-theme="light"] [style*="color:#4fd1ff"]{color:var(--violet2)!important;}
html[data-theme="light"] [style*="color:#818cf8"]{color:#4338ca!important;}
html[data-theme="light"] .sidebar-cta{background:linear-gradient(135deg,rgba(11,134,216,.10),rgba(11,134,216,.03));border-color:rgba(11,134,216,.28);}
html[data-theme="light"] .sidebar-widget[style*="linear-gradient"]{background:linear-gradient(145deg,rgba(11,134,216,.10),rgba(124,58,237,.05))!important;}

/* testi accento e categorie colorate: più scuri sul chiaro, stessa tinta */
html[data-theme="light"] .pj-cat,
html[data-theme="light"] .sidebar-rel-cat,
html[data-theme="light"] .bkc-badge-live,
html[data-theme="light"] .post-cat,
html[data-theme="light"] .blog-cat,
html[data-theme="light"] .bc-cat{filter:brightness(.6) saturate(1.25);}

/* titoli con colore bianco inline (fasce "Scarica la guida") */
html[data-theme="light"] h2[style*="color:#fff"]{color:var(--text)!important;}
html[data-theme="light"] h2 span[style*="color:#4fd1ff"]{color:var(--violet2)!important;}
html[data-theme="light"] [style*="color:#8a8a92"],
html[data-theme="light"] [style*="color:#6a6a72"]{color:var(--muted)!important;}

/* pulsanti con gradiente inline: leggermente più profondi per il contrasto del testo bianco */
html[data-theme="light"] [style*="linear-gradient(135deg,#1fa9ff,#0284c7)"]{background:linear-gradient(135deg,#0b86d8,#0369a1)!important;}

/* badge sulla foto della home */
html[data-theme="light"] .photo-badge{background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(20,26,50,.14);}

/* banner cookie e popup guida (stili inline scuri) */
html[data-theme="light"] #cookie-banner{background:rgba(255,255,255,.97)!important;border-top-color:rgba(8,116,187,.25)!important;box-shadow:0 -8px 40px rgba(20,26,50,.14)!important;}
html[data-theme="light"] #cookie-banner p{color:var(--muted)!important;}
html[data-theme="light"] #cookie-banner a{color:var(--violet2)!important;}
html[data-theme="light"] #cookie-reject{color:var(--muted)!important;border-color:var(--border)!important;}
html[data-theme="light"] #cookie-accept{background:var(--violet)!important;}
html[data-theme="light"] #cookie-mini{background:rgba(255,255,255,.96)!important;box-shadow:0 4px 20px rgba(20,26,50,.2)!important;}
html[data-theme="light"] #ei-overlay{background:rgba(20,26,50,.45)!important;}
html[data-theme="light"] #ei-popup{background:#fff!important;border-color:rgba(8,116,187,.25)!important;box-shadow:0 20px 60px rgba(20,26,50,.28)!important;}
html[data-theme="light"] #ei-popup input{background:#f3f5fa!important;border-color:rgba(20,26,50,.16)!important;color:var(--text)!important;}
html[data-theme="light"] #ei-close{color:var(--muted)!important;}

/* consulenza e newsletter: titoli bianchi definiti nelle regole di pagina */
html[data-theme="light"] .nav-logo,
html[data-theme="light"] .hero h1,
html[data-theme="light"] .hero-price .amount,
html[data-theme="light"] .section h2,
html[data-theme="light"] .card h3,
html[data-theme="light"] .about-name,
html[data-theme="light"] .cta-box h2,
html[data-theme="light"] .success-title,
html[data-theme="light"] .feature-title,
html[data-theme="light"] .author-name,
html[data-theme="light"] .logo-name{color:var(--text)!important;}
html[data-theme="light"] h1{color:var(--text);}
html[data-theme="light"] .btn-ghost{color:var(--muted);}
html[data-theme="light"] .btn-ghost:hover{color:var(--text)!important;}
html[data-theme="light"] .hero-photo{border-color:rgba(20,26,50,.10);}

/* consulenza: testi grigi e accenti definiti nelle regole di pagina */
html[data-theme="light"] .hero p,
html[data-theme="light"] .card p,
html[data-theme="light"] .about-bio,
html[data-theme="light"] .about-bio em,
html[data-theme="light"] .cta-box p{color:var(--muted)!important;}
html[data-theme="light"] .hero-badge{color:var(--violet2)!important;}
html[data-theme="light"] .badge-dot{background:var(--violet2)!important;}
html[data-theme="light"] .card-icon svg{stroke:var(--violet2)!important;}
html[data-theme="light"] .hero h1 span{background-image:linear-gradient(135deg,#0a66a8,#4f46e5)!important;}

/* privacy e cookie policy */
html[data-theme="light"] body.legal{background:var(--bg)!important;color:var(--muted)!important;}
html[data-theme="light"] .legal h1,
html[data-theme="light"] .legal h2{color:var(--text)!important;}
html[data-theme="light"] .legal p,
html[data-theme="light"] .legal li{color:var(--muted)!important;}
html[data-theme="light"] .legal .sub{color:var(--muted2)!important;}
html[data-theme="light"] .legal a,
html[data-theme="light"] .legal .back{color:var(--violet2)!important;}

/* ---------- Fix responsive (tutte le pagine) ---------- */
/* elementi decorativi (blob) che escono dallo schermo non devono allargare la pagina */
html{overflow-x:clip;}
/* footer: i link vanno a capo sugli schermi stretti */
.foot-links{flex-wrap:wrap;gap:8px 20px;}
.foot-copy,.foot-links a{overflow-wrap:anywhere;}

/* tabella della cookie policy nel tema chiaro */
html[data-theme="light"] .legal th{background:var(--vd)!important;color:var(--text)!important;border-color:var(--border)!important;}
html[data-theme="light"] .legal td{color:var(--muted)!important;border-color:var(--border)!important;}
@media(max-width:340px){.nav-inner{gap:8px;}.nav-inner .btn-wa{padding:8px 12px!important;font-size:.76rem!important;}}