/* Vetroom · menu principale, uguale su tutte le pagine (classi vm- per non toccare gli stili delle pagine) */
.vm-header{--vm-teal:#0f766e;--vm-teal2:#115e59;--vm-ink:#0f172a;--vm-muted:#4b5563;--vm-line:#e5e7eb;--vm-orange:#f97316;
  position:sticky;top:0;z-index:1000;background:var(--vm-teal);box-shadow:0 2px 10px rgba(15,23,42,.14);padding:0;margin:0;
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Noto Sans",sans-serif;line-height:1.35}
.vm-header *{box-sizing:border-box}
.vm-skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--vm-ink);padding:8px 12px;border-radius:10px;z-index:2;font-weight:700}
.vm-skip:focus{left:12px}
.vm-bar{max-width:1180px;margin:0 auto;padding:0 20px;height:62px;display:flex;align-items:center;gap:14px}
.vm-logo{display:flex;align-items:center;flex:0 0 auto;padding:4px 0}
.vm-header .vm-logo img{height:34px;width:auto;display:block}
.vm-nav{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-width:0}
.vm-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.vm-item{position:relative;margin:0;padding:0}
.vm-top{font:inherit;font-size:15px;font-weight:700;color:#ecfeff;background:transparent;border:0;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}
.vm-top:hover,.vm-item.vm-open>.vm-top{background:rgba(255,255,255,.14)}
.vm-item.vm-active>.vm-top{box-shadow:inset 0 -3px 0 #99f6e4}
.vm-chev{transition:transform .15s}
.vm-item.vm-open .vm-chev{transform:rotate(180deg)}
.vm-top:focus-visible,.vm-burger:focus-visible,.vm-header a:focus-visible{outline:3px solid #99f6e4;outline-offset:2px}

/* Pannelli a tendina (computer) */
.vm-panel{position:absolute;top:calc(100% + 10px);left:0;width:360px;background:#fff;border:1px solid var(--vm-line);border-radius:18px;
  box-shadow:0 24px 60px rgba(15,23,42,.22);padding:10px;display:none}
.vm-panel::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.vm-panel.vm-wide{width:560px;left:50%;transform:translateX(-50%)}
.vm-right .vm-panel.vm-wide{transform:none}
.vm-right .vm-panel{left:auto;right:0}
.vm-item.vm-open .vm-panel{display:block}
.vm-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:2px}
.vm-wide .vm-links{grid-template-columns:1fr 1fr}
.vm-links li{margin:0;padding:0}
.vm-links a{display:block;padding:10px 12px;border-radius:12px;text-decoration:none;color:var(--vm-ink)}
.vm-links a:hover{background:#f0fdfa}
.vm-links a[aria-current="page"]{background:#f0fdfa;box-shadow:inset 3px 0 0 var(--vm-teal)}
.vm-links strong{display:block;font-size:15px;color:var(--vm-ink);font-weight:800}
.vm-links span{display:block;font-size:13px;color:var(--vm-muted);margin-top:2px;font-weight:500}
.vm-all{display:block;margin:6px 4px 2px;padding:10px 10px 6px;border-top:1px solid var(--vm-line);font-size:14px;font-weight:800;color:var(--vm-teal2);text-decoration:none}
.vm-all:hover{color:var(--vm-teal);text-decoration:underline}

/* Pulsanti a destra */
.vm-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.vm-login{color:#ecfeff;font-weight:700;font-size:15px;text-decoration:none;padding:9px 12px;border-radius:12px}
.vm-login:hover{background:rgba(255,255,255,.14);color:#fff}
.vm-start{display:inline-flex;align-items:center;justify-content:center;background:var(--vm-orange);color:#fff;font-weight:800;font-size:15px;text-decoration:none;padding:10px 16px;border-radius:12px;white-space:nowrap}
.vm-start:hover{background:#ea580c;color:#fff}
.vm-burger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;border:1px solid rgba(236,254,255,.45);background:transparent;color:#ecfeff;cursor:pointer;padding:0}
.vm-ico-close{display:none}
.vm-mcta{display:none}

@media (max-width:1180px){.vm-top{padding:10px 9px;font-size:14.5px}.vm-login{display:none}}

/* Telefono e tablet: menu a scomparsa con sezioni apribili */
@media (max-width:1023px){
  .vm-bar{height:58px;gap:10px}
  .vm-burger{display:inline-flex}
  .vm-hide-m{display:none}
  .vm-login{display:inline-block;padding:8px 10px;font-size:14px}
  .vm-actions{margin-left:auto}
  .vm-nav{display:none;position:fixed;left:0;right:0;top:58px;bottom:0;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;
    flex-direction:column;align-items:stretch;justify-content:flex-start;padding:8px 16px 24px;border-top:1px solid rgba(255,255,255,.2)}
  .vm-header.vm-mopen .vm-nav{display:flex}
  .vm-header.vm-mopen .vm-ico-open{display:none}
  .vm-header.vm-mopen .vm-ico-close{display:block}
  .vm-list{flex-direction:column;align-items:stretch;gap:0}
  .vm-item{border-bottom:1px solid var(--vm-line)}
  .vm-top{width:100%;justify-content:space-between;color:var(--vm-ink);font-size:17px;padding:16px 4px;border-radius:0}
  .vm-top:hover,.vm-item.vm-open>.vm-top{background:transparent}
  .vm-item.vm-active>.vm-top{box-shadow:none;color:var(--vm-teal2)}
  .vm-panel,.vm-panel.vm-wide{position:static;width:auto;transform:none;border:0;box-shadow:none;padding:0 0 10px;border-radius:0}
  .vm-panel::before{display:none}
  .vm-wide .vm-links{grid-template-columns:1fr}
  .vm-links a{padding:10px 8px}
  .vm-all{border-top:0;margin:0;padding:8px 8px 6px}
  .vm-mcta{display:flex;flex-direction:column;gap:10px;padding:20px 0 8px}
  .vm-mcta .vm-start{padding:14px 16px;font-size:16px}
  .vm-login-m{display:block;text-align:center;padding:12px;border-radius:12px;border:2px solid var(--vm-teal);color:var(--vm-teal2);font-weight:800;text-decoration:none}
  html.vm-lock,html.vm-lock body{overflow:hidden}
}
@media (max-width:380px){.vm-login{display:none}}
@media (prefers-reduced-motion:reduce){.vm-chev{transition:none}}
@media print{.vm-header{display:none}}