/**
 * Pagina vetrina «contatti» — 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--contatti. 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--contatti { margin: 0; background: #F2ECE2; color: #2B2622; -webkit-font-smoothing: antialiased; }
body.sitiamo-page--contatti *, body.sitiamo-page--contatti *::before, body.sitiamo-page--contatti *::after { box-sizing: border-box; }
body.sitiamo-page--contatti a { color: #A4513A; text-decoration-thickness: 1px; text-underline-offset: 4px; }
body.sitiamo-page--contatti a:hover { color: #8A3F2B; }
body.sitiamo-page--contatti ::selection { background: #A4513A; color: #F2ECE2; }
body.sitiamo-page--contatti [hidden] { display: none !important; }

/* Corsivo d'accento dentro i titoli (era lo style inline dell'<em>) */
body.sitiamo-page--contatti .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--contatti a:focus-visible, body.sitiamo-page--contatti button:focus-visible { outline: 2px solid #A4513A; outline-offset: 3px; }

/* ---- Header / menu / footer condivisi ---- */
body.sitiamo-page--contatti #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--contatti #siteHeader .nav-link:hover { color: #2B2622; }
body.sitiamo-page--contatti #siteHeader .nav-link[aria-current="page"] { color: #2B2622; text-decoration: underline; text-decoration-color: rgba(43,38,34,0.35); }
body.sitiamo-page--contatti #mobileMenu:not([hidden]) { display: flex; }
body.sitiamo-page--contatti #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--contatti #mobileMenu .m-link:hover, body.sitiamo-page--contatti #mobileMenu .m-link[aria-current="page"] { color: #A4513A; }
body.sitiamo-page--contatti #menuToggle .bar { display: block; width: 24px; height: 1.5px; background: #2B2622; border-radius: 2px; transition: transform .3s ease, opacity .2s ease; }
body.sitiamo-page--contatti #menuToggle[aria-expanded="true"] .bar1 { transform: translateY(7.5px) rotate(45deg); }
body.sitiamo-page--contatti #menuToggle[aria-expanded="true"] .bar2 { opacity: 0; }
body.sitiamo-page--contatti #menuToggle[aria-expanded="true"] .bar3 { transform: translateY(-7.5px) rotate(-45deg); }
@media (min-width: 720px) {
    body.sitiamo-page--contatti #menuToggleWrap { display: none !important; }
    body.sitiamo-page--contatti #mobileMenu { display: none !important; }
}
@media (max-width: 719.98px) {
    body.sitiamo-page--contatti #headerNav { display: none !important; }
    body.sitiamo-page--contatti #restSvg, body.sitiamo-page--contatti #threadPanel, body.sitiamo-page--contatti #contactThreadSvg, body.sitiamo-page--contatti #stepsSvg { display: none; }
}

/* ---- Contatti ---- */
@media (min-width: 1100px) {
    body.sitiamo-page--contatti #contattiContent { box-sizing: border-box; width: 70%; margin-left: auto; margin-right: auto; padding-left: calc(26.6% + clamp(44px, 5vw, 64px)) !important; padding-right: 0 !important; }
}
body.sitiamo-page--contatti input, body.sitiamo-page--contatti textarea { font: inherit; color: inherit; }
body.sitiamo-page--contatti input::placeholder, body.sitiamo-page--contatti textarea::placeholder { color: rgba(43,38,34,0.4); }
body.sitiamo-page--contatti .f-line:focus { border-bottom-color: #A4513A !important; }
body.sitiamo-page--contatti .f-line.is-error { border-bottom-color: #8A3F2B !important; }
/* Campo-trappola anti-spam: fuori schermo, non display:none (i bot lo riempiono lo stesso) */
body.sitiamo-page--contatti .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
/* Scelta "come ricontattarti": radio nativi, pillola stilata */
body.sitiamo-page--contatti .pref { display: inline-flex; position: relative; }
body.sitiamo-page--contatti .pref-in { position: absolute; opacity: 0; pointer-events: none; }
body.sitiamo-page--contatti .pref-pill { border: 1px solid rgba(43,38,34,0.3); color: #2B2622; background: transparent; }
body.sitiamo-page--contatti .pref-in:checked + .pref-pill { border-color: #2B2622; background: #2B2622; color: #F2ECE2; }
body.sitiamo-page--contatti .pref-in:focus-visible + .pref-pill { outline: 2px solid #A4513A; outline-offset: 3px; }

/* ---- Hover (era l'attributo style-hover del design; !important perché lo stile base è inline) ---- */
body.sitiamo-page--contatti .hv1:hover { background:#8F4531 !important; color:#F6F1E9 !important; }
body.sitiamo-page--contatti .hv2:hover { color:#2B2622 !important; }
body.sitiamo-page--contatti .hv4:hover { color:#A4513A !important; }
body.sitiamo-page--contatti .hv8:hover { color:#8A3F2B !important; }
body.sitiamo-page--contatti .hv9:hover { background:#8F4531 !important; }