/* =========================================================
   DANANG2NITE — PHASE65 ENGLISH MASTER
   PC SHELL FINALIZATION
   Scope: header / language rail / drawer / footer only.
   ========================================================= */

:root{
  --p65pc-bg:#08080a;
  --p65pc-panel:#0d0d10;
  --p65pc-card:#111114;
  --p65pc-line:rgba(255,255,255,.085);
  --p65pc-gold:#e4c577;
  --p65pc-pink:#ef3a82;
}

/* Header: same geometry language as the drawer and footer. */
.site-header{
  border-bottom:1px solid var(--p65pc-line)!important;
  background:rgba(7,7,9,.975)!important;
  box-shadow:0 16px 44px rgba(0,0,0,.24)!important;
}
.site-header__main{min-height:78px!important}
.site-brand__mark{
  border-color:rgba(228,197,119,.60)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(228,197,119,.085),rgba(239,58,130,.035)),#0d0d10!important;
  color:var(--p65pc-gold)!important;
}
.site-brand__text strong{color:#f0dc9a!important}
.site-nav>a{font-size:11.5px!important}
.d2n-menu-toggle__locale{display:none!important}
.d2n-menu-toggle{border-color:rgba(255,255,255,.11)!important;background:rgba(255,255,255,.018)!important}

/* Desktop language rail stays direct; simplify the decorative signature. */
.site-language-wrap{
  min-height:61px!important;border-top:1px solid rgba(255,255,255,.045)!important;
  background:#08080a!important;
}
.site-language-shell,.site-language-desktop{min-height:61px!important}
.site-language-desktop{grid-template-columns:minmax(0,1fr) 170px!important;gap:19px!important}
.site-language-desktop__rail{gap:6px!important}
.site-language-desktop__item{
  min-height:44px!important;border-radius:10px!important;background:transparent!important;
}
.site-language-desktop__item.is-active,
.site-language-desktop__item[aria-current="page"]{
  border-color:rgba(228,197,119,.48)!important;
  background:linear-gradient(145deg,rgba(228,197,119,.085),rgba(239,58,130,.025)),#101012!important;
  box-shadow:none!important;
}
.site-language-desktop__signature{gap:11px!important;color:#6f6a6e!important}
.site-language-desktop__signature i{width:24px!important}
.site-language-desktop__signature span{font-size:6.5px!important;line-height:1.35!important;letter-spacing:.7px!important}
.site-language-trigger,.site-language-panel{display:none!important}

/* Drawer: premium utility panel, not a decorative poster. */
.d2n-side-menu__backdrop{background:rgba(0,0,0,.70)!important;backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important}
.d2n-side-menu__panel{
  width:min(540px,92vw)!important;max-width:540px!important;
  background:#09090b!important;border-inline-start:1px solid var(--p65pc-line)!important;
  box-shadow:-24px 0 70px rgba(0,0,0,.42)!important;
}
.d2n-side-menu__head{
  min-height:76px!important;padding:0 22px!important;border-bottom:1px solid var(--p65pc-line)!important;
  background:rgba(9,9,11,.985)!important;
}
.d2n-side-menu__brand{gap:11px!important}
.d2n-side-menu__brand-mark{
  width:43px!important;height:41px!important;border-radius:10px!important;transform:none!important;
  border-color:rgba(228,197,119,.52)!important;background:#0e0e11!important;color:var(--p65pc-gold)!important;
  font-size:12px!important;font-style:normal!important;
}
.d2n-side-menu__brand strong{color:#f0dc9a!important;font-size:11px!important;letter-spacing:1.7px!important}
.d2n-side-menu__brand small{color:#6d686b!important;font-size:5.5px!important}
.d2n-side-menu__close{width:42px!important;height:42px!important;border-color:rgba(255,255,255,.11)!important;background:rgba(255,255,255,.018)!important}
.d2n-side-menu__body{padding-bottom:20px!important}
.d2n-side-menu__primary,.d2n-side-menu__categories,.d2n-side-menu__identity{padding:22px!important}
.d2n-side-menu__primary,.d2n-side-menu__categories{border-bottom:1px solid var(--p65pc-line)!important}
.d2n-side-menu__languages{display:none!important}
.d2n-side-menu__eyebrow,.d2n-side-menu__section-head>span{color:#9f8d61!important;font-size:7px!important;letter-spacing:1.15px!important}
.d2n-side-menu__section-head>strong{
  min-width:30px!important;height:22px!important;padding:0 8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(228,197,119,.15)!important;border-radius:999px!important;color:#887a58!important;font-size:6.5px!important;
}
.d2n-side-menu__primary-nav{margin-top:13px!important;display:grid!important;gap:8px!important}
.d2n-side-menu__primary-nav a{
  min-height:56px!important;padding:0 14px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr) 26px!important;
  gap:10px!important;align-items:center!important;border:1px solid var(--p65pc-line)!important;border-radius:12px!important;
  background:var(--p65pc-card)!important;color:#ded8d2!important;
}
.d2n-side-menu__primary-nav a:first-child{border-top:1px solid var(--p65pc-line)!important}
.d2n-side-menu__primary-nav a::before{display:none!important}
.d2n-side-menu__primary-nav a>span{color:#706a66!important;font-size:7px!important}
.d2n-side-menu__primary-nav a>strong{color:#dcd6cf!important;font-size:14px!important;line-height:1.1!important}
.d2n-side-menu__primary-nav a>i{color:#736d68!important;font-size:11px!important}
.d2n-side-menu__primary-nav a:hover,
.d2n-side-menu__primary-nav a.is-active{
  padding-inline-start:14px!important;border-color:rgba(228,197,119,.30)!important;
  background:linear-gradient(90deg,rgba(228,197,119,.07),rgba(239,58,130,.025)),#111114!important;
  box-shadow:inset 3px 0 0 rgba(239,58,130,.68)!important;
}
.d2n-side-menu__primary-nav a:hover>strong,.d2n-side-menu__primary-nav a.is-active>strong{color:#fff!important}
.d2n-side-menu__primary-nav a:hover>i,.d2n-side-menu__primary-nav a.is-active>i{color:var(--p65pc-gold)!important}

.d2n-side-menu__category-grid{margin-top:13px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.d2n-side-menu__category-grid a{
  min-height:51px!important;padding:9px 11px!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) 16px!important;
  gap:8px!important;align-items:center!important;border:1px solid var(--p65pc-line)!important;border-radius:11px!important;
  background:#0f0f12!important;color:#c8c2bc!important;
}
.d2n-side-menu__category-grid a:hover{border-color:rgba(228,197,119,.24)!important;background:#121215!important}
.d2n-side-menu__category-grid a>span{color:#706a66!important;font-size:6.5px!important}
.d2n-side-menu__category-grid a>strong{min-width:0!important;color:#cdc7c0!important;font-size:9.5px!important;line-height:1.18!important}
.d2n-side-menu__category-grid a>i{color:#706a65!important;font-size:8px!important}

/* Kill the giant AFTER DARK billboard; keep a restrained brand footer. */
.d2n-side-menu__identity{min-height:0!important;background:#09090b!important}
.d2n-side-menu__identity::before,.d2n-side-menu__identity-mark{display:none!important}
.d2n-side-menu__identity-top{display:flex!important;justify-content:space-between!important;color:#625e5b!important;font-size:6px!important;letter-spacing:.8px!important}
.d2n-side-menu__identity-copy{margin-top:11px!important;display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:15px!important}
.d2n-side-menu__identity-copy strong{color:#aa9666!important;font-size:8px!important;letter-spacing:1px!important}
.d2n-side-menu__identity-copy p{margin:0!important;max-width:300px!important;color:#716b66!important;font-size:8px!important;line-height:1.45!important;text-align:end!important}

/* Footer gets enough visual weight to finish the long image-led pages. */
.site-footer{
  margin-top:38px!important;padding:32px 0 34px!important;border-top:1px solid var(--p65pc-line)!important;background:#08080a!important;
}
.site-footer__grid{align-items:center!important;gap:48px!important}
.site-brand--footer .site-brand__mark{width:40px!important;height:38px!important;border-radius:10px!important;font-size:10px!important}
.site-brand--footer .site-brand__text strong{font-size:12px!important;letter-spacing:1.8px!important}
.site-footer p{margin-top:11px!important;color:#7d7772!important;font-size:9px!important;line-height:1.55!important}
.site-footer__right{gap:13px!important}
.site-counter{border-color:var(--p65pc-line)!important;border-radius:12px!important;background:#0d0d10!important;overflow:hidden!important}
.site-counter>div{padding:10px 14px!important}
.site-counter span{font-size:6px!important;color:#746e69!important}
.site-counter strong{font-size:17px!important;line-height:1!important}
.site-footer nav a{font-size:9px!important;color:#96908a!important}