/* Chrome: header e footer, sempre scuri. Da design/assets/css/svm.css */

/* NAV */
header.nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--chrome) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--hair)}
.bar{display:flex;align-items:center;gap:18px;padding-block:10px}
.brand{text-decoration:none;flex:none}
.logo{height:46px;width:auto;aspect-ratio:364/170;display:block}
.logo-lg{height:auto;width:min(340px,70vw)}
.menu{display:flex;gap:6px;align-items:center;margin-inline:auto}
.menu a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;font-weight:600;font-size:.88rem;padding:8px 14px;white-space:nowrap;border-radius:999px;color:var(--muted);border:1px solid var(--hair);transition:color .2s,background .2s,border-color .2s}
.menu a svg{width:16px;height:16px;flex:none}
.menu a .dot{width:6px;height:6px;border-radius:50%;background:var(--dc);margin-left:-2px}
.menu a.icon-golf{--dc:#3ddc84}.menu a.icon-nuoto{--dc:#22c7f2}
@media (max-width:1260px) and (min-width:981px){.menu .lbl-md{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.menu a.m-lock{padding-inline:11px}}
.menu a:hover{color:var(--line);border-color:rgba(255,255,255,.35)}
.menu a[aria-current="page"]{color:var(--on-clay);background:var(--line);border-color:var(--line)}
.actions{display:flex;align-items:center;gap:8px;flex:none}
.icon-btn{appearance:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--hair);background:transparent;color:var(--line);display:grid;place-items:center;cursor:pointer}
.icon-btn:hover{border-color:rgba(255,255,255,.35)}
.icon-btn svg{width:18px;height:18px}
.cta{text-decoration:none;font-weight:700;font-size:.9rem;padding:10px 18px;border-radius:999px;background:var(--clay);color:var(--on-clay);white-space:nowrap}
.cta:hover{background:var(--clay-soft)}
.cta .short,.burger{display:none}
@media (max-width:1180px){.cta .long{display:none}.cta .short{display:inline}}
@media (max-width:980px){
  .burger{display:grid}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;padding:12px clamp(16px,4vw,40px) 18px;background:var(--chrome);border-bottom:1px solid var(--hair)}
  .menu.open{display:flex}
  .menu a{justify-content:center;padding:12px}
  .logo{height:40px}
  .actions{margin-left:auto}
}
@media (max-width:400px){.cta{display:none}}
/* barra di amministrazione di WordPress */
.admin-bar header.nav{top:32px}
@media (max-width:782px){.admin-bar header.nav{top:46px}}
@media (max-width:600px){.admin-bar header.nav{top:0}}

/* FOOTER */
footer.site{position:relative;overflow:hidden;background:var(--court);padding-block:clamp(120px,16vw,220px) 32px}
.court3d{position:absolute;left:50%;top:0;width:min(1400px,160%);transform:translateX(-50%) perspective(1100px) rotateX(58deg) scale(1.05);transform-origin:50% 0;pointer-events:none}
.court3d svg{width:100%;height:auto;display:block}
.court3d .ln{fill:none;stroke:rgba(255,255,255,.7);stroke-width:3;stroke-linecap:round}
.court3d .wall{stroke:rgba(255,255,255,.35);stroke-width:7}
.court3d .net{stroke:var(--clay);stroke-width:4;stroke-dasharray:.012 .008}
.court3d .scene-golf,.court3d .scene-nuoto{display:none}
:root[data-sport="golf"] .court3d .scene-tennis,:root[data-sport="nuoto"] .court3d .scene-tennis{display:none}
:root[data-sport="golf"] .court3d .scene-golf,:root[data-sport="nuoto"] .court3d .scene-nuoto{display:inline}
.court3d.draw .ln:not(.net){stroke-dasharray:1;animation:draw 1.6s cubic-bezier(.6,0,.2,1) var(--d,0s) both}
.court3d.draw .net{animation:fade .8s ease var(--d,0s) both}
footer.site::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--court) 0%,transparent 30%,color-mix(in srgb,var(--chrome) 55%,transparent) 60%,var(--court) 100%);pointer-events:none;z-index:1}
.foot-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:32px}
.foot-top{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:end}
.foot-grid{display:flex;gap:28px;flex-wrap:wrap;color:var(--muted);font-size:.9rem}
.foot-grid a{text-decoration:none}
.foot-grid a:hover{color:var(--line)}
.foot-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--muted);border-top:1px solid var(--hair);padding-top:20px;font-size:.85rem}