/* [cc 09.10] menu-final.css — meniul nou al site-ului (antetul din final.html), ambele teme.
   Structura aprobata 01.10 (spec-final.md) + deciziile lui David din 09.10: fara „Acasa” (logo-ul duce acasa), „Resurse ▾” ramane, Programul = mega-meniu cu cele 4 module.
   Desktop: panourile se deschid la hover (cu intarziere mica) si la click; Esc si click in afara le inchid. Telefon (sub 761 px): burger -> foaie pe tot ecranul. */

/* ---------- desktop: butoanele din meniu ---------- */
.dd{position:relative;display:flex;align-items:center}
.dd-t{display:flex;align-items:center;gap:5px;padding:0;font:inherit;color:inherit;line-height:inherit;transition:color .2s}
.dd-t:hover,.dd.is-open .dd-t{color:var(--ink)}
.dd-t svg{transition:transform .2s ease}
.dd.is-open .dd-t svg{transform:rotate(180deg)}
.dd-t:focus-visible,.dd-p a:focus-visible,.ms-nav a:focus-visible,.ms-g summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}

/* ---------- panourile ---------- */
.dd-p{position:absolute;top:calc(100% + 18px);left:-20px;z-index:30;min-width:280px;padding:8px;border-radius:12px;
  background:var(--menu);border:1px solid var(--line);
  box-shadow:0 28px 70px -24px rgba(0,0,0,.65),0 2px 8px rgba(0,0,0,.22);
  visibility:hidden;opacity:0;transform:translateY(-4px);pointer-events:none;
  transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s}
:root[data-theme=light] .dd-p{box-shadow:0 26px 60px -26px rgba(20,42,62,.35),0 2px 6px rgba(20,42,62,.08)}
.dd.is-open .dd-p{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .16s ease,transform .16s ease,visibility 0s}
.dd-p::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}   /* puntea dintre buton si panou: hover-ul nu se pierde in gol */

/* Programul: 4 coloane (modulele, in ordinea cursei) + randul de jos */
.dd-p--mega{width:min(900px,calc(100vw - 48px));padding:24px 24px 0}
.mg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.mg-h{display:block;margin-bottom:12px;font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}
.mg-c ul{display:grid;gap:10px}
.mg-c ul a,.mg-f a{font-size:13.5px;line-height:19px;color:var(--mute);transition:color .15s}
.mg-c ul a:hover,.mg-f a:hover,.mg-h:hover{color:var(--ink)}
.mg-f{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px -24px 0;padding:14px 24px;border-top:1px solid var(--line)}
.mg-all{display:inline-flex;align-items:center;gap:4px;color:var(--ink)!important;font-weight:500}

/* Resurse: lista cu titlu + un rand */
.dd-i{display:grid;gap:2px;padding:10px 12px;border-radius:8px;transition:background-color .15s}
.dd-i:hover{background:rgba(128,128,128,.12)}
.dd-i b{font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}
.dd-i span{font-size:13px;line-height:18px;color:var(--mute)}

/* ---------- telefon: butonul si foaia ---------- */
.burger .b-close{display:none}
.burger[aria-expanded=true] .b-open{display:none}
.burger[aria-expanded=true] .b-close{display:block}
.msheet{position:fixed;left:0;right:0;top:56px;bottom:0;z-index:40;overflow-y:auto;overscroll-behavior:contain;
  padding:8px var(--gut) calc(32px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}
.msheet[hidden]{display:none}
.ms-nav{display:flex;flex-direction:column}
.ms-l,.ms-g summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-size:17px;line-height:24px;color:var(--ink);border-bottom:1px solid var(--line);cursor:pointer}
.ms-g summary{list-style:none}
.ms-g summary::-webkit-details-marker{display:none}
.ms-g summary::after{content:"";width:8px;height:8px;margin-right:4px;border-right:1.5px solid var(--mute);border-bottom:1.5px solid var(--mute);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ms-g[open] summary::after{transform:rotate(225deg) translateY(-1px)}
.ms-g ul{display:grid;padding:6px 0 10px;border-bottom:1px solid var(--line)}
.ms-g ul a{display:flex;align-items:center;min-height:44px;padding-left:14px;font-size:16px;color:var(--mute)}
.ms-act{display:grid;gap:10px;margin-top:24px}
.ms-act .pill{justify-content:center;height:48px;font-size:16px}
.ms-tel{margin-top:18px;text-align:center;font-size:15px;color:var(--mute)}
.ms-tel a{color:var(--ink)}
@media (min-width:1024px){.msheet{display:none!important}}
@media (prefers-reduced-motion:reduce){.dd-p,.dd.is-open .dd-p,.dd-t svg{transition:none}}

/* [09.10] in .nav, regula din final.css „.nav a{display:flex;gap:5px}” punea titlul si randul de sub el pe acelasi rand: in panouri linkurile isi pastreaza asezarea lor */
.nav .dd-p a{display:block;gap:0}
.nav .dd-p .dd-i{display:grid;gap:2px}
.nav .dd-p .mg-all{display:inline-flex;gap:4px}

/* [10.10] tableta (761–1023 px): meniul nu mai incapea pe un rand: „Despre noi” se rupea pe 2 randuri, iar la 768 (iPad mini) tema iesea din ecran cu 30 px.
   Aici antetul trece pe burger + foaie, ca pe telefon; in bara raman logo-ul, butonul plin, globul si tema. */
@media (min-width:761px) and (max-width:1023px){
  .nav,.r>a{display:none}
  .r>a.pill.fill{display:inline-flex}
  .burger{display:grid}
  .msheet{top:64px}
}
.nav>a,.nav>.dd>.dd-t{white-space:nowrap}   /* doar intrarile din bara; textele din panouri se rup normal */

/* [cc 19.10 meniu-ci] „Cum începi” stă în bara de sus, după Prețuri: 6 intrări în loc de 5. Între 1024 și 1149 px nu încăpeau (pagina se lărgea cu 35–43 px); doar aici pasul dintre intrări se strânge (gap 13 → 6, padding lateral 8 → 6; între două linkuri la rând rămâne gap − padding + padding). */
@media (min-width:1024px) and (max-width:1149px){.nav{gap:6px!important}.nav a{padding-inline:6px}.nav>a+a{margin-left:-6px}}