/* Meniul cu submeniuri (assets/mega.js), 12 oct 2026. Culori literale, ca să meargă și cu
   motion.css (prima pagină) și cu site.css (celelalte pagini). */
.mega{position:absolute; left:0; right:0; top:100%; height:0; z-index:5}
.mega-panel{position:absolute; left:0; right:0; top:0; background:rgba(250,250,252,.97); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px);
  border-bottom:1px solid rgba(0,0,0,.08); box-shadow:0 30px 60px -30px rgba(14,26,51,.28);
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .22s ease, transform .3s cubic-bezier(.2,.8,.2,1), visibility 0s .3s}
.mega-panel.open{opacity:1; visibility:visible; transform:none; transition:opacity .25s ease, transform .35s cubic-bezier(.2,.8,.2,1), visibility 0s}
.mega-inner{max-width:1080px; margin:0 auto; padding:34px clamp(20px,4vw,48px) 46px; display:flex; gap:clamp(36px,5vw,76px); text-align:left}
.mega-head{margin:0 0 14px; font:500 12px/1.3 "Instrument Sans","Helvetica Neue",system-ui,sans-serif; letter-spacing:.01em; color:#6e6e73}
.mega-col ul{list-style:none; margin:0; padding:0; display:grid; gap:9px}
.mega-col a{display:inline-block; color:#1d1d1f; text-decoration:none; font:600 13px/1.35 "Instrument Sans","Helvetica Neue",system-ui,sans-serif; opacity:1; white-space:normal}
.mega-col a:hover{color:#2563eb}
.mega-col a.big{font:650 23px/1.18 "Bricolage Grotesque","Avenir Next","Segoe UI",system-ui,sans-serif; letter-spacing:-.02em}
.mega-main ul{grid-template-rows:repeat(5,auto); grid-auto-flow:column; column-gap:44px; row-gap:8px}
.mega-panel.open li{animation:mega-in .45s cubic-bezier(.2,.8,.2,1) both}
.mega-panel.open .mega-col:nth-child(2) li{animation-delay:.05s} .mega-panel.open .mega-col:nth-child(3) li{animation-delay:.09s}
@keyframes mega-in{from{opacity:0; transform:translateY(-6px)}}
.mega-scrim{position:fixed; left:0; right:0; bottom:0; top:60px; z-index:49; background:rgba(14,26,51,.12); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease, visibility 0s .25s}
.mega-open .mega-scrim{opacity:1; visibility:visible; pointer-events:auto; transition:opacity .25s ease}
.nav-links a.mega-on{color:#1d1d1f; opacity:1}
@media (max-width:1000px){ .mega, .mega-scrim{display:none} }

/* telefon / tabletă: lista unei secțiuni, pe un ecran nou peste meniul pe tot ecranul */
.mega-sub{position:fixed; left:0; right:0; bottom:0; z-index:200; overflow-y:auto; overscroll-behavior:contain; background:#fafafc;
  padding:8px clamp(20px,6vw,40px) 40px; transform:translateX(24px); opacity:0; transition:transform .35s cubic-bezier(.2,.8,.2,1), opacity .25s ease}
.mega-sub.in{transform:none; opacity:1}
.mega-back{border:0; background:none; padding:10px 0; font:500 15px/1 "Instrument Sans","Helvetica Neue",system-ui,sans-serif; color:#2563eb; cursor:pointer}
.mega-sub-title{margin:6px 0 18px; font:650 clamp(26px,7vw,34px)/1.1 "Bricolage Grotesque","Avenir Next",system-ui,sans-serif; letter-spacing:-.02em; color:#1d1d1f}
.mega-sub .mega-inner{display:block; padding:0; max-width:none}
.mega-sub .mega-col{margin-bottom:26px}
.mega-sub .mega-main ul{grid-template-rows:none; grid-auto-flow:row}
.mega-sub .mega-col a{font-size:16px; padding:3px 0}
.mega-sub .mega-col a.big{font-size:clamp(22px,6vw,26px)}
@media (prefers-reduced-motion: reduce){ .mega-panel, .mega-panel.open, .mega-sub{transition:none} .mega-panel.open li{animation:none} }