/*
Theme Name: Commercialisti.org
Description: Tema per lo studio Commercialisti.org — consulenza fiscale e revisione legale a Genova.
Version: 1.0
Text Domain: commercialisti
*/
:root{--brand:oklch(.5 .11 255);--deep:oklch(.27 .06 258);--paper:oklch(.975 .008 85);--bg:oklch(.99 .004 85);--fg:oklch(.22 .03 258);--muted:oklch(.48 .025 258);--accent:oklch(.72 .11 75);--sec:oklch(.95 .015 250);--border:oklch(.9 .012 250);--display:"Fraunces",Georgia,serif;--sans:"Manrope",system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.6}
h1,h2,h3{font-family:var(--display);font-weight:400;color:var(--deep);margin:0}a{color:var(--brand)}img{max-width:100%;display:block}
.wrap{max-width:72rem;margin:0 auto;padding:0 1.5rem}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--brand)}
.hdr{position:sticky;top:0;z-index:40;background:color-mix(in oklch,var(--bg) 90%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.hdr .wrap{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-block:1rem}.hdr img{height:2.25rem;width:auto}
.nav{display:flex;gap:.5rem;align-items:center;font-size:.9rem;font-weight:600}.nav a{color:var(--muted);text-decoration:none;padding:.5rem .75rem}.nav a.on,.nav a:hover{color:var(--brand)}
.btn{display:inline-block;background:var(--brand);color:var(--bg)!important;padding:.75rem 1.5rem;border-radius:.25rem;font-weight:600;text-decoration:none;border:0;cursor:pointer;font:inherit;font-weight:600}.btn:hover{background:var(--deep)}
.btn-o{background:transparent;color:var(--brand)!important;border:1px solid var(--brand)}.btn-o:hover{background:var(--sec)}
@media(max-width:640px){.nav a:not(.btn){display:none}}
.hero{background:var(--paper)}.hero h1{font-size:clamp(2.8rem,7vw,4.5rem);line-height:1.05;max-width:48rem;margin-top:1.25rem}.hero em{color:var(--brand)}
.lead{font-size:1.125rem;color:var(--muted);max-width:36rem}.sec{padding:6rem 0}.grid3{display:grid;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
@media(min-width:768px){.grid3{grid-template-columns:repeat(3,1fr)}.cols3{grid-template-columns:repeat(3,1fr)!important}}
.card{background:#fff;padding:2rem}.num{font-family:var(--display);font-size:1.9rem;color:var(--accent)}.card h3{font-size:1.5rem;margin-top:1rem}.card p{color:var(--muted)}
.dark{background:var(--deep);color:var(--bg)}.dark h3{color:var(--bg)}.cols3{display:grid;gap:2.5rem}
.svc{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border)}.svc p{color:var(--muted);margin:.4rem 0 0}
.form label{display:block;font-size:.875rem;font-weight:600;margin-top:1rem}.form input,.form textarea{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:.25rem;font:inherit;background:#fff;margin-top:.35rem}
.ftr{background:var(--deep);color:var(--bg)}.ftr .eyebrow{color:var(--accent)}.ftr p{opacity:.8;margin:.2rem 0}.ftr .copy{border-top:1px solid color-mix(in oklch,var(--bg) 15%,transparent);text-align:center;font-size:.75rem;opacity:.6;padding:1.25rem}
.notice{padding:1rem;background:var(--sec);border-radius:.25rem;margin-top:1rem}
