/**
 * Pagina vetrina «counseling» — CSS autonomo (caricato solo da questo template, vedi inc/page-templates.php).
 * Ordine: font locali → token → base → header/footer condivisi → regole di pagina → hover.
 * Tutte le regole sono sotto body.sitiamo-page--counseling. Gli stili dei singoli elementi restano inline nel markup,
 * come nel design approvato.
 */

/* ---- Font in locale (nessuna chiamata a Google) ---- */
@font-face{font-family:'Atkinson Hyperlegible';font-style:italic;font-weight:400;font-display:swap;src:url('../../fonts/atkinson-hyperlegible-italic-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-style:italic;font-weight:400;font-display:swap;src:url('../../fonts/atkinson-hyperlegible-italic-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url('../../fonts/atkinson-hyperlegible-normal-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:400;font-display:swap;src:url('../../fonts/atkinson-hyperlegible-normal-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url('../../fonts/atkinson-hyperlegible-normal-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible';font-style:normal;font-weight:700;font-display:swap;src:url('../../fonts/atkinson-hyperlegible-normal-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Libre Caslon Text';font-style:normal;font-weight:400;font-display:swap;src:url('../../fonts/libre-caslon-text-normal-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Libre Caslon Text';font-style:normal;font-weight:400;font-display:swap;src:url('../../fonts/libre-caslon-text-normal-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url('../../fonts/newsreader-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url('../../fonts/newsreader-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('../../fonts/newsreader-italic-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url('../../fonts/newsreader-italic-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root {
    --sz-ink: #2B2622;
    --sz-paper: #F2ECE2;
    --sz-paper-alt: #EAE3D7;
    --sz-accent: #A4513A;
    --sz-accent-dark: #8A3F2B;
    --sz-accent-hover: #8F4531;
    --sz-cream: #F6F1E9;
    --sz-serif: 'Libre Caslon Text', Georgia, serif;
    --sz-italic: 'Newsreader', Georgia, serif;
    --sz-sans: 'Atkinson Hyperlegible', system-ui, sans-serif;
}

/* ---- Base (dal <style> del design, scoped) ---- */
body.sitiamo-page--counseling { margin: 0; background: #F2ECE2; color: #2B2622; -webkit-font-smoothing: antialiased; }
body.sitiamo-page--counseling *, body.sitiamo-page--counseling *::before, body.sitiamo-page--counseling *::after { box-sizing: border-box; }
body.sitiamo-page--counseling a { color: #A4513A; text-decoration-thickness: 1px; text-underline-offset: 4px; }
body.sitiamo-page--counseling a:hover { color: #8A3F2B; }
body.sitiamo-page--counseling ::selection { background: #A4513A; color: #F2ECE2; }
body.sitiamo-page--counseling [hidden] { display: none !important; }

/* Corsivo d'accento dentro i titoli (era lo style inline dell'<em>) */
body.sitiamo-page--counseling .it { font-family: 'Newsreader', Georgia, serif; font-style: italic; font-weight: 300; font-size: 1.14em; line-height: 1; letter-spacing: -0.02em; }

/* Focus da tastiera: i bottoni del design usano all:unset e perdevano l'anello */
body.sitiamo-page--counseling a:focus-visible, body.sitiamo-page--counseling button:focus-visible { outline: 2px solid #A4513A; outline-offset: 3px; }

/* ---- Header / menu / footer condivisi ---- */
body.sitiamo-page--counseling #siteHeader .nav-link { color: rgba(43,38,34,0.8); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
body.sitiamo-page--counseling #siteHeader .nav-link:hover { color: #2B2622; }
body.sitiamo-page--counseling #siteHeader .nav-link[aria-current="page"] { color: #2B2622; text-decoration: underline; text-decoration-color: rgba(43,38,34,0.35); }
body.sitiamo-page--counseling #mobileMenu:not([hidden]) { display: flex; }
body.sitiamo-page--counseling #mobileMenu .m-link { display: flex; align-items: center; min-height: 56px; border-bottom: 1px solid rgba(43,38,34,0.12); font-family: 'Libre Caslon Text', Georgia, serif; font-size: 24px; letter-spacing: -0.01em; text-decoration: none; color: #2B2622; }
body.sitiamo-page--counseling #mobileMenu .m-link:hover, body.sitiamo-page--counseling #mobileMenu .m-link[aria-current="page"] { color: #A4513A; }
body.sitiamo-page--counseling #menuToggle .bar { display: block; width: 24px; height: 1.5px; background: #2B2622; border-radius: 2px; transition: transform .3s ease, opacity .2s ease; }
body.sitiamo-page--counseling #menuToggle[aria-expanded="true"] .bar1 { transform: translateY(7.5px) rotate(45deg); }
body.sitiamo-page--counseling #menuToggle[aria-expanded="true"] .bar2 { opacity: 0; }
body.sitiamo-page--counseling #menuToggle[aria-expanded="true"] .bar3 { transform: translateY(-7.5px) rotate(-45deg); }
@media (min-width: 720px) {
    body.sitiamo-page--counseling #menuToggleWrap { display: none !important; }
    body.sitiamo-page--counseling #mobileMenu { display: none !important; }
}
@media (max-width: 719.98px) {
    body.sitiamo-page--counseling #headerNav { display: none !important; }
    body.sitiamo-page--counseling #restSvg, body.sitiamo-page--counseling #threadPanel, body.sitiamo-page--counseling #contactThreadSvg, body.sitiamo-page--counseling #stepsSvg { display: none; }
}

/* ---- Il counseling ---- */
@media (min-width: 900px) {
    body.sitiamo-page--counseling #compare { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 720px) {
    body.sitiamo-page--counseling #chi figure { order: 2; justify-self: end; }
}
@media (min-width: 1100px) {
    body.sitiamo-page--counseling #contenuto { box-sizing: border-box; width: 70%; margin-left: auto; margin-right: auto; padding-left: 0 !important; padding-right: 0 !important; }
}

/* ---- Hover (era l'attributo style-hover del design; !important perché lo stile base è inline) ---- */
body.sitiamo-page--counseling .hv1:hover { background:#8F4531 !important; color:#F6F1E9 !important; }
body.sitiamo-page--counseling .hv2:hover { color:#2B2622 !important; }
body.sitiamo-page--counseling .hv5:hover { background:#FFFFFF !important; color:#8A3F2B !important; }
body.sitiamo-page--counseling .hv7:hover { border-color:#A4513A !important; background:rgba(164,81,58,0.04) !important; }