/* ============================================================
 * MENU V2 — Variant B nav upgrade.
 * Desktop mega-panel under "Soluții/Решения" + mobile accordion
 * inside .mob-menu. Host accent via body.nh-space (red) vs not
 * (yellow) through the existing --nh-accent token. Injected by
 * assets/menu-v2.js; markup is generated, not hand-authored.
 * ============================================================ */

/* ---- Restore the desktop horizontal nav (Variant B) ----------
 * The base theme hides .nh-nav/.nh-soc/.nh-lang at EVERY width and
 * uses the burger drawer as the only nav. Variant B brings back a
 * real desktop nav + mega above 980px; the burger + .mob-menu
 * accordion stay for mobile. Selectors are 1 level deeper than the
 * theme's hide rule so they win on specificity (plus source order). */
@media (min-width:980px){
  .site-hdr.nh .nh-inner > .nh-nav{display:block!important}
  .site-hdr.nh .nh-actions .nh-lang{display:inline-flex!important}
  .site-hdr.nh .sh-burger{display:none!important}
  .mob-menu{display:none!important}   /* drawer is mobile-only now */
}
@media (min-width:1180px){
  .site-hdr.nh .nh-actions .nh-soc{display:flex!important}
}

/* ---- Desktop trigger (caret) --------------------------------- */
.site-hdr.nh .nh-nav a.mv-trigger{position:relative}
.site-hdr.nh .nh-nav a.mv-trigger::after{
  content:"";display:inline-block;width:.42em;height:.42em;margin-left:.5em;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;
}
.site-hdr.nh .nh-nav li.mv-parent:hover a.mv-trigger::after,
.site-hdr.nh .nh-nav a.mv-trigger[aria-expanded="true"]::after{
  transform:translateY(1px) rotate(225deg);
}

/* ---- Desktop mega panel -------------------------------------- */
.site-hdr.nh .nh-nav li.mv-parent{position:relative}
.mv-panel{
  position:absolute;top:calc(100% + 20px);left:-14px;z-index:130;
  width:min(660px,92vw);
  background:var(--white,#fff);
  border:1px solid var(--hairline,#EAEAE6);
  border-radius:16px;
  box-shadow:0 28px 64px -26px rgba(0,0,0,.32),0 2px 8px -4px rgba(0,0,0,.12);
  padding:26px 28px;
  display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  gap:8px 36px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.mv-panel.mv-open{opacity:1;visibility:visible;transform:translateY(0)}
/* small connector so hover doesn't drop in the 20px gap */
.mv-panel::before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px}

.mv-h{
  margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted,#6B6B6B);
}
/* deeper than the theme's ".site-hdr.nh .nh-nav ul{display:flex}" so the
   in-panel lists lay out as grids instead of a flex row */
.site-hdr.nh .nh-nav .mv-cats,
.site-hdr.nh .nh-nav .mv-guides{list-style:none;margin:0;padding:0}
.site-hdr.nh .nh-nav .mv-cats{display:grid;grid-template-columns:1fr 1fr;gap:2px 20px;align-items:start}
.site-hdr.nh .nh-nav .mv-guides{display:grid;grid-template-columns:1fr;gap:2px}
.site-hdr.nh .nh-nav .mv-cats > li,
.site-hdr.nh .nh-nav .mv-guides > li{margin:0;padding:0}
.mv-col-guides{border-left:1px solid var(--hairline,#EAEAE6);padding-left:32px}

/* panel links — override the uppercase .nh-nav a base rules with a
 * higher-specificity chain so they read as normal-case list items. */
.site-hdr.nh .nh-nav .mv-panel a{
  display:block;padding:8px 10px;border-radius:9px;
  font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;
  text-transform:none;color:var(--ink,#1D1D1D);text-decoration:none;
  transition:background .15s ease,color .15s ease;
}
.site-hdr.nh .nh-nav .mv-panel a:hover{
  background:color-mix(in srgb,var(--nh-accent) 15%,transparent);
  color:var(--ink,#1D1D1D);
}
.site-hdr.nh .nh-nav .mv-panel a.mv-all{
  margin-top:6px;font-weight:700;color:var(--nh-accent);
}
.site-hdr.nh .nh-nav .mv-panel a.mv-all:hover{
  background:color-mix(in srgb,var(--nh-accent) 15%,transparent);
  color:var(--nh-accent);
}

/* ---- Mobile accordion (inside .mob-menu) --------------------- */
.mob-menu .mm-link.mv-acc{display:inline-flex;align-items:center;gap:.4em}
.mob-menu .mm-link.mv-acc::after{
  content:"";width:.36em;height:.36em;flex:none;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;
}
.mob-menu .mm-link.mv-acc.mv-acc-open::after{transform:translateY(1px) rotate(225deg)}
/* the drawer centers its items; a tall open accordion would push the
   "Soluții" header off the top (unreachable with justify-content:center),
   so top-align the whole drawer while the accordion is expanded. */
.mob-menu:has(.mv-macc.mv-open){justify-content:flex-start}
.mob-menu .mv-macc{
  display:none;width:100%;margin:2px 0 6px;padding:6px 0 8px;
  border-left:2px solid var(--nh-accent);
  border-left-color:color-mix(in srgb,var(--nh-accent) 55%,transparent);
  padding-left:14px;max-height:52vh;overflow-y:auto;
}
.mob-menu .mv-macc.mv-open{display:block;animation:mvAccIn .2s ease}
@keyframes mvAccIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.mob-menu .mv-macc-h{
  font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--muted,#6B6B6B);margin:8px 0 4px;
}
.mob-menu .mv-macc-list{list-style:none;margin:0;padding:0}
.mob-menu .mm-link.mv-sub{
  font-size:16px;line-height:1.25;text-transform:none;letter-spacing:0;
  padding:7px 4px;display:block;color:var(--ink,#1D1D1D);
}
.mob-menu .mm-link.mv-sub.mv-all{font-weight:700;color:var(--nh-accent,var(--ink))}
.mob-menu .mm-link.mv-sub:hover{color:var(--nh-accent,var(--ink))}

/* ---- Focus-visible outlines ---------------------------------- */
.site-hdr.nh .nh-nav a.mv-trigger:focus-visible,
.site-hdr.nh .nh-nav .mv-panel a:focus-visible,
.mob-menu .mm-link.mv-acc:focus-visible,
.mob-menu .mm-link.mv-sub:focus-visible{
  outline:2px solid var(--nh-accent);outline-offset:2px;border-radius:7px;
}

/* ---- Responsive: narrow the mega on smaller desktop ---------- */
@media (max-width:820px){
  .mv-panel{grid-template-columns:1fr;width:min(420px,88vw)}
  .mv-col-guides{border-left:0;padding-left:0;border-top:1px solid var(--hairline,#EAEAE6);padding-top:14px;margin-top:6px}
  .mv-cats{grid-template-columns:1fr 1fr}
}

/* ---- Reduced motion ------------------------------------------ */
@media (prefers-reduced-motion:reduce){
  .mv-panel,.mv-panel a,.site-hdr.nh .nh-nav a.mv-trigger::after,
  .mob-menu .mm-link.mv-acc::after,.mob-menu .mv-macc{transition:none}
  .mob-menu .mv-macc.mv-open{animation:none}
}