/* ============================================================================
   mds-shell.css · header · hero · footer · homepage
   Dropdown-urile pe fundal unitar (--mds-bg). Fără onclick inline (JS în mds-ui.js).
   ============================================================================ */
.mds-container{max-width:1200px;margin:0 auto;padding:0 20px}
.mds-main{min-height:60vh}

/* ================= HEADER DESKTOP ================= */
.mds-header--desktop{position:sticky;top:0;z-index:40;background:rgba(8,9,10,.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--mds-line)}
.mds-header__in{display:flex;align-items:center;gap:8px;height:62px}
.mds-header__in>.mds-logo,.mds-header__in>.custom-logo-link{margin-right:6px}
.custom-logo-link img{height:30px;width:auto;display:block}
.mds-nav{display:flex;align-items:stretch;gap:2px;margin-left:10px;min-width:0}
.mds-nav__item{position:relative;display:flex;align-items:center}
.mds-nav__link{display:inline-flex;align-items:center;gap:6px;height:62px;padding:0 12px;font-size:14px;font-weight:500;color:var(--mds-tx-2);text-decoration:none;transition:color .15s}
.mds-nav__item:hover .mds-nav__link,.mds-nav__link[aria-expanded="true"],.mds-nav__link.is-active{color:var(--mds-tx)}
.mds-nav__link.is-active{color:var(--mds-tx)}
.mds-nav__caret{transition:transform .2s}
.mds-nav__item:hover .mds-nav__caret,.mds-nav__item:focus-within .mds-nav__caret{transform:rotate(180deg)}
/* mega */
.mds-mega{position:absolute;top:calc(100% - 8px);left:0;min-width:520px;background:var(--mds-bg);border:1px solid var(--mds-line-2);border-radius:var(--mds-r-card);box-shadow:0 24px 60px -12px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.3);padding:16px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:50}
.mds-nav__item:hover .mds-mega,.mds-nav__item:focus-within .mds-mega{opacity:1;visibility:visible;transform:translateY(0)}
.mds-mega__head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 8px 12px;margin-bottom:8px;border-bottom:1px solid var(--mds-line)}
.mds-mega__title{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--mds-tx-3)}
.mds-mega__all{font-size:12px;font-weight:500;color:var(--mds-pos);white-space:nowrap;text-decoration:none}
.mds-mega__cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px}
.mds-mega__link{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--mds-r-sm);color:var(--mds-tx-2);font-size:13.5px;font-weight:500;text-decoration:none;transition:.14s}
.mds-mega__link:hover{color:var(--mds-tx)}
.mds-mega__link.is-active{color:var(--mds-tx)}
/* dreapta */
.mds-header__right{margin-left:auto;display:flex;align-items:center;gap:6px}
.mds-lang{position:relative}
.mds-lang__btn{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 10px;border-radius:var(--mds-r-el);color:var(--mds-tx-2);font-size:13px;font-weight:500;background:none;border:0;cursor:pointer;transition:.18s}
.mds-lang__btn:hover,.mds-lang__btn[aria-expanded="true"]{color:var(--mds-tx);background:var(--mds-selected)}
.mds-lang__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:190px;background:var(--mds-bg);border:1px solid var(--mds-line-2);border-radius:var(--mds-r-el);box-shadow:0 20px 48px -12px rgba(0,0,0,.7);padding:6px;opacity:0;visibility:hidden;transform:translateY(6px);transition:.16s;z-index:50}
.mds-lang__menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}
.mds-lang__opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--mds-r-sm);font-size:13.5px;font-weight:500;color:var(--mds-tx-2);width:100%;text-align:left;text-decoration:none}
.mds-lang__opt:hover{background:var(--mds-selected);color:var(--mds-tx)}
.mds-lang__opt.is-active{color:var(--mds-tx)}
.mds-lang__check{margin-left:auto;color:var(--mds-pos);opacity:0}
.mds-lang__opt.is-active .mds-lang__check{opacity:1}
.mds-lang__opt.is-soon{opacity:.45;cursor:default}
.mds-lang__soon{margin-left:auto;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--mds-tx-3)}
.mds-authbtns{display:flex;align-items:center;gap:4px;margin-left:4px;padding-left:8px;border-left:1px solid var(--mds-line)}
.mds-authbtns .mds-btn{height:auto;line-height:1;padding:9px 15px;font-size:13px;border-radius:var(--mds-r-el)}

/* ================= HEADER MOBILE ================= */
.mds-header--mobile{display:none;position:sticky;top:0;z-index:40;background:rgba(8,9,10,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--mds-line)}
.mds-mheader__in{display:flex;align-items:center;height:56px;padding:0 14px;gap:4px}
.mds-mheader__right{margin-left:auto;display:flex;align-items:center;gap:2px}
.mds-header--mobile .custom-logo-link img{height:26px}

/* ================= DRAWER ================= */
.mds-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:.24s;z-index:60}
.mds-backdrop.is-open{opacity:1;visibility:visible}
.mds-drawer{position:fixed;top:0;left:0;bottom:0;width:86%;max-width:320px;background:var(--mds-bg);border-right:1px solid var(--mds-line);z-index:70;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}
.mds-drawer.is-open{transform:translateX(0)}
.mds-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:18px 11px 14px 20px;border-bottom:1px solid var(--mds-line);flex:none}
.mds-drawer__menu{flex:1 1 auto;overflow-y:auto;padding:8px 8px 16px}
.mds-macc{border-radius:var(--mds-r-el);overflow:hidden}
.mds-macc__top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 12px;font-size:15px;font-weight:500;color:var(--mds-tx);text-align:left;background:none;border:0;cursor:pointer}
.mds-macc__top:hover{color:var(--mds-tx)}
.mds-macc__cx{transition:transform .2s;color:var(--mds-tx-3)}
.mds-macc.is-open .mds-macc__cx{transform:rotate(180deg)}
.mds-macc__panel{max-height:0;overflow:hidden;transition:max-height .28s ease}
.mds-macc__inner{padding:2px 0 8px 12px}
.mds-macc__sub{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--mds-r-sm);color:var(--mds-tx-2);font-size:14px;text-decoration:none}
.mds-macc__sub:hover{color:var(--mds-tx)}
.mds-macc__sub.is-active{color:var(--mds-tx)}
.mds-mlink{display:block;padding:13px 12px;font-size:15px;font-weight:500;color:var(--mds-tx);border-radius:var(--mds-r-el);text-decoration:none}
.mds-mlink:hover{color:var(--mds-tx)}
.mds-mlink.is-active{color:var(--mds-tx)}
.mds-macc__top.is-active{color:var(--mds-tx)}
.mds-drawer__foot{flex:none;border-top:1px solid var(--mds-line);background:var(--mds-bg);padding:14px 18px 18px;display:flex;flex-direction:column;gap:12px}
.mds-drawer__auth{display:flex;flex-direction:column;gap:8px}
.mds-drawer__auth .mds-btn{width:100%;height:auto;line-height:1;padding:11px 15px;font-size:13px;border-radius:var(--mds-r-el)}
/* selector limbă mobil (popover în sus) */
.mds-mlang{position:relative}
.mds-mlang__cur{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:1px solid var(--mds-line-2);border-radius:var(--mds-r-el);font-size:13px;font-weight:400;color:var(--mds-tx-2);background:none;cursor:pointer}
.mds-mlang__cur:hover{color:var(--mds-tx)}
.mds-mlang__cur .cx{margin-left:auto;transition:transform .2s;color:var(--mds-tx-3)}
.mds-mlang.is-open .mds-mlang__cur .cx{transform:rotate(180deg)}
.mds-mlang__glob{color:var(--mds-tx-3)}
.mds-mlang__list{position:absolute;left:0;right:0;bottom:calc(100% + 6px);background:var(--mds-bg);border:1px solid var(--mds-line-2);border-radius:var(--mds-r-el);box-shadow:0 -14px 44px -12px rgba(0,0,0,.75);padding:6px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.16s;max-height:240px;overflow-y:auto;z-index:5}
.mds-mlang.is-open .mds-mlang__list{opacity:1;visibility:visible;transform:translateY(0)}
.mds-mlang__opt{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border-radius:var(--mds-r-sm);font-size:13px;font-weight:400;color:var(--mds-tx-2);text-decoration:none}
.mds-mlang__opt:hover{background:var(--mds-selected);color:var(--mds-tx)}
.mds-mlang__opt.is-active{color:var(--mds-tx)}
.mds-mlang__opt.is-active::after{content:"✓";margin-left:auto;color:var(--mds-pos);font-size:12px}
.mds-mlang__opt.is-soon{opacity:.45}

/* ================= HERO (full-bleed) ================= */
.mds-hero{position:relative;overflow:hidden;isolation:isolate}
.mds-hero__bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(40deg,#051526,#280A0A)}
.mds-hero__blob{position:absolute;width:520px;height:520px;border-radius:50%;mix-blend-mode:screen;filter:blur(46px) saturate(1.15)}
@keyframes mds-h-circle{to{transform:rotate(360deg)}}
@keyframes mds-h-vert{0%,100%{transform:translateY(-42%)}50%{transform:translateY(42%)}}
.mds-hero__blob.g1{background:radial-gradient(circle,rgba(10,98,134,1),rgba(10,98,134,0) 55%);top:-160px;left:4%;animation:mds-h-vert 30s ease-in-out infinite}
.mds-hero__blob.g2{background:radial-gradient(circle,rgba(240,159,35,1),rgba(240,159,35,0) 55%);top:-200px;left:66%;animation:mds-h-circle 26s linear infinite}
.mds-hero__blob.g3{background:radial-gradient(circle,rgba(234,69,11,1),rgba(234,69,11,0) 55%);top:20px;left:56%;animation:mds-h-circle 42s linear infinite}
.mds-hero__blob.g4{background:radial-gradient(circle,rgba(174,14,7,.9),rgba(174,14,7,0) 55%);top:40px;left:38%;animation:mds-h-vert 40s ease-in-out infinite}
.mds-hero__veil{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent 28%,rgba(8,9,10,.72) 82%,var(--mds-bg))}
.mds-hero__in{position:relative;padding:72px 20px 88px}
.mds-hero__title{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin:10px 0 0;max-width:18ch}
.mds-hero__sub{font-size:16px;color:rgba(232,233,235,.82);margin:14px 0 0;max-width:52ch;line-height:1.6}
.mds-hero__search{display:flex;align-items:center;gap:10px;margin-top:28px;max-width:560px;background:rgba(0,0,0,.3);border:1px solid var(--mds-line-2);border-radius:14px;padding:8px 8px 8px 16px;backdrop-filter:blur(8px)}
.mds-hero__search svg{color:var(--mds-tx-3);flex:none}
.mds-hero__search input{flex:1;background:transparent;border:0;outline:none;color:var(--mds-tx);font-family:inherit;font-size:16px;min-width:0}
.mds-hero__search input::placeholder{color:var(--mds-tx-3)}
@media(prefers-reduced-motion:reduce){.mds-hero__blob{animation:none!important}}

/* ================= HOMEPAGE explore ================= */
.mds-explore{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mds-explore__card{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--mds-card);border:1px solid var(--mds-line);border-radius:var(--mds-r-card);padding:20px;font-weight:600;text-decoration:none;color:var(--mds-tx);transition:border-color .2s,background .2s}
.mds-explore__card:hover{border-color:var(--mds-line-2);background:var(--mds-card-hover)}
.mds-explore__arrow{color:var(--mds-tx-3)}

/* ================= RESPONSIVE ================= */
@media(max-width:1024px){.mds-hero__title{font-size:34px}}
@media(max-width:992px){
  .mds-header--desktop{display:none}
  .mds-header--mobile{display:block}
}
@media(max-width:820px){
  .mds-explore{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .mds-hero__title{font-size:30px}.mds-hero__in{padding:52px 20px 64px}
  .mds-hero__search{flex-wrap:wrap}.mds-hero__search .mds-btn{width:100%;justify-content:center}
}
@media(max-width:420px){.mds-explore{grid-template-columns:1fr}}

/* etichetă meniu: subliniere doar pe text, nu pe emoji */
.mds-navlabel{display:inline-flex;align-items:center;gap:8px;min-width:0}
.mds-navicon{display:inline-flex;flex:none}
.mds-nav__link:hover .mds-navtxt,
.mds-mega__link:hover .mds-navtxt,
.mds-mlink:hover .mds-navtxt,
.mds-macc__sub:hover .mds-navtxt,
.mds-macc.is-open>.mds-macc__top .mds-navtxt{text-decoration:underline;text-decoration-color:var(--mds-pos);text-underline-offset:4px;text-decoration-thickness:2px}