/* Layout e stati interattivi del sito #FAREMEGLIO (token e componenti in styles.css) */
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg)}
a{color:var(--color-accent-700)}
a:hover{color:var(--color-accent-900)}
.page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}
[hidden]{display:none!important}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--color-accent-900);color:var(--color-bg);padding:12px 18px;font:500 14px/1 var(--font-body)}
.skip:focus{left:12px;top:12px;color:var(--color-bg)}

/* header */
.site-header{position:sticky;top:0;z-index:20;background:var(--color-bg);border-bottom:1px solid var(--color-divider)}
.hdr-in{max-width:1200px;margin:0 auto;padding:14px clamp(20px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-text);margin-right:auto}
.brand:hover{color:var(--color-text)}
.brand-logo{display:block;width:auto;height:56px}
.brand-tag{font:500 10.5px/1.3 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-700);max-width:13ch}
@media (max-width:639px){.brand-logo{height:44px}}
@media (max-width:479px){.brand-tag{display:none}}

.nav.desk{padding:0;gap:6px 22px}
.nav a.nl{font-family:var(--font-body);font-size:14px;line-height:1;font-weight:500;padding:8px 0;color:var(--color-text);
  background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-position:left bottom;background-size:0% 2px;
  transition:background-size .35s cubic-bezier(.2,.7,.2,1),color .2s}
.nav a.nl:hover{background-size:100% 2px;color:var(--color-accent-700)}
.nav a.nl[aria-current=page]{font-weight:800;background-size:100% 2px;color:var(--color-text)}
.fb-btn{width:38px;height:38px;padding:0}
.btn-primary{transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}
.btn-primary:hover{background:var(--color-accent-700);border-color:var(--color-accent-700);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--color-bg)}
.cta-hdr{font-size:14px;padding:9px 16px}
.menu-btn{width:44px;height:44px;padding:0}
.menu-btn .ic-close{display:none}
.menu-btn[aria-expanded=true] .ic-open{display:none}
.menu-btn[aria-expanded=true] .ic-close{display:block}
.desk{display:none}
.compact{display:inline-flex}
@media (min-width:1024px){.nav.desk{display:flex}.btn.desk{display:inline-flex}.compact{display:none}.menu-panel{display:none!important}}

/* pannello mobile */
.menu-panel{position:absolute;top:100%;left:0;right:0;height:calc(100dvh - 100%);min-height:calc(100vh - 72px);background:var(--color-bg);border-top:1px solid var(--color-divider);overflow-y:auto;overscroll-behavior:contain;z-index:30}
.menu-in{max-width:1200px;margin:0 auto;padding:8px clamp(20px,4vw,48px) 24px;display:flex;flex-direction:column}
.menu-in a.pl{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--color-divider);font-family:var(--font-heading);font-size:24px;line-height:1;font-weight:600;color:var(--color-text);text-decoration:none}
.menu-in a.pl span{padding-bottom:4px;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-position:left bottom;background-size:0% 2px;transition:background-size .35s cubic-bezier(.2,.7,.2,1)}
.menu-in a.pl:hover{color:var(--color-accent-700)}
.menu-in a.pl:hover span{background-size:100% 2px}
.menu-in a.pl[aria-current=page]{font-weight:800;color:var(--color-accent-700)}
.menu-in a.pl[aria-current=page] span{background-size:100% 2px}
.pl-fb{display:flex;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--color-divider);font:500 16px/1 var(--font-body);color:var(--color-text);text-decoration:none}
.pl-fb:hover{color:var(--color-accent-700)}
.cta-panel{margin-top:20px;font-size:16px;padding:14px 22px;width:100%}

/* breadcrumb, link vari */
.crumb a:hover{color:var(--color-accent-700)!important}
.mail-link:hover{color:var(--color-accent-700)!important;text-decoration:underline!important}
.foot-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,auto));gap:10px 40px}
.foot-nav a{font-size:14px;color:var(--color-text);text-decoration:none}
.foot-nav a:hover{color:var(--color-accent-700);text-decoration:underline}

/* bottoni su fondo scuro */
.btn-primary.on-dark-primary:hover{background:var(--color-accent-400);border-color:var(--color-accent-400);color:var(--color-accent-900)}
.btn.on-dark-sec:hover{background:var(--color-accent-800);border-color:var(--color-accent-400);color:var(--color-bg)}

/* form contatti */
@media (max-width:760px){[data-contact-form]{order:-1}}
#contact-sent:not([hidden]){display:flex!important}
#privacy-err:not([hidden]){display:flex!important}