/* Menus in the language of V2 (01.10.2026): the phone menu and the „Servicii” dropdown on desktop were white V1 panels.
   Now they are Neon dark panes — flat, lit from the top, a hairline, a soft violet line on the top edge — with the
   site's eyebrow, quiet white links and the violet call to action. The burger turns into a cross while the menu is open. */

/* ---------- Burger ---------- */
#menu-toggle.mm-toggle{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mm-burger{position:relative;display:block;width:22px;height:14px}
.mm-burger i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.22,1,.36,1),top .45s cubic-bezier(.22,1,.36,1)}
.mm-burger i:first-child{top:2px}.mm-burger i:last-child{top:10px}
#menu-toggle[aria-expanded="true"] .mm-burger i:first-child{top:6px;transform:rotate(45deg)}
#menu-toggle[aria-expanded="true"] .mm-burger i:last-child{top:6px;transform:rotate(-45deg)}
#menu-toggle:focus-visible{outline:2px solid #cdbfff;outline-offset:2px}
@media(min-width:768px){#menu-toggle.mm-toggle,#mobile-menu.mobile-menu{display:none}}

/* ---------- Phone menu ---------- */
#mobile-menu.mobile-menu{position:absolute;top:100%;left:var(--skroll-content-gutter,24px);right:var(--skroll-content-gutter,24px);margin-top:8px;font-family:'Plus Jakarta Sans',system-ui,sans-serif}
.mm-panel{position:relative;display:flex;flex-direction:column;width:100%;max-height:calc(100svh - 110px);overflow-y:auto;overscroll-behavior:contain;padding:20px 18px 18px;border-radius:22px;background-color:#121117;background-image:linear-gradient(180deg,#17161df7,#0e0e12fa);box-shadow:inset 0 1px 0 #ffffff17,inset 0 0 0 1px #ffffff0f,0 30px 70px #000000b3,0 0 80px -30px #7045ff80;animation:mm-in .4s cubic-bezier(.22,1,.36,1) both}
.mm-panel:before{content:'';position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,#b6a0ff 30%,#6fa2ff 70%,transparent);opacity:.55;pointer-events:none}
@keyframes mm-in{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
.mm-eyebrow{display:flex;align-items:center;gap:9px;margin:2px 4px 8px;font-size:10px;font-weight:600;letter-spacing:.19em;text-transform:uppercase;color:#9aa2b5}
.mm-eyebrow:before{content:'';width:5px;height:5px;border-radius:50%;background:#b6a0ff;box-shadow:0 0 14px #8254ff}
.mm-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 6px;border-bottom:1px solid #ffffff0d;font-size:17px;font-weight:500;letter-spacing:-.015em;color:#f2f0f7;text-decoration:none;transition:color .3s}
.mm-link span{color:#b6a0ff;font-size:16px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.mm-link:hover,.mm-link:focus-visible{color:#fff}
.mm-link:hover span,.mm-link:focus-visible span{transform:translateX(3px)}
.mm-gap{height:14px}
.mm-cta{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;height:54px;border-radius:16px;background:#b6a0ff;color:#140d24;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 14px 36px -12px #8254ffb3;transition:filter .3s,transform .25s}
.mm-cta:active{transform:scale(.98)}.mm-cta:hover{filter:brightness(1.07)}
.mm-link:focus-visible,.mm-cta:focus-visible{outline:2px solid #cdbfff;outline-offset:2px;border-radius:10px}

/* ---------- „Servicii” dropdown on desktop ---------- */
.nav-dropdown-panel{position:relative;overflow:hidden;padding:8px;border-radius:18px;background-color:#121117;background-image:linear-gradient(180deg,#17161df7,#0e0e12fa);box-shadow:inset 0 1px 0 #ffffff17,inset 0 0 0 1px #ffffff0f,0 24px 60px #000000a6,0 0 60px -24px #7045ff73}
.nav-dropdown-panel:before{content:'';position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,#b6a0ff 30%,#6fa2ff 70%,transparent);opacity:.5;pointer-events:none}
.nav-dropdown-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:14px;font-weight:500;color:#d4d2dc;text-decoration:none;transition:background-color .3s,color .3s}
.nav-dropdown-link span{color:#b6a0ff;opacity:0;transform:translateX(-4px);transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1)}
.nav-dropdown-link:hover,.nav-dropdown-link:focus-visible{background:#ffffff0d;color:#fff}
.nav-dropdown-link:hover span,.nav-dropdown-link:focus-visible span{opacity:1;transform:none}