/* ============ HEADER SULL'HERO (scorre via con la pagina) ============ */
.site-head{position:absolute;inset:0 0 auto 0;z-index:40;padding:22px 70px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.site-head .logo{justify-self:start}
.site-head .head-cta{justify-self:end}
.site-head .logo img{height:90px;width:auto}
.nav-pill{display:flex;gap:5px;background:rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:8px;padding:6px}
.nav-pill a,.nav-pill .nav-sub-trigger{display:block;padding:7px 14px;border-radius:4px;color:var(--white);font-size:16px;white-space:nowrap;transition:background .15s,color .15s}
.nav-pill a:hover,.nav-pill .nav-sub-trigger:hover{background:rgba(255,255,255,.16)}
.nav-pill a.is-active,.nav-pill .nav-sub-trigger.is-active{background:var(--cream-50);color:var(--green);font-weight:800}
.head-cta{display:flex;gap:8px;align-items:center}
.btn-square,.btn-phone{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--white);border-radius:8px;color:var(--white);transition:background .18s,color .18s}
.btn-square{width:48px;height:48px}
.btn-phone{width:48px;height:48px;padding:0;font-weight:800;font-size:16px}
.btn-square svg,.btn-phone svg{stroke:var(--white);fill:none;transition:stroke .18s}
.btn-square .fill,.btn-phone .fill{fill:var(--white);stroke:none;transition:fill .18s}
.btn-square:hover,.btn-phone:hover{background:var(--white);color:var(--green)}
.btn-square:hover svg,.btn-phone:hover svg{stroke:var(--green)}
.btn-square:hover .fill,.btn-phone:hover .fill{fill:var(--green)}

/* ============ BARRA BIANCA ALLO SCROLL (variante "Frame 39" del Figma) ============ */
/* barra flottante come da Figma: 1355/1440, agganciata in alto, tondi solo sotto */
.scroll-head{position:fixed;top:0;left:50%;z-index:50;width:min(1355px,calc(100vw - 60px));background:var(--white);border-radius:0 0 12px 12px;box-shadow:0 4px 20px rgba(124,106,70,.12);padding:12px 29px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;transform:translate(-50%,-110%);transition:transform .28s cubic-bezier(.22,1,.36,1);will-change:transform}
.scroll-head.is-visible{transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.scroll-head{transition:none}}
.scroll-head .logo{justify-self:start}
.scroll-head .logo img{height:80px;width:auto}
.scroll-head nav{display:flex;gap:5px;padding:6px;border-radius:8px}
.scroll-head nav a,.scroll-head nav .nav-sub-trigger{color:var(--green);font-size:16px;padding:6px 12px;border-radius:4px;white-space:nowrap;transition:background .15s}
.scroll-head nav a:hover,.scroll-head nav .nav-sub-trigger:hover{background:rgba(19,79,74,.07)}
.scroll-head nav a.is-active,.scroll-head nav .nav-sub-trigger.is-active{background:var(--green);color:var(--white);font-weight:800}
.scroll-head .head-cta{justify-self:end}
.scroll-head .btn-square,.scroll-head .btn-phone{border-color:var(--green);color:var(--green)}
.scroll-head .btn-square svg,.scroll-head .btn-phone svg{stroke:var(--green)}
.scroll-head .btn-square .fill,.scroll-head .btn-phone .fill{fill:var(--green)}
.scroll-head .btn-square:hover,.scroll-head .btn-phone:hover{background:var(--green);color:var(--white)}
.scroll-head .btn-square:hover svg,.scroll-head .btn-phone:hover svg{stroke:var(--white)}
.scroll-head .btn-square:hover .fill,.scroll-head .btn-phone:hover .fill{fill:var(--white)}

/* Keep every desktop white header aligned with the transparent home header. */
@media (min-width:1101px){
  .scroll-head{width:calc(100vw - 60px);padding-right:40px;padding-left:40px}
  .scroll-head nav a,.scroll-head nav .nav-sub-trigger{padding:7px 14px}
}

/* Tablet compaction keeps desktop navigation without shrinking the logo. */
@media (min-width:981px) and (max-width:1279px){
  .site-head{padding:18px 28px;gap:12px}
  .site-head .logo,.scroll-head .logo{min-width:68px}
  .site-head .logo img{height:72px}
  .scroll-head{width:calc(100vw - 28px);padding:10px 14px;gap:12px}
  .scroll-head .logo img{height:64px}
  .nav-pill a,.nav-pill .nav-sub-trigger,.scroll-head nav a,.scroll-head nav .nav-sub-trigger{font-size:13px;padding:6px 8px}
  .head-cta{gap:6px}
  .btn-square{width:42px;height:42px}
  .btn-phone{width:42px;height:42px;padding:0;font-size:13px;white-space:nowrap}
  .btn-phone .txt{display:none}
  .site-head .lang-switch,.scroll-head .lang-switch{gap:4px;font-size:11px}
}