/* ============================================================
   FRANCIZOR.RO — Premium mega-menu (glassmorphism + a11y)
   Harmonised with the existing navy + gold token system.
   Desktop: hover / click / keyboard dropdown panels.
   Mobile: accordion inside the drawer.
   ============================================================ */

/* ---- top-bar nav list ---- */
.mega{display:flex;align-items:center;gap:0;margin-left:auto}
.mega-item{position:relative}
.mega-trigger{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.005em;
  color:var(--muted);background:transparent;border:0;cursor:pointer;
  padding:9px 10px;border-radius:6px;transition:color .25s,background .25s;white-space:nowrap;
}
.mega-trigger:hover,.mega-item:focus-within .mega-trigger,.mega-item.open .mega-trigger{color:#fff}
.mega-item.open .mega-trigger{background:rgba(255,255,255,.04)}
.mega-trigger .car{width:9px;height:9px;flex:0 0 auto;opacity:.7;transition:transform .3s var(--ease),opacity .25s}
.mega-item:hover .mega-trigger .car,.mega-item.open .mega-trigger .car{transform:rotate(180deg);opacity:1}
.mega-trigger .nou{
  font-family:var(--sans);font-size:8.5px;font-weight:800;letter-spacing:.14em;
  color:#1a1405;background:var(--gold-grad);padding:2px 6px;border-radius:999px;line-height:1;margin-left:1px;
  box-shadow:0 4px 12px -4px rgba(212,175,55,.8)}

/* ---- glass dropdown panel ---- */
.mega-panel{
  position:absolute;top:calc(100% + 16px);left:0;
  width:336px;padding:12px;
  background:rgba(9,16,33,.74);
  -webkit-backdrop-filter:blur(24px) saturate(135%);
  backdrop-filter:blur(24px) saturate(135%);
  border:1px solid var(--line-soft);border-radius:14px;
  box-shadow:0 36px 80px -34px rgba(0,0,0,.9),0 8px 24px -16px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.05);
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);transform-origin:top left;
  transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s;
  z-index:80;
}
.mega-panel.right{left:auto;right:0;transform-origin:top right}
.mega-panel.wide{width:520px}
/* gold hairline gradient border */
.mega-panel::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(150deg,rgba(212,175,55,.55),transparent 42%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;opacity:.7}
/* invisible hover bridge so the gap doesn't drop the menu */
.mega-panel::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.mega-item:hover .mega-panel,
.mega-item:focus-within .mega-panel,
.mega-item.open .mega-panel{opacity:1;visibility:visible;transform:none}

.mega-head{display:flex;align-items:center;gap:10px;padding:6px 10px 12px;margin-bottom:4px;
  border-bottom:1px solid var(--line-soft)}
.mega-head .mh-ic{flex:0 0 auto;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:var(--gold-soft);background:rgba(212,175,55,.10);border:1px solid var(--line-soft)}
.mega-head .mh-t{font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft)}

.mega-list{display:flex;flex-direction:column;gap:1px}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.mega-link{display:flex;gap:12px;align-items:flex-start;padding:11px 11px;border-radius:9px;
  transition:background .22s var(--ease);position:relative;
  opacity:0;transform:translateY(7px)}
.mega-item:hover .mega-link,
.mega-item:focus-within .mega-link,
.mega-item.open .mega-link{opacity:1;transform:none;transition:background .22s var(--ease),opacity .34s var(--ease),transform .34s var(--ease)}
.mega-link:nth-child(1){transition-delay:.02s}.mega-link:nth-child(2){transition-delay:.06s}
.mega-link:nth-child(3){transition-delay:.1s}.mega-link:nth-child(4){transition-delay:.14s}
.mega-link:nth-child(5){transition-delay:.18s}
.mega-link:hover,.mega-link:focus-visible{background:rgba(212,175,55,.09);outline:none}
.mega-link .ld{flex:0 0 auto;width:18px;height:18px;margin-top:1px;display:flex;align-items:center;justify-content:center;color:var(--gold)}
.mega-link .ld svg{width:15px;height:15px;transition:transform .3s var(--ease)}
.mega-link:hover .ld svg{transform:translateX(2px)}
.mega-link .lt{min-width:0;display:flex;flex-direction:column;gap:3px}
.mega-link .lt b{font-family:var(--sans);font-weight:600;font-size:14px;color:#eef2fb;line-height:1.28;letter-spacing:.005em}
.mega-link .lt span{font-size:12px;color:var(--muted-2);line-height:1.35}
.mega-link:hover .lt b{color:#fff}

/* strategic CTA strip (Registru) */
.mega-cta{margin-top:6px;padding:13px 14px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:linear-gradient(120deg,rgba(212,175,55,.14),rgba(212,175,55,.04));border:1px solid var(--line)}
.mega-cta .mc-t b{font-family:var(--sans);font-size:13.5px;font-weight:700;color:#fff;display:block}
.mega-cta .mc-t span{font-size:12px;color:var(--muted);display:block;margin-top:2px}
.mega-cta .mc-go{flex:0 0 auto;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:#1a1405;background:var(--gold-grad);box-shadow:0 10px 24px -10px rgba(212,175,55,.7);transition:transform .3s var(--ease)}
.mega-cta:hover .mc-go{transform:translateX(3px)}

/* ---- mobile accordion (inside drawer) ---- */
.macc{display:flex;flex-direction:column}
.macc-group{border-bottom:1px solid var(--line-soft)}
.macc-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
  font-family:var(--serif);font-size:21px;color:var(--text);background:transparent;border:0;cursor:pointer;
  padding:15px 6px;text-align:left}
.macc-btn .nou{font-family:var(--sans);font-size:8.5px;font-weight:800;letter-spacing:.14em;color:#1a1405;
  background:var(--gold-grad);padding:2px 6px;border-radius:999px;margin-left:8px;vertical-align:middle}
.macc-btn .car{margin-left:auto;width:13px;height:13px;flex:0 0 auto;color:var(--gold-soft);transition:transform .35s var(--ease)}
.macc-group.exp .macc-btn .car{transform:rotate(180deg)}
.macc-sub{max-height:0;overflow:hidden;transition:max-height .42s var(--ease);will-change:max-height}
.macc-sub-in{padding:2px 6px 14px}
.macc-sub a{display:block;font-family:var(--sans);font-size:14.5px;color:var(--muted);padding:9px 10px;border-radius:7px;
  border-bottom:0;transition:color .2s,background .2s}
.macc-sub a:hover{color:#fff;background:rgba(212,175,55,.08)}

/* ---- responsive: collapse the mega bar earlier (6 dropdowns need room) ---- */
@media(max-width:1280px){
  .mega{display:none}
  .burger{display:flex}
}
@media(max-width:860px){
  .nav-cta .btn{display:none}
}
@media(max-width:760px){
  .mega-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .mega-panel,.mega-link{transition-duration:.001ms!important}
  .mega-link{opacity:1;transform:none}
  .mega-trigger .car,.macc-btn .car{transition:none}
}