/* ===== Navigație partajată: meniu mobil + dropdown flatten ===== */
/* Acest fișier e încărcat DUPĂ <style>-ul fiecărei pagini, deci îl suprascrie. */

.nav-toggle{
  display:none;position:relative;z-index:400;
  background:none;border:none;cursor:pointer;color:var(--ink);
  width:44px;height:44px;align-items:center;justify-content:center;
}
.nav-toggle svg{width:26px;height:26px}

@media(max-width:820px){
  .nav-toggle{display:inline-flex}

  /* meniul devine panou lateral */
  .nav-links{
    display:flex;position:fixed;top:0;right:0;
    width:min(82vw,340px);height:100dvh;
    flex-direction:column;align-items:flex-start;gap:2px;
    background:var(--shell);padding:88px 26px 36px;
    box-shadow:-22px 0 54px -22px rgba(42,30,21,.45);
    transform:translateX(100%);transition:transform .32s ease;
    overflow-y:auto;z-index:300;
  }
  .nav-links.open{transform:translateX(0)}
  /* pe mobil linkurile revin la stilul editorial obișnuit (fără versale/pastilă) */
  .nav-links>a{font-size:19px;padding:11px 0;width:100%;
    font-family:"Newsreader";text-transform:none;letter-spacing:normal;font-weight:400}
  .nav-links>a.active::after{display:none}

  /* dropdown-ul Podcast se aplatizează — sub-linkurile sunt mereu vizibile */
  .nav-drop{width:100%}
  .nav-drop>a{font-size:19px;padding:11px 0;width:100%;
    font-family:"Newsreader";text-transform:none;letter-spacing:normal;font-weight:400;
    border:none;border-radius:0;background:none;color:var(--ink-soft)}
  .nav-drop:hover>a,.nav-drop:focus-within>a,.nav-drop>a.active{background:none;border:none;color:var(--clay-deep)}
  .nav-drop.plain>a.active::after{display:none}
  .nav-drop .caret{display:none}
  .nav-menu{position:static;opacity:1;visibility:visible;transform:none;padding-top:0;min-width:0}
  .nav-menu-inner{background:transparent;border:none;box-shadow:none;padding:0 0 8px 14px}
  .nav-menu-inner a{padding:8px 0;font-size:17px}
  .nav-menu-head{display:none}

  /* fundal întunecat */
  .nav-backdrop{position:fixed;inset:0;background:rgba(42,30,21,.42);
    opacity:0;visibility:hidden;transition:opacity .3s;z-index:290}
  .nav-backdrop.open{opacity:1;visibility:visible}
}

/* ===== Bară „Ascultă pe” (folosită pe homepage, podcast, episoade) ===== */
.listen-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.listen-bar .listen-label{font-style:italic;color:var(--clay-deep);font-size:16px;margin-right:2px}
.listen-link{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  color:var(--ink-soft);font-size:16px;padding:9px 17px;border-radius:30px;
  border:1.5px solid rgba(42,30,21,.18);
  transition:color .2s,border-color .2s,background .2s,transform .2s;
}
.listen-link:hover{color:var(--ink);border-color:var(--clay);transform:translateY(-1px)}
.listen-link svg{width:18px;height:18px;flex-shrink:0}
.listen-link.is-soon{opacity:.62;cursor:default}
.listen-link.is-soon:hover{transform:none;border-color:rgba(42,30,21,.18);color:var(--ink-soft)}
/* o singură notă „în curând” la capătul barei, când niciun link nu e activ */
.listen-bar.all-soon::after{
  content:"în curând";font-style:italic;font-size:14px;
  color:var(--clay-deep);margin-left:2px;
}
/* iconițele de platformă din footer (fundal închis) când nu au link încă */
.foot-col a.is-soon{opacity:.55;cursor:default}

/* utilitar: ascuns vizual, dar citit de screen reader (pentru etichete) */
.vh{
  position:absolute !important;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

/* răspuns pe apăsare — feedback instant sub deget, pe tot site-ul.
   nav.css se încarcă ultima, deci :active învinge orice transform de :hover
   din pagină (aceeași specificitate, sursă mai târzie). Butoanele principale
   (.btn, .ep-explore) au deja transition:transform, deci apăsarea e lină;
   restul se strâng instant — tot un feedback valid. */
.btn:active,.ep-explore:active,.listen-link:active,.q-btn:active,
.ep-tab:active,.fchip:active,.chip:active,.clear:active,
.back-link:active,.lb-close:active,.pager a:active{
  transform:scale(.97);
}
/* când textul e ținut apăsat, oprim doar micro-driftul săgeții */
.ep-explore:active span{animation:none}

/* respectă preferința de mișcare redusă — pe tot site-ul */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
  }
  html{scroll-behavior:auto !important}
}