/* ============================================================
   Menu a 2 livelli (tendine desktop + fisarmonica mobile)
   Condiviso HOME (tema scuro) e PAGINE INTERNE (tema chiaro).
   I colori delle voci di 1° livello e delle voci mobile sono
   ereditati dai temi (.navlinks a / .mmenu-nav a); qui si
   definiscono solo struttura, pannelli tendina e interazioni.
   ============================================================ */

/* ---------- DESKTOP: voce con tendina ---------- */
.navlinks{align-self:stretch}                       /* la barra link occupa tutta l'altezza dell'header */
.nav-item{position:relative;display:flex;align-items:center;align-self:stretch}
.nav-item::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}  /* "ponte" invisibile: tiene aperta la tendina mentre il mouse scende */
.nav-parent{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.nav-parent .caret{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.7;transition:transform .22s}
.nav-item:hover .caret,.nav-item:focus-within .caret{transform:rotate(180deg);opacity:1}

.submenu{position:absolute;top:calc(100% + 14px);left:0;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 50px rgba(23,1,44,.16);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:80}
.nav-item:hover .submenu,.nav-item:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}
.navlinks .submenu a{display:block;padding:10px 14px;border-radius:9px;font-size:14px;font-weight:600;color:#3D3352;white-space:nowrap;transition:background .15s,color .15s}
.navlinks .submenu a:hover,.navlinks .submenu a:focus-visible{background:var(--lightViolet);color:var(--magenta);outline:none}

/* ---------- MOBILE: fisarmonica dentro l'off-canvas ---------- */
.m-acc{border-bottom:1px solid var(--line)}
.m-acc-row{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mmenu-nav .m-acc-row a{flex:1;border-bottom:0;padding:15px 2px}
.m-acc-toggle{flex:0 0 auto;background:none;border:0;margin:0;padding:12px;cursor:pointer;color:inherit;display:grid;place-items:center;border-radius:8px}
.m-acc-toggle .caret{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.m-acc-toggle[aria-expanded="true"] .caret{transform:rotate(180deg)}
.m-acc-panel{overflow:hidden;max-height:0;transition:max-height .3s ease}
.mmenu-nav .m-acc-panel a{display:block;border-bottom:0;padding:11px 2px 11px 18px;font-size:15px;font-weight:500;color:var(--muted)}
.mmenu-nav .m-acc-panel a:last-child{padding-bottom:16px}

/* ---------- Nasconde la CTA "Call gratuita" nella barra mobile delle pagine interne (coerente con la home) ---------- */
@media(max-width:1160px){ .nav-right .btn{display:none} }

/* ---------- Blocco contatti + social nel menu mobile (serve alle interne; sulla home e' gia' definito nel tema, valori identici) ---------- */
.mmenu-contacts{margin-top:26px}
.mmenu-contacts h4{font-size:22px;font-weight:800;color:var(--ink);margin-bottom:14px;letter-spacing:-.02em}
.mmenu-contacts a{display:flex;gap:11px;align-items:flex-start;color:var(--muted);font-size:14px;font-weight:500;padding:6px 0}
.mmenu-contacts a svg{flex:0 0 18px;color:var(--pink);margin-top:1px}
.mmenu-social{display:flex;gap:12px;margin-top:22px}
.mmenu-social a{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--ink)}
.mmenu-social a:hover{border-color:var(--magenta);color:var(--magenta)}