/*
Theme Name: Calcolo Italiano
Theme URI: https://calcoloitaliano.it/
Author: Calcolo Italiano
Description: Tema autonomo di Calcolo Italiano: riproduce il design approvato (Palette B Indaco Moderno) e ospita i 147 calcolatori con i motori estratti dal sito originale. Palette: fondo #F4F4FF, inchiostro #1C1A3D, primario #4F46E5, hover #3730A3, pannelli #ECEAFF, linee #DCD8FF. Solo tema chiaro (color-scheme: light only).
Version: 1.0.13
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: Proprietary
Text Domain: calcolo-italiano
*/

:root{color-scheme:light only;--bg:#F4F4FF;--card:#FFFFFF;--ink:#1C1A3D;--head:#171233;--ink2:#5E5A85;--green:#4F46E5;--green2:#4338CA;--bright:#6366F1;--gold:#22D3EE;--red:#4F46E5;--dark:#171233;--line:#DCD8FF;--soft:#ECEAFF;--radius:14px;--shadow:0 1px 3px rgba(23,18,51,.06),0 10px 28px rgba(23,18,51,.07)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}
h1,h2,h3,h4{font-family:Plus Jakarta Sans,Inter,sans-serif;line-height:1.2;margin:0 0 .5em;color:var(--head)}
h1{font-size:clamp(1.65rem,4.5vw,2.55rem);font-weight:800;letter-spacing:-.01em}
h2{font-size:clamp(1.28rem,3vw,1.75rem);font-weight:700}
h3{font-size:1.1rem;font-weight:700}
section.block h2::before,.prose>h2::before{content:none}
p{margin:0 0 1em}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
@media(max-width:560px){.wrap{padding:0 14px}}
header.site{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);color:var(--ink);border-bottom:1px solid var(--line)}
.hbar{display:flex;align-items:center;gap:14px;min-height:62px;padding-top:0;padding-bottom:0}
.logo{font-family:Plus Jakarta Sans;font-weight:800;letter-spacing:-.01em;font-size:1.04rem;line-height:1;color:var(--head);white-space:nowrap;display:inline-flex;align-items:center;gap:10px;position:relative;padding:0;margin:0;flex:none}
.logo:hover{text-decoration:none}
.logo .wm{padding:0;margin:0;line-height:1;display:inline-block;transform:translateY(1px);color:#1C1A3D}
.logo .wm2{color:#4F46E5}
.logomark{width:32px;height:32px;flex:none;display:block;align-self:center}


nav.main{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
nav.main a{color:var(--ink);font-size:.92rem;font-weight:600;padding:10px 10px;border-radius:10px;min-height:44px;display:inline-flex;align-items:center;transition:background .15s}
nav.main a:hover{background:var(--soft);text-decoration:none}
.burger{display:none;margin-left:auto;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:10px;min-width:44px;min-height:44px;font-size:1.2rem;line-height:1;cursor:pointer;align-items:center;justify-content:center;align-self:center;flex:none;padding:0}
@media(max-width:900px){.burger{display:inline-flex}nav.main{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 16px 16px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}nav.main.open{display:flex}nav.main a{padding:12px 8px;border-bottom:1px solid var(--line)}}
.hero{background:linear-gradient(160deg,#171233 0%,#4F46E5 100%);color:#fff;padding:38px 0 0;overflow:hidden;border-bottom:3px solid var(--gold)}
.hero h1{color:#fff}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:start}
figure.herophoto{margin:18px 0 0}
figure.herophoto img{width:100%;height:308px;object-fit:cover;border-radius:var(--radius);display:block;box-shadow:0 18px 44px rgba(0,0,0,.35)}
@media(max-width:920px){figure.herophoto img{height:168px}}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr}}
.tagline{font-size:1.05rem;color:var(--ink2);max-width:58ch}
.hero .tagline{color:rgba(255,255,255,.78)}
.kicker{font-weight:700;color:var(--green2);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.hero .kicker{color:var(--gold)}
.searchbox{display:flex;gap:8px;margin:18px 0 6px;max-width:560px}
.searchbox input{flex:1;min-height:48px}
input,select,textarea{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 12px;min-height:44px;width:100%;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(79,70,229,.18)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#4F46E5;color:#fff;font-weight:700;border:none;border-radius:12px;padding:12px 20px;min-height:48px;cursor:pointer;font-size:1rem;transition:background .15s,transform .15s}
.btn:hover{background:#4338CA;text-decoration:none}
.btn.green{background:#4F46E5;color:#fff}.btn.green:hover{background:#4338CA}
.btn.ghost{background:#fff;border:1.5px solid var(--dark);color:var(--head)}
.btn.ghost:hover{background:var(--soft)}
.toolbox{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}
.hero .toolbox{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;box-shadow:0 18px 44px rgba(0,0,0,.35);max-width:430px;justify-self:end;width:100%;padding:18px}
@media(max-width:920px){.hero .toolbox{max-width:520px;justify-self:stretch}}
.hero .toolbox h3{color:#fff}
.hero .toolbox .mini,.hero .toolbox .hint{color:rgba(255,255,255,.78)}
.hero .toolbox label.fl{color:#FFFFFF}
.hero .result{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2)}
.hero .result .big{color:#fff}
.hero .result .big small{color:rgba(255,255,255,.78)}
.hero table.res td,.hero table.res th{border-bottom-color:rgba(255,255,255,.16)}
.hero .toolbtns .btn.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
#ministip .fgrid{gap:8px}
#ministip input,#ministip select{min-height:44px;padding:8px 10px}
#ministip .result{margin-top:10px;padding:11px 13px}
#ministip .result .big{font-size:1.32rem}
#ministip table.res td{padding:4px 6px;font-size:.87rem}
.toolbox h2,.toolbox h3{margin-top:0}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fgrid .full{grid-column:1/-1}
@media(max-width:560px){.fgrid{grid-template-columns:1fr}}
label.fl{font-weight:600;font-size:.92rem;display:block;margin-bottom:5px}
.hint{font-size:.82rem;color:var(--ink2);margin-top:4px}
.result{margin-top:16px;background:var(--dark);color:#FFFFFF;border:1px solid var(--dark);border-radius:16px;padding:16px;position:relative;overflow:hidden;overflow-x:auto}
.result::before{content:none}
.result .big{font-family:Plus Jakarta Sans;font-size:1.5rem;font-weight:800;color:#fff;line-height:1.25}
.result .big small{display:block;font-family:Inter;font-size:.85rem;font-weight:600;color:rgba(255,255,255,.78)}.result .hint,.result .mini{color:rgba(255,255,255,.78)}.result a{color:#A5B4FC}.result table.res td,.result table.res th{border-bottom-color:rgba(255,255,255,.16)}.result table.res tr.total td{border-top-color:var(--bright)}
table.res{width:100%;border-collapse:collapse;margin-top:10px;font-size:.95rem}
table.res td,table.res th{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.res td:last-child,table.res th:last-child{text-align:right;font-weight:600;white-space:nowrap}
table.res tr.total td{font-weight:800;border-top:2px solid var(--green);border-bottom:none}
.twrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0}
table.data{border-collapse:collapse;width:100%;font-size:.93rem;background:var(--card)}
table.data td,table.data th{border:1px solid var(--line);padding:8px 10px;text-align:left}
table.data td.n,table.data th.n{text-align:right}
section.block{padding:42px 0 8px}
.grid{display:grid;gap:16px}
.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1100px){.grid.c4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.grid.c3{grid-template-columns:repeat(2,1fr)}.grid.c4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:block;color:var(--ink);box-shadow:0 1px 2px rgba(23,18,51,.04);transition:box-shadow .18s,border-color .18s;position:relative;overflow:hidden}
.card::before{content:none}
a.card:hover{border-color:var(--green);text-decoration:none;box-shadow:var(--shadow)}

.card h3{margin-bottom:6px}
.card p{color:var(--ink2);font-size:.94rem;margin:0}
.card .cnt{font-weight:700;font-size:.85rem}
.card img.cardimg{width:calc(100% + 36px);max-width:none;margin:-18px -18px 14px;height:150px;object-fit:cover;display:block}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.chip{border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:9px 16px;min-height:44px;font-weight:600;cursor:pointer;font-size:.93rem;color:var(--ink);transition:all .15s}
.chip.on{background:var(--green);color:#fff;border-color:var(--green)}
details.faq{background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:10px}
details.faq summary{cursor:pointer;font-weight:600;padding:14px 16px;min-height:44px;list-style-position:outside}
details.faq .ans{padding:0 16px 14px;color:var(--ink2)}
.crumbs{font-size:.88rem;color:var(--ink2);padding:18px 0 0;display:flex;flex-wrap:wrap;gap:2px 7px;align-items:center}
.crumbs a{color:var(--green2)}
.formula{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-size:.97rem}
.src{font-size:.86rem;color:var(--ink2);border-left:3px solid var(--line);padding:6px 0 6px 12px;margin:16px 0}
.note{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:.94rem}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0}
@media(max-width:800px){.trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.trust{grid-template-columns:1fr}}
.trust .t{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;font-size:.93rem;color:var(--ink2)}
.trust .t strong{display:block;color:var(--head);margin-bottom:4px}
.hero .trust .t{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.78)}
.hero .trust .t strong{color:#fff}
.topsearched{padding:0 0 30px}
.topsearched .lbl{font-family:Plus Jakarta Sans;font-weight:700;color:#fff;font-size:.95rem;margin:22px 0 10px;display:flex;align-items:center;gap:9px}
.topsearched .lbl::before{content:none}
.tsgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
@media(max-width:1024px){.tsgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.tsgrid{grid-template-columns:repeat(2,1fr)}}
.tscard{position:relative;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:13px 12px 11px;color:#fff;font-weight:600;font-size:.9rem;line-height:1.35;display:flex;align-items:center;min-height:56px;overflow:hidden;transition:background .15s}
.tscard::before{content:none}
.tscard:hover{background:rgba(255,255,255,.13);text-decoration:none}
footer.site{background:var(--dark);color:rgba(255,255,255,.78);border-top:3px solid var(--gold);margin-top:56px;padding:36px 0 96px;font-size:.93rem}
footer.site a{color:#fff}
footer.site .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:800px){footer.site .cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:420px){footer.site .cols{grid-template-columns:1fr}}
footer.site h4{color:#fff;margin-bottom:8px}
footer.site ul{list-style:none;margin:0;padding:0}footer.site li{margin:5px 0}
.stickybar{position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--dark);padding:10px 16px;display:none;gap:10px;align-items:center;border-top:1px solid var(--line)}
.stickybar .btn{flex:1;background:#4F46E5}.stickybar .btn:hover{background:#4338CA}
@media(max-width:700px){.stickybar{display:flex}body.hidebar .stickybar{display:none}}
.prose{max-width:820px}.prose h2{margin-top:1.2em}.prose ul{padding-left:22px}.prose li{margin:5px 0}
.pill{display:inline-block;background:var(--soft);color:var(--green2);border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:700;margin-bottom:10px}
.cathead{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:#fff;margin:22px 0;box-shadow:0 1px 2px rgba(23,18,51,.04)}
.cathead h1{color:var(--head)}.cathead p{color:var(--ink2);margin:0;max-width:65ch}
.cathero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch;margin:22px 0}
@media(max-width:860px){.cathero{grid-template-columns:1fr}}
.cathero .txt{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:#fff}
.cathero figure{margin:0}
.cathero img{width:100%;height:280px;object-fit:cover;border-radius:var(--radius);display:block;box-shadow:var(--shadow)}
@media(max-width:860px){.cathero img{height:168px}}
.introgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:start}
@media(max-width:860px){.introgrid{grid-template-columns:1fr}}
.introgrid figure{margin:0}
figure.toolphoto{margin:0}
figure.toolphoto img{width:100%;height:auto;max-height:340px;object-fit:cover;border-radius:var(--radius);display:block;box-shadow:var(--shadow)}
@media(max-width:860px){figure.toolphoto img{max-height:170px}}
figure.toolphoto figcaption{font-size:.8rem;color:var(--ink2);margin-top:7px}
.mini{font-size:.85rem;color:var(--ink2)}
.center{text-align:center}
.hidden{display:none!important}
.toolbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.toolbtns .btn{min-height:44px;padding:10px 16px;font-size:.93rem}
.genmatrix{overflow-x:auto;-webkit-overflow-scrolling:touch}
.genmatrix table{border-collapse:collapse;font-size:.85rem}
.genmatrix th,.genmatrix td{border:1px solid var(--line);padding:5px;text-align:center}
.genmatrix th{background:var(--soft);font-size:.75rem;max-width:64px}
.genmatrix td:first-child,.genmatrix th:first-child{text-align:left;max-width:none;font-size:.88rem}
.etichetta{border:2px solid var(--ink);border-radius:6px;padding:18px;background:#fff;max-width:520px;font-size:.92rem}
.etichetta h3{font-size:1.25rem;margin-bottom:4px}
.etichetta table{width:100%;border-collapse:collapse;font-size:.85rem}
.etichetta td{border-bottom:1px solid #ccc;padding:3px 4px}
.dishrow{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:8px;align-items:end}

.fgrid>div{display:flex;flex-direction:column;min-width:0}
.fgrid>div>label.fl{min-height:42px;display:flex;align-items:flex-end;margin-bottom:6px}
.fgrid input,.fgrid select{height:48px;flex:none}
.fgrid textarea{min-height:96px;flex:none}
.fgrid .hint{margin-top:5px}
#ministip input,#ministip select{height:48px}
.toolbox .tout{margin-top:2px}
@media print{
 header.site,footer.site,.stickybar,.toolbox,.toolbtns,.crumbs,nav.main,.no-print{display:none!important}
 body{background:#fff}
 .printarea{display:block!important}
 main section.block{display:none}
}

/* LIGHT-ONLY LOCK: superfici che iOS/Safari puo invertire da solo, fissate ai valori chiari approvati */
html{background:#F4F4FF;color-scheme:light only}
input,select,textarea{background-color:#FFFFFF;color:#1C1A3D;color-scheme:light only}
option,optgroup{background-color:#FFFFFF;color:#1C1A3D}
::placeholder{color:#5E5A85;opacity:1}
input[type="checkbox"],input[type="radio"]{accent-color:#4F46E5;color-scheme:light only}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #FFFFFF inset;box-shadow:0 0 0 1000px #FFFFFF inset;-webkit-text-fill-color:#1C1A3D;caret-color:#1C1A3D}
table.data{background-color:#FFFFFF}
table.data td,table.data th{background-color:#FFFFFF;color:#1C1A3D}

/* ============ DESIGN 2026: arancio, rosso, azzurro cielo (stile Simula Certo, senza barre decorative) ============ */
:root{--bg:#F4F4FF;--card:#FFFFFF;--ink:#1C1A3D;--head:#1C1A3D;--ink2:#5E5A85;--green:#4F46E5;--green2:#4338CA;--bright:#4F46E5;--gold:#4F46E5;--red:#4F46E5;--dark:#171233;--line:#DCD8FF;--soft:#ECEAFF;--shadow:0 1px 3px rgba(23,18,51,.06),0 12px 32px rgba(23,18,51,.09)}
html{background:#F4F4FF}
html,body{overflow-x:clip}
body{background:var(--bg);color:var(--ink)}
a{color:#4F46E5}
a:hover{color:#4338CA}
header.site{border-bottom:1px solid var(--line)}
.logo .wm{border-bottom:none}
nav.main a:hover{background:#ECEAFF}
/* barre decorative rimosse */
section.block h2::before,.prose>h2::before{content:none}
.card::before{content:none}
.result::before{content:none}
.tscard::before{content:none}
.topsearched .lbl::before{content:none}
.hero{border-bottom:none}
footer.site{border-top:none}
.stickybar{border-top:none}
.src{border-left:none;background:var(--soft);border-radius:12px;padding:12px 14px}
/* hero home */
.hero{background:linear-gradient(150deg,#171233 0%,#2E2470 58%,#4338CA 100%)}
.hero .kicker{color:#22D3EE}
.btn{background:linear-gradient(135deg,#4F46E5,#4F46E5);box-shadow:0 6px 16px rgba(79,70,229,.28)}
.btn:hover{background:linear-gradient(135deg,#4F46E5,#4338CA)}
.btn.green{background:linear-gradient(135deg,#4F46E5,#4F46E5)}
.btn.green:hover{background:linear-gradient(135deg,#4F46E5,#4338CA)}
.btn.ghost{background:#fff;border:1.5px solid #171233;color:#1C1A3D;box-shadow:none}
.btn.ghost:hover{background:#ECEAFF}
input:focus,select:focus,textarea:focus{border-color:#4F46E5;box-shadow:0 0 0 3px rgba(79,70,229,.22)}
.chip.on{background:#4F46E5;border-color:#4F46E5}
.pill{background:#ECEAFF;color:#4338CA}
details.faq summary{color:var(--head)}
details.faq summary::marker{color:#4F46E5}
/* calcolatore */
.toolbox{border-radius:18px;border-color:#DCD8FF;box-shadow:0 2px 6px rgba(23,18,51,.05),0 18px 40px rgba(23,18,51,.10);padding:24px}
.result{background:linear-gradient(150deg,#171233,#2E2470);border:none;border-radius:18px}
.result .big{color:#fff}
.result table.res tr.total td{border-top-color:#4F46E5}
table.res tr.total td{border-top-color:#4F46E5}
/* intestazione strumento */
.toolhero{display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch;margin:20px 0 0;background:linear-gradient(140deg,#ECEAFF 0%,#FFFFFF 55%,#F4F4FF 100%);border:1px solid #DCD8FF;border-radius:20px;padding:26px;box-shadow:0 1px 3px rgba(23,18,51,.05)}
.toolhero h1{margin-top:6px}
.toolhero .tagline{color:#5E5A85}
.th-photo figure.toolphoto{height:100%}
.th-photo figure.toolphoto img{height:100%;max-height:320px}
.factchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.factchips span{background:#fff;border:1px solid #DCD8FF;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:600;color:#1C1A3D}
.quicknav{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 4px}
.quicknav button{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px;min-height:44px;font:inherit;font-size:.9rem;font-weight:600;color:#1C1A3D;cursor:pointer;transition:border-color .15s,background .15s}
.quicknav button:hover{border-color:#4F46E5;background:#F4F4FF}
/* tabelle professionali */
table.data{border:1px solid var(--line);border-radius:12px;overflow:hidden}
table.data th{background:#ECEAFF;color:#171233;font-weight:700;border-color:#DCD8FF}
table.data td{border-color:#DCD8FF}
table.data tr:nth-child(even) td{background:#F4F4FF}
/* fonti ufficiali */
.offgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 4px}
.offcard{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
.offcard:hover{border-color:#4F46E5;box-shadow:var(--shadow);text-decoration:none}
.offcard strong{display:block;color:#4338CA;font-size:.95rem;margin-bottom:3px}
.offcard span{font-size:.87rem;color:var(--ink2)}
/* card strumenti con foto */
.card img.cardimg{border-bottom:1px solid var(--line)}
a.card:hover{border-color:#4F46E5}
.cathead,.cathero .txt{border-radius:18px}
.formula{background:linear-gradient(140deg,#ECEAFF,#F4F4FF);border-color:#DCD8FF;border-radius:18px}
.note{border-radius:18px}
/* ============ Responsive: tutti i dispositivi ============ */
@media(max-width:1100px){.offgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.toolhero{grid-template-columns:1fr;padding:20px}.th-photo figure.toolphoto img{max-height:190px}}
@media(max-width:640px){
 .offgrid{grid-template-columns:1fr}
 .toolbox{padding:18px}
 .result{padding:14px}
 .result .big{font-size:1.32rem}
 table.data{font-size:.88rem}
 table.data td,table.data th{padding:7px 8px}
 .factchips span{font-size:.78rem;padding:5px 10px}
}
@media(max-width:380px){
 h1{font-size:1.48rem}
 h2{font-size:1.22rem}
 .wrap{padding:0 12px}
 .toolhero{padding:16px;border-radius:16px}
 .toolbox{padding:15px}
 .quicknav button{padding:8px 12px;font-size:.86rem}
 .searchbox{flex-direction:column}
 .searchbox .btn{width:100%}
}
@media(min-width:1600px){.wrap{max-width:1240px}}
@media(min-width:2200px){.wrap{max-width:1320px}}
/* lock chiaro con la nuova palette */
input,select,textarea{background-color:#FFFFFF;color:#1C1A3D}
option,optgroup{background-color:#FFFFFF;color:#1C1A3D}
::placeholder{color:#5E5A85;opacity:1}
input[type="checkbox"],input[type="radio"]{accent-color:#4F46E5}
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #FFFFFF inset;box-shadow:0 0 0 1000px #FFFFFF inset;-webkit-text-fill-color:#1C1A3D;caret-color:#1C1A3D}
table.data td,table.data th{color:#1C1A3D}
table.data th{background-color:#ECEAFF}

/* ============ DESIGN FINALE: tipografia distintiva, dettaglio strumenti, responsive completo ============ */
h1,h2,h3,h4,.logo,.result .big,footer.site p{font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif}
h1{letter-spacing:-.015em}
.result .big{letter-spacing:-.01em}
::selection{background:#DCD8FF;color:#171233}
:focus-visible{outline:3px solid rgba(34,211,238,.55);outline-offset:2px;border-radius:6px}
img{max-width:100%}
.toolhero{box-shadow:0 2px 6px rgba(23,18,51,.05),0 20px 44px rgba(23,18,51,.08)}
.toolhero .pill{background:#171233;color:#22D3EE}
.factchips span{border-color:#DCD8FF}
.quicknav{position:sticky;top:70px;z-index:40;background:rgba(244,244,255,.92);backdrop-filter:blur(10px);padding:8px;border:1px solid #DCD8FF;border-radius:999px}
@media(max-width:700px){.quicknav{position:static;border-radius:16px}}
details.faq{transition:border-color .15s}
details.faq:hover{border-color:#22D3EE}
details.faq[open ]{border-color:#4F46E5}
.card h3{letter-spacing:-.01em}
.tscard{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:700}
.offcard strong{font-family:"Plus Jakarta Sans",Inter,sans-serif}
/* --- schermi molto piccoli: 320-380px --- */
@media(max-width:380px){
 .tsgrid{grid-template-columns:1fr 1fr;gap:8px}
 .tscard{font-size:.84rem;padding:11px 10px;min-height:50px}
 .trust{grid-template-columns:1fr}
 .hero{padding-top:26px}
 .searchbox input{min-height:46px}
 table.res td,table.res th{padding:6px 5px;font-size:.9rem}
 .offcard{padding:12px 13px}
 .crumbs{font-size:.82rem}
}
/* --- tablet --- */
@media(min-width:701px) and (max-width:1024px){
 .hero-grid{grid-template-columns:1fr 1fr;gap:22px}
 figure.herophoto img{height:230px}
}
/* --- schermi grandi --- */
@media(min-width:1600px){body{font-size:17px}.hero{padding-top:52px}}

/* ============ PALETTE B — Indaco Moderno (token esatti, blocco finale) ============ */
:root{--bg:#F4F4FF;--card:#FFFFFF;--ink:#1C1A3D;--head:#1C1A3D;--muted:#5E5A85;--ink2:#5E5A85;--soft:#ECEAFF;--line:#DCD8FF;--primary:#4F46E5;--green:#4F46E5;--green2:#4338CA;--cta:#4F46E5;--accent:#22D3EE;--bright:#6366F1;--gold:#22D3EE;--red:#4F46E5;--dark:#171233;--shadow:0 1px 3px rgba(23,18,51,.06),0 12px 32px rgba(23,18,51,.09)}
html{background:#F4F4FF}
body{background:var(--bg);color:var(--ink)}
a{color:#4F46E5}
a:hover{color:#4338CA}
header.site{background:#FFFFFF;border-bottom:1px solid #DCD8FF}
.hero{background:linear-gradient(130deg,#171233 0%,#4F46E5 88%);color:#FFFFFF}
.hero .tagline{color:rgba(255,255,255,.78)}
footer.site{background:linear-gradient(130deg,#171233 0%,#4F46E5 88%);color:rgba(255,255,255,.78)}
.stickybar{background:linear-gradient(130deg,#171233 0%,#4F46E5 88%)}
.btn,.btn.green{background:#4F46E5;color:#FFFFFF;box-shadow:0 6px 16px rgba(79,70,229,.28)}
.btn:hover,.btn.green:hover{background:#4338CA}
.btn.ghost{background:#FFFFFF;border:1.5px solid #171233;color:#1C1A3D;box-shadow:none}
.btn.ghost:hover{background:#ECEAFF}
.hero .kicker{color:#22D3EE}
.result{background:#ECEAFF;color:#1C1A3D;border:1px solid #DCD8FF}
.result .big{color:#1C1A3D}
.result .big small{color:#5E5A85}
.result .hint,.result .mini{color:#5E5A85}
.result a{color:#4F46E5}
.result table.res td,.result table.res th{border-bottom-color:#DCD8FF}
.result table.res tr.total td,table.res tr.total td{border-top-color:#4F46E5}
.hero .result{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.2);color:#FFFFFF}
.hero .result .big{color:#FFFFFF}
.hero .result .big small{color:rgba(255,255,255,.78)}
.hero .result .hint,.hero .result .mini{color:rgba(255,255,255,.78)}
.hero .result a{color:#A5B4FC}
.hero .result table.res td,.hero .result table.res th{border-bottom-color:rgba(255,255,255,.16)}
::selection{background:#DCD8FF;color:#171233}
/* Pulsanti: blu indaco come il logo, scelto dal proprietario (ottobre 2026). Regole finali: prevalgono su tutte le precedenti. */.btn,.btn.green{background:#4F46E5;color:#FFFFFF;box-shadow:0 6px 16px rgba(79,70,229,.28)}.btn:hover{background:#4338CA}.btn.green:hover{background:#4338CA}.stickybar .btn{background:#4F46E5}.stickybar .btn:hover{background:#4338CA}body.home .stickybar{display:none !important}body.home footer.site{padding-bottom:36px}
/* ============ HERO BIANCHI (ottobre 2026): sfondi #FFFFFF, testi ridisegnati per fondo chiaro. Regole finali: prevalgono su tutte le precedenti. Footer e stickybar restano con gradiente indaco. ============ */
.hero{background:#FFFFFF;color:#1C1A3D;border-bottom:1px solid #DCD8FF}
.hero h1{color:#1C1A3D}
.hero .kicker{color:#4F46E5}
.hero .tagline{color:#5E5A85}
.hero .mini{color:#5E5A85}
.hero .searchbox input{border:1.5px solid #DCD8FF;box-shadow:0 2px 10px rgba(23,18,51,.07)}
figure.herophoto img{border:1px solid #DCD8FF;box-shadow:0 14px 34px rgba(23,18,51,.16)}
.hero .toolbox{background:#FFFFFF;border:1px solid #DCD8FF;color:#1C1A3D;box-shadow:0 2px 6px rgba(23,18,51,.05),0 20px 44px rgba(79,70,229,.13)}
.hero .toolbox h3{color:#1C1A3D}
.hero .toolbox .mini,.hero .toolbox .hint{color:#5E5A85}
.hero .toolbox label.fl{color:#1C1A3D}
.hero .result{background:#ECEAFF;border:1px solid #DCD8FF;color:#1C1A3D}
.hero .result .big{color:#1C1A3D}
.hero .result .big small{color:#5E5A85}
.hero .result .hint,.hero .result .mini{color:#5E5A85}
.hero .result a{color:#4F46E5}
.hero .result table.res td,.hero .result table.res th{border-bottom-color:#DCD8FF}
.hero table.res td,.hero table.res th{border-bottom-color:#DCD8FF}
.hero .toolbtns .btn.ghost{background:#FFFFFF;color:#1C1A3D;border-color:#171233}
.hero .trust .t{background:#FFFFFF;border-color:#DCD8FF;color:#5E5A85}
.hero .trust .t strong{color:#1C1A3D}
.topsearched .lbl{color:#1C1A3D}
.tscard{background:#ECEAFF;border:1px solid #DCD8FF;color:#1C1A3D}
.tscard:hover{background:#FFFFFF;border-color:#4F46E5;color:#1C1A3D}
.toolhero{background:#FFFFFF}
.toolhero .pill{background:#ECEAFF;color:#4338CA}
.cathero{background:#FFFFFF;border:1px solid #DCD8FF;border-radius:20px;padding:22px;box-shadow:0 2px 6px rgba(23,18,51,.05),0 16px 36px rgba(23,18,51,.07)}
.cathero .txt{border:none;background:transparent;padding:10px 8px}
.cathero figure img{border:1px solid #DCD8FF}
@media(max-width:860px){.cathero{padding:16px}.cathero .txt{padding:4px 2px}}
/* ============ HOMEPAGE: sezione "Gli strumenti più cercati" (60 strumenti con filtro categorie) ============ */
.topgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media(max-width:1100px){.topgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.topgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.topgrid{grid-template-columns:1fr}}
a.card.topcard{padding:0;display:flex;flex-direction:column}
.topcard .tcimg{width:100%;height:104px;object-fit:cover;display:block;border-bottom:1px solid #DCD8FF;flex:none}
.topcard .tc-body{display:block;padding:12px 14px 14px}
.topcard .tc-cat{display:block;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}
.topcard h3{font-size:.99rem;margin:0 0 5px;line-height:1.3}
.topcard p{font-size:.87rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.topall{text-align:center;margin:22px 0 4px}
.topall .btn{min-width:260px}
@media(max-width:480px){.topall .btn{width:100%;min-width:0}}
/* ============ FAQ REDESIGN (ottobre 2026): sezione a due colonne, card numerate, accordion uno-aperto. Regole finali. ============ */
.faqsec{display:grid;grid-template-columns:minmax(230px,330px) 1fr;gap:36px;align-items:start}
.faqside{position:sticky;top:84px}
.faqeyebrow{font-weight:700;color:#4F46E5;font-size:.82rem;letter-spacing:.07em;text-transform:uppercase;margin:0 0 8px}
.faqside h2{margin:0 0 10px}
.faqintro{color:#5E5A85;font-size:.97rem;line-height:1.6;margin:0;max-width:36ch}
@media(max-width:860px){.faqsec{grid-template-columns:1fr;gap:18px}.faqside{position:static}.faqintro{max-width:62ch}}
.faqlist{display:flex;flex-direction:column;gap:10px;min-width:0}
.faqitem{background:#FFFFFF;border:1px solid #DCD8FF;border-radius:16px;overflow:hidden;transition:border-color .2s ease}
.faqitem.open{border-color:#4F46E5}
.faqh{margin:0;font-size:1rem}
.faqq{display:flex;align-items:center;gap:12px;width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:14px 16px;min-height:58px;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:700;font-size:1.03rem;line-height:1.35;color:#1C1A3D}
.faqq:hover .faqt{text-decoration:none;color:#4338CA}
.faqq:focus-visible{outline:3px solid #4F46E5;outline-offset:-3px;border-radius:14px}
.faqnum{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 7px;border-radius:10px;background:#ECEAFF;color:#4338CA;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:.82rem;font-weight:800;transition:background .2s ease,color .2s ease}
.faqitem.open .faqnum{background:#EA580C;color:#FFFFFF}
.faqt{flex:1;min-width:0}
.faqchev{flex:none;width:34px;height:34px;border-radius:50%;background:#ECEAFF;display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease,background .2s ease}
.faqchev svg{width:16px;height:16px;stroke:#4F46E5;transition:stroke .2s ease}
.faqitem.open .faqchev{background:#EA580C;transform:rotate(180deg)}
.faqitem.open .faqchev svg{stroke:#FFFFFF}
.faqa{overflow:hidden;transition:height .32s ease}
.faqa[hidden]{display:none}
.faqain{border-top:1px solid #DCD8FF;padding:14px 16px 16px;font-family:Inter,system-ui,sans-serif;font-size:.97rem;line-height:1.65;color:#46436B}
.faqain p{margin:0 0 .8em}.faqain p:last-child{margin-bottom:0}
@media (prefers-reduced-motion: reduce){.faqa,.faqchev,.faqitem,.faqnum{transition:none}}
/* ============ QUICKNAV FIX (ottobre 2026): scroll JS senza hash, margine per header+nav sticky, pill attiva. ============ */
#toolbox,#formula,#example,#riferimenti,#correlati,#faq{scroll-margin-top:88px}
@media(min-width:701px){#toolbox,#formula,#example,#riferimenti,#correlati,#faq{scroll-margin-top:166px}}
.quicknav button.on{background:#4F46E5;color:#FFFFFF;border-color:#4F46E5}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
/* ============ FOOTER BIANCO (ottobre 2026): sfondo #FFFFFF, bordo superiore, testi ridisegnati per fondo chiaro, fondo pagina a filo. Solo il footer: le stickybar restano indaco. ============ */
footer.site{background:#FFFFFF;border-top:1px solid #DCD8FF;color:#5E5A85;padding:36px 0 28px}
footer.site a{color:#5E5A85}
footer.site a:hover{color:#4F46E5;text-decoration:underline}
footer.site h4{color:#1C1A3D}
body.home footer.site{padding-bottom:28px}
@media(max-width:700px){footer.site{padding-bottom:22px}body.home footer.site{padding-bottom:22px}}
/* ============ LOGO ALIGNMENT (ottobre 2026): lockup su una sola linea, bordo sinistro allineato al contenitore. Regole finali — prevalgono su tutte le precedenti. ============ */
header.site .hbar{align-items:center}
.logo{padding:0;margin:0;line-height:1;gap:10px;align-items:center}
.logo .wm{border-bottom:none;padding:0;margin:0;line-height:1;transform:translateY(1px)}
.logomark{vertical-align:middle}
.footlogo{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:800;letter-spacing:-.01em;color:#1C1A3D;font-size:1.05rem;line-height:1;display:flex;align-items:center;gap:10px;padding:0;margin:0 0 1em;white-space:nowrap}
.footlogo .wm{line-height:1;display:inline-block;transform:translateY(1px);color:#1C1A3D}
.footlogo .wm2{color:#4F46E5}
.footlogo .logomark{width:32px;height:32px;flex:none;display:block;align-self:center}
@media(max-width:560px){.logo{gap:8px}.footlogo{gap:8px}}
/* ============ TRUST ICONS (ottobre 2026): chip 46px #ECEAFF, icone SVG line indaco 1.8px. Regole finali. ============ */
.trust .t .thead{display:flex;align-items:center;gap:10px;margin:0 0 7px;min-width:0}
.trust .t .thead strong{display:block;margin:0;line-height:1.25}
.tico{flex:none;width:46px;height:46px;border-radius:14px;background:#ECEAFF;display:inline-flex;align-items:center;justify-content:center}
.tico svg{width:26px;height:26px;display:block;fill:none;stroke:#4F46E5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:480px){.trust .t .thead{gap:9px}.tico{width:42px;height:42px;border-radius:13px}.tico svg{width:24px;height:24px}}
/* ============ PIÙ CERCATI REDESIGN (ottobre 2026): striscia etichettata, 6 mini-card con icona, hover/focus. Regole finali. ============ */
.topsearched .lbl{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:700;font-size:13px;letter-spacing:.07em;color:#1C1A3D;display:flex;align-items:center;gap:8px;margin:22px 0 10px}
.tslab{flex:none;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px}
.tslab svg{width:19px;height:19px;display:block;fill:none;stroke:#EA580C;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tsgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.tscard{background:#FFFFFF;border:1px solid #DCD8FF;border-radius:14px;padding:10px 12px;color:#1C1A3D;font-family:"Plus Jakarta Sans",Inter,sans-serif;font-weight:600;font-size:14.5px;line-height:1.25;display:flex;align-items:center;gap:9px;min-height:56px;overflow:visible;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease,background .16s ease}
.tscard:hover{background:#FFFFFF;border-color:#4F46E5;color:#1C1A3D;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 20px rgba(79,70,229,.14)}
.tscard:focus-visible{outline:3px solid #4F46E5;outline-offset:2px;border-color:#4F46E5}
.tsico{flex:none;width:34px;height:34px;border-radius:10px;background:#ECEAFF;display:inline-flex;align-items:center;justify-content:center;transition:background .16s ease}
.tsico svg{width:20px;height:20px;display:block;fill:none;stroke:#4F46E5;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:stroke .16s ease}
.tscard:hover .tsico,.tscard:focus-visible .tsico{background:#EA580C}
.tscard:hover .tsico svg,.tscard:focus-visible .tsico svg{stroke:#FFFFFF}
.tstxt{flex:1;min-width:0}
.tsarr{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;transition:transform .16s ease}
.tsarr svg{width:15px;height:15px;display:block;fill:none;stroke:#4F46E5;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tscard:hover .tsarr,.tscard:focus-visible .tsarr{transform:translateX(2px)}
@media(max-width:1024px){.tsgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.tsgrid{grid-template-columns:repeat(2,1fr);gap:10px}.tscard{font-size:13.5px;padding:9px 10px;gap:8px;min-height:54px}.tsico{width:32px;height:32px}.tsico svg{width:19px;height:19px}}
@media (prefers-reduced-motion: reduce){.tscard,.tsico,.tsico svg,.tsarr{transition:none}.tscard:hover{transform:none}.tscard:hover .tsarr{transform:none}}
/* ============ HOVER BOTTONI PRIMARI (ottobre 2026): indaco chiaramente più scuro #3730A3, sollevamento di 1px, ombra morbida, transizione 160ms su :hover e :focus-visible. Regole finali — prevalgono su tutte le precedenti. La base resta #4F46E5, testo bianco. ============ */
.btn,.btn.green,.stickybar .btn{transition:background-color 160ms ease,transform 160ms ease,box-shadow 160ms ease}
.btn:hover,.btn:focus-visible,.btn.green:hover,.btn.green:focus-visible,.stickybar .btn:hover,.stickybar .btn:focus-visible{background:#3730A3;background-color:#3730A3;color:#FFFFFF;transform:translateY(-1px);box-shadow:0 10px 22px rgba(55,48,163,.35)}
@media (prefers-reduced-motion: reduce){.btn,.btn.green,.stickybar .btn{transition:none}.btn:hover,.btn:focus-visible,.btn.green:hover,.btn.green:focus-visible,.stickybar .btn:hover,.stickybar .btn:focus-visible{transform:none}}

/* ============ Compatibilità WordPress (aggiunte del tema, non presenti nel CSS originale) ============ */
/* Barra di amministrazione: il header resta sotto la barra WP quando si è collegati. */
body.admin-bar header.site{top:32px}
@media(max-width:782px){body.admin-bar header.site{top:46px}}
/* Le immagini inserite da WordPress non devono deformarsi. */
img{max-width:100%}
.entry-content img{height:auto}
/* Il blocco JSON di configurazione strumento non deve mai essere visibile. */
#ci-tool-config{display:none}

/* ============ WP fix: Più cercati, testo un po' più grande ============ */
.topsearched .lbl{font-size:15px}
.tslab{width:24px;height:24px}
.tslab svg{width:21px;height:21px}
.tscard{font-size:16px}
@media(max-width:560px){.tscard{font-size:14.5px}}

/* Barra inferiore rimossa su richiesta del proprietario (ott 2026): mai visibile. */
.stickybar{display:none!important}

/* Foto nelle guide (1.0.10) */
.guidephoto{margin:18px 0 6px}
.guidephoto-img{width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:14px;border:1px solid #DCD8FF;display:block}

/* Banner consenso cookie (1.0.12) */
.cookiebar{position:fixed;left:16px;bottom:16px;z-index:90;max-width:600px;background:#FFFFFF;border:1px solid #DCD8FF;border-radius:14px;box-shadow:0 18px 44px rgba(23,18,51,.22);padding:16px 18px}
.cookiebar[hidden]{display:none}
.cookiebar-text{margin:0;font-size:.92rem;line-height:1.55;color:#1C1A3D}
.cookiebar-text a{color:#4F46E5;font-weight:600}
.cookiebar-btns{display:flex;gap:10px;margin-top:12px;justify-content:flex-end}
.cookiebar-btns .btn{min-height:44px;padding:10px 20px}
.btn.ghost{background:#FFFFFF;color:#4F46E5;border:1px solid #4F46E5;box-shadow:none}
.btn.ghost:hover{background:#ECEAFF;color:#3730A3}
@media(max-width:640px){.cookiebar{left:10px;right:10px;bottom:10px;max-width:none}.cookiebar-btns .btn{flex:1}}