/* Shared responsive navigation + language switcher — used on every page (EN and BN). */

.wordmark{display:flex;align-items:center;gap:.55rem;}
.wordmark img{height:30px;width:auto;display:block;}

.nav-toggle-input{position:absolute;opacity:0;pointer-events:none;}
.nav-toggle-label{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:26px;height:22px;cursor:pointer;order:2;
}
.nav-toggle-label span{display:block;width:100%;height:2px;background:var(--ink);border-radius:1px;transition:transform .2s ease,opacity .2s ease;}

nav.links{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;order:3;}
nav.links a{color:var(--ink-muted);font-size:.92rem;font-weight:500;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:color .15s,border-color .15s;white-space:nowrap;}
nav.links a:hover,nav.links a.current{color:var(--ink);border-color:var(--orange);}

.lang-switch{display:flex;align-items:center;gap:.7rem;margin-left:.2rem;padding-left:1.1rem;border-left:1px solid var(--rule);}
.lang-switch a{display:flex;align-items:center;gap:.35rem;color:var(--ink-muted);font-size:.82rem;font-weight:600;text-decoration:none;border-bottom:none!important;}
.lang-switch a img{width:20px;height:14px;object-fit:cover;border-radius:2px;display:block;box-shadow:0 0 0 1px var(--rule);}
.lang-switch a.active{color:var(--ink);}
.lang-switch a:hover{color:var(--ink);}

.nav-cta{order:4;}

.nav-scrim{display:none;}

@media(max-width:900px){
  .nav-toggle-label{display:flex;}
  nav.links{
    position:fixed;top:0;right:0;height:100dvh;width:min(80vw,320px);
    background:var(--bg-deep);flex-direction:column;align-items:flex-start;
    padding:5.5rem 1.75rem 2rem;gap:1.15rem;
    transform:translateX(100%);transition:transform .25s ease;
    border-left:1px solid var(--rule);overflow-y:auto;z-index:60;
  }
  nav.links a{font-size:1.02rem;}
  .lang-switch{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--rule);padding-top:1.15rem;margin-top:.4rem;width:100%;}
  .nav-toggle-input:checked ~ .nav-scrim{opacity:1;pointer-events:auto;}
  .nav-toggle-input:checked ~ nav.links{transform:translateX(0);}
  .nav-scrim{
    display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);
    opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:55;
  }
  .nav-cta{order:1;}
}