/* =========================================================
   ORYN SHOP EXACT HEADER MATCH — 2026-09-30
   Reference: /shop/ closed header (desktop / tablet / mobile).
   Loaded LAST on the main site so legacy menu/header CSS cannot alter it.
========================================================= */
:root{
  --oryn-shop-h:82px;
  --oryn-shop-btn:50px;
  --oryn-shop-logo:34px;
  --oryn-shop-side:16px;
  --oryn-shop-right-w:148px;
  --oryn-shop-right-h:46px;
  --oryn-shop-cream:#fff0d5;
  --oryn-shop-ink:#17130f;
}

html{scroll-padding-top:calc(var(--oryn-shop-h) + 18px)!important}

html body header#main-header,
html body header#main-header.hide,
html body header#main-header.header-hidden,
html body header#main-header.menu-is-open,
html body.menu-open header#main-header{
  box-sizing:border-box!important;
  position:fixed!important;
  inset:0 0 auto 0!important;
  top:0!important;right:0!important;bottom:auto!important;left:0!important;
  width:100%!important;
  height:var(--oryn-shop-h)!important;
  min-height:var(--oryn-shop-h)!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  gap:normal!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  translate:none!important;
  pointer-events:none!important;
  overflow:visible!important;
  z-index:2147482000!important;
  background:linear-gradient(180deg,rgba(8,8,9,.965) 0%,rgba(12,12,13,.93) 64%,rgba(15,15,16,.89) 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(243,238,225,.13)!important;
  border-radius:0!important;
  box-shadow:0 10px 30px rgba(0,0,0,.30),inset 0 -1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  transition:none!important;
  animation:none!important;
}
html body header#main-header::before,
html body header#main-header::after{content:none!important;display:none!important}

html body header#main-header > #logoLink,
html body header#main-header > a#logoLink,
html body header#main-header > a.forum-logo{
  box-sizing:border-box!important;
  position:fixed!important;
  top:calc(var(--oryn-shop-h)/2)!important;
  left:max(var(--oryn-shop-side),env(safe-area-inset-left))!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--oryn-shop-btn)!important;
  height:var(--oryn-shop-btn)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(37,38,40,.94),rgba(19,20,22,.96))!important;
  box-shadow:0 8px 24px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08)!important;
  backdrop-filter:blur(16px) saturate(125%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(125%)!important;
  transform:translateY(-50%)!important;
  translate:none!important;
  overflow:hidden!important;
  z-index:2147483645!important;
  pointer-events:auto!important;
  transition:transform .18s ease,background .18s ease,border-color .18s ease!important;
}
html body header#main-header > #logoLink:hover,
html body header#main-header > a.forum-logo:hover{
  transform:translateY(-50%) scale(1.03)!important;
  background:linear-gradient(145deg,rgba(49,50,52,.96),rgba(24,25,27,.98))!important;
}
html body header#main-header > #logoLink .logo,
html body header#main-header > a.forum-logo img{
  box-sizing:border-box!important;
  position:absolute!important;
  inset:50% auto auto 50%!important;
  width:var(--oryn-shop-logo)!important;
  height:var(--oryn-shop-logo)!important;
  max-width:82%!important;
  max-height:82%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%)!important;
  filter:none!important;
}
html body header#main-header > #logoLink .logo-white,
html body header#main-header > a.forum-logo .logo-white{display:block!important}
html body header#main-header > #logoLink .logo-black,
html body header#main-header > a.forum-logo .logo-black{display:none!important}

html body header#main-header #menuToggle,
html body header#main-header #forumMenuBtn{
  box-sizing:border-box!important;
  position:fixed!important;
  top:calc(var(--oryn-shop-h)/2)!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--oryn-shop-btn)!important;
  height:var(--oryn-shop-btn)!important;
  min-width:var(--oryn-shop-btn)!important;
  min-height:var(--oryn-shop-btn)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid rgba(17,17,15,.08)!important;
  border-radius:50%!important;
  background:var(--oryn-shop-cream)!important;
  color:var(--oryn-shop-ink)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.38)!important;
  transform:translate(-50%,-50%)!important;
  translate:none!important;
  overflow:hidden!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  z-index:2147483646!important;
  font-size:0!important;
  line-height:0!important;
  transition:transform .18s ease,background .18s ease!important;
  animation:none!important;
}
html body header#main-header #menuToggle:hover,
html body header#main-header #forumMenuBtn:hover{transform:translate(-50%,-50%) scale(1.03)!important}
html body header#main-header #menuToggle::before,
html body header#main-header #menuToggle::after,
html body header#main-header #forumMenuBtn::before,
html body header#main-header #forumMenuBtn::after{content:none!important;display:none!important}
html body header#main-header #menuToggle span,
html body header#main-header #forumMenuBtn span{
  position:relative!important;
  inset:auto!important;
  width:22px!important;
  height:2.25px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--oryn-shop-ink)!important;
  box-shadow:none!important;
  transform:none!important;
  transform-origin:center!important;
  opacity:1!important;
  visibility:visible!important;
  transition:transform .18s ease,opacity .14s ease!important;
}
html body header#main-header #menuToggle.active span,
html body header#main-header #forumMenuBtn.active span,
html body.menu-open header#main-header #forumMenuBtn span{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
}
html body header#main-header #menuToggle.active span:nth-child(1),
html body header#main-header #forumMenuBtn.active span:nth-child(1),
html body.menu-open header#main-header #forumMenuBtn span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)!important}
html body header#main-header #menuToggle.active span:nth-child(2),
html body header#main-header #forumMenuBtn.active span:nth-child(2),
html body.menu-open header#main-header #forumMenuBtn span:nth-child(2){display:none!important;opacity:0!important;visibility:hidden!important}
html body header#main-header #menuToggle.active span:nth-child(3),
html body header#main-header #forumMenuBtn.active span:nth-child(3),
html body.menu-open header#main-header #forumMenuBtn span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)!important}

html body header#main-header .social-icons-menu{
  box-sizing:border-box!important;
  position:fixed!important;
  top:calc(var(--oryn-shop-h)/2)!important;
  right:max(var(--oryn-shop-side),env(safe-area-inset-right))!important;
  left:auto!important;
  bottom:auto!important;
  width:var(--oryn-shop-right-w)!important;
  min-width:var(--oryn-shop-right-w)!important;
  max-width:var(--oryn-shop-right-w)!important;
  height:var(--oryn-shop-right-h)!important;
  min-height:var(--oryn-shop-right-h)!important;
  max-height:var(--oryn-shop-right-h)!important;
  flex:0 0 var(--oryn-shop-right-w)!important;
  margin:0!important;
  padding:4px 7px 4px 5px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border:1px solid rgba(255,239,213,.78)!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#fff9ed 0%,var(--oryn-shop-cream) 62%,#efd8b1 100%)!important;
  color:var(--oryn-shop-ink)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.55)!important;
  transform:translateY(-50%)!important;
  translate:none!important;
  z-index:2147483645!important;
  pointer-events:auto!important;
  opacity:1!important;
  visibility:visible!important;
}
html body header#main-header .weather-widget{
  box-sizing:border-box!important;
  position:static!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  color:var(--oryn-shop-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54)!important;
  text-decoration:none!important;
  transform:none!important;
}
html body header#main-header .weather-widget-icon{
  position:static!important;
  display:block!important;
  font-size:1rem!important;
  line-height:1!important;
  color:var(--oryn-shop-ink)!important;
}
html body header#main-header .weather-widget-temp{
  position:static!important;
  display:block!important;
  font-size:.76rem!important;
  line-height:1!important;
  font-weight:900!important;
  color:var(--oryn-shop-ink)!important;
  white-space:nowrap!important;
}
html body header#main-header .lang-toggle{
  box-sizing:border-box!important;
  position:static!important;
  flex:0 0 auto!important;
  width:31px!important;
  min-width:31px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 3px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--oryn-shop-ink)!important;
  box-shadow:none!important;
  font:900 .76rem/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.03em!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transform:none!important;
}
html body header#main-header .header-divider{
  box-sizing:border-box!important;
  position:static!important;
  display:block!important;
  flex:0 0 1px!important;
  width:1px!important;
  min-width:1px!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:rgba(23,19,15,.18)!important;
  transform:none!important;
}
html body header#main-header .icon-link{
  box-sizing:border-box!important;
  position:static!important;
  flex:0 0 auto!important;
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  min-height:27px!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transform:none!important;
}
html body header#main-header .icon-link .icon{
  position:static!important;
  width:20px!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  transform:none!important;
}
html body header#main-header .lang-toggle:hover,
html body header#main-header .icon-link:hover{background:rgba(23,19,15,.08)!important;transform:none!important}

/* Legacy wrappers must not become a second layout system around the fixed controls. */
html body header#main-header .glass-nav,
html body header#main-header .forum-glass-nav{
  position:static!important;
  inset:auto!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  pointer-events:none!important;
}
html body header#main-header .glass-nav #menuToggle,
html body header#main-header .forum-glass-nav #forumMenuBtn,
html body header#main-header .glass-nav #menuList,
html body header#main-header .forum-glass-nav #forumMenu{pointer-events:auto!important}

@media(max-width:1024px){
  :root{
    --oryn-shop-h:74px;
    --oryn-shop-btn:46px;
    --oryn-shop-logo:31px;
    --oryn-shop-side:12px;
    --oryn-shop-right-w:140px;
    --oryn-shop-right-h:42px;
  }
}

@media(max-width:620px){
  :root{
    --oryn-shop-h:68px;
    --oryn-shop-btn:42px;
    --oryn-shop-logo:28px;
    --oryn-shop-side:8px;
    --oryn-shop-right-w:112px;
    --oryn-shop-right-h:38px;
  }
  html body header#main-header #menuToggle span,
  html body header#main-header #forumMenuBtn span{width:19px!important;height:2px!important}
  html body header#main-header .weather-widget{height:32px!important;min-height:32px!important;padding:0!important}
  html body header#main-header .weather-widget-temp{display:none!important}
  html body header#main-header .lang-toggle{width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;padding:0!important}
  html body header#main-header .header-divider{height:18px!important}
  html body header#main-header .icon-link{width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important}
  html body header#main-header .icon-link .icon{width:19px!important;height:19px!important}
}

@media(max-width:410px){
  html body header#main-header .weather-widget-temp{display:none!important}
}

@media(max-width:360px){
  :root{--oryn-shop-btn:40px;--oryn-shop-logo:27px;--oryn-shop-side:6px}
}

@media(max-width:350px){
  html body header#main-header .weather-widget{display:none!important}
  html body header#main-header .header-divider{display:none!important}
}

/* ===== Specificity shield against legacy main/forum rules ===== */
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle,
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle:hover,
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle:focus-visible,
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle:active,
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active,
html body.menu-open header#main-header nav.glass-nav button#menuToggle.menu-toggle,
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn,
html body.menu-open header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn,
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active{
  position:fixed!important;
  top:calc(var(--oryn-shop-h)/2)!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:var(--oryn-shop-btn)!important;
  height:var(--oryn-shop-btn)!important;
  min-width:var(--oryn-shop-btn)!important;
  min-height:var(--oryn-shop-btn)!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  grid-column:auto!important;
  justify-self:auto!important;
  align-self:auto!important;
  border:1px solid rgba(17,17,15,.08)!important;
  border-radius:50%!important;
  background:var(--oryn-shop-cream)!important;
  color:var(--oryn-shop-ink)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.38)!important;
  transform:translate(-50%,-50%)!important;
  translate:none!important;
  rotate:0deg!important;
  z-index:2147483646!important;
  overflow:hidden!important;
}
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle span,
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span{
  position:relative!important;
  inset:auto!important;
  width:22px!important;
  height:2.25px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--oryn-shop-ink)!important;
  box-shadow:none!important;
  transform:none!important;
  transform-origin:center!important;
  opacity:1!important;
  visibility:visible!important;
}
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active span,
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active span,
html body.menu-open header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
}
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active span:nth-child(1),
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active span:nth-child(1),
html body.menu-open header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)!important}
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active span:nth-child(2),
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active span:nth-child(2),
html body.menu-open header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span:nth-child(2){display:none!important;width:0!important;height:0!important;opacity:0!important;visibility:hidden!important}
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active span:nth-child(3),
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active span:nth-child(3),
html body.menu-open header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)!important}

html body header#main-header .social-icons-menu a.weather-widget{
  position:static!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 8px!important;
  gap:4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.70)!important;
  color:var(--oryn-shop-ink)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.54)!important;
  transform:none!important;
}
html body header#main-header .social-icons-menu button.lang-toggle{
  position:static!important;
  flex:0 0 auto!important;
  width:31px!important;
  min-width:31px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 3px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  color:var(--oryn-shop-ink)!important;
  box-shadow:none!important;
  font:900 .76rem/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.03em!important;
  transform:none!important;
}
html body header#main-header .social-icons-menu span.header-divider{
  position:static!important;
  flex:0 0 1px!important;
  width:1px!important;
  min-width:0!important;
  height:20px!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  background:rgba(23,19,15,.18)!important;
  transform:none!important;
}
html body header#main-header .social-icons-menu a.icon-link{
  position:static!important;
  flex:0 0 auto!important;
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  min-height:27px!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html body header#main-header .social-icons-menu a.icon-link .icon{
  position:static!important;
  width:20px!important;
  min-width:0!important;
  height:20px!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  transform:none!important;
}

@media(max-width:620px){
  html body header#main-header nav.glass-nav button#menuToggle.menu-toggle span,
  html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span,
  html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active span,
  html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active span{
    width:19px!important;height:2px!important;
  }
  html body header#main-header .social-icons-menu a.weather-widget{
    height:32px!important;min-height:32px!important;min-width:0!important;padding:0!important;gap:4px!important;
  }
  html body header#main-header .social-icons-menu .weather-widget-temp{display:none!important}
  html body header#main-header .social-icons-menu button.lang-toggle{
    width:30px!important;min-width:30px!important;height:32px!important;min-height:32px!important;padding:0!important;line-height:1!important;
  }
  html body header#main-header .social-icons-menu span.header-divider{height:18px!important}
  html body header#main-header .social-icons-menu a.icon-link{
    width:25px!important;min-width:25px!important;height:25px!important;min-height:25px!important;margin:0!important;
  }
  html body header#main-header .social-icons-menu a.icon-link .icon{
    width:19px!important;height:19px!important;min-width:0!important;min-height:0!important;
  }
}
@media(max-width:360px){
  html body header#main-header nav.glass-nav button#menuToggle.menu-toggle,
  html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn{
    width:var(--oryn-shop-btn)!important;height:var(--oryn-shop-btn)!important;min-width:var(--oryn-shop-btn)!important;min-height:var(--oryn-shop-btn)!important;
  }
}
@media(max-width:350px){
  html body header#main-header .social-icons-menu a.weather-widget{display:inline-flex!important}
  html body header#main-header .social-icons-menu span.header-divider{display:none!important}
}

/* =========================================================
   ORYN SHOP EXACT — OPEN MENU / X STATE SHIELD
   Legacy main/forum menu rules use multiple IDs + !important.
   These selectors intentionally outrank them so the open state
   is identical to the Shop reference as well.
========================================================= */
html body header#main-header nav.glass-nav ul#menuList.menu,
html body header#main-header nav.glass-nav ul#menuList.menu.show,
html body.menu-open header#main-header nav.glass-nav ul#menuList.menu,
html body.menu-open header#main-header nav.glass-nav ul#menuList.menu.show,
html body header#main-header.forum-header nav#forumMenu.forum-menu,
html body header#main-header.forum-header nav#forumMenu.forum-menu.show,
html body.menu-open header#main-header.forum-header nav#forumMenu.forum-menu,
html body.menu-open header#main-header.forum-header nav#forumMenu.forum-menu.show{
  box-sizing:border-box!important;
  position:fixed!important;
  inset:var(--oryn-shop-h) 0 0 0!important;
  top:var(--oryn-shop-h)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  max-width:none!important;
  height:calc(100dvh - var(--oryn-shop-h))!important;
  max-height:calc(100dvh - var(--oryn-shop-h))!important;
  min-height:0!important;
  margin:0!important;
  z-index:2147483000!important;
}

html body header#main-header nav.glass-nav ul#menuList.menu.show,
html body.menu-open header#main-header nav.glass-nav ul#menuList.menu,
html body.menu-open header#main-header nav.glass-nav ul#menuList.menu.show,
html body header#main-header.forum-header nav#forumMenu.forum-menu.show,
html body.menu-open header#main-header.forum-header nav#forumMenu.forum-menu,
html body.menu-open header#main-header.forum-header nav#forumMenu.forum-menu.show{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}

/* Forum legacy CSS made the header transparent while the menu was open. */
html body.menu-open header#main-header.forum-header,
html body.menu-open header#main-header.forum-header.menu-is-open{
  background:linear-gradient(180deg,rgba(8,8,9,.965) 0%,rgba(12,12,13,.93) 64%,rgba(15,15,16,.89) 100%)!important;
  border:0!important;
  border-bottom:1px solid rgba(243,238,225,.13)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.30),inset 0 -1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(22px) saturate(135%)!important;
  -webkit-backdrop-filter:blur(22px) saturate(135%)!important;
  pointer-events:none!important;
}
html body.menu-open header#main-header.forum-header > a#logoLink,
html body.menu-open header#main-header.forum-header button#forumMenuBtn,
html body.menu-open header#main-header.forum-header .social-icons-menu,
html body.menu-open header#main-header > a#logoLink,
html body.menu-open header#main-header button#menuToggle,
html body.menu-open header#main-header .social-icons-menu{
  pointer-events:auto!important;
}

/* Shop reference uses a slightly larger X than its closed hamburger bars. */
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active span,
html body.menu-open header#main-header nav.glass-nav button#menuToggle.menu-toggle span,
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active span,
html body.menu-open header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span{
  width:24px!important;
  height:2.5px!important;
  background:#111!important;
}
html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active span:nth-child(2),
html body.menu-open header#main-header nav.glass-nav button#menuToggle.menu-toggle span:nth-child(2),
html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active span:nth-child(2),
html body.menu-open header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span:nth-child(2){
  display:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  visibility:hidden!important;
}

@media(max-width:620px){
  html body header#main-header nav.glass-nav button#menuToggle.menu-toggle.active span,
  html body.menu-open header#main-header nav.glass-nav button#menuToggle.menu-toggle span,
  html body header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn.active span,
  html body.menu-open header#main-header.forum-header .forum-glass-nav button#forumMenuBtn.forum-menu-btn span{
    width:21px!important;
    height:2.4px!important;
  }
}

/* =========================================================
   ORYN SHOP EXACT — FULLSCREEN MENU VISUAL MATCH
   Match the Shop menu grid/cards too, not only the top bar.
========================================================= */
html body header#main-header nav.glass-nav ul#menuList.menu,
html body header#main-header.forum-header nav#forumMenu.forum-menu{
  padding-top:clamp(12px,2.4vh,24px)!important;
  padding-right:max(14px,calc((100vw - 720px)/2))!important;
  padding-bottom:max(20px,calc(env(safe-area-inset-bottom) + 14px))!important;
  padding-left:max(14px,calc((100vw - 720px)/2))!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-rows:minmax(46px,auto)!important;
  align-content:center!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:7px 10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  list-style:none!important;
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.035),transparent 32%),linear-gradient(180deg,rgba(14,14,15,.998),rgba(7,7,8,.998))!important;
  backdrop-filter:blur(20px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(110%)!important;
}
html body header#main-header nav.glass-nav ul#menuList.menu > li,
html body header#main-header nav.glass-nav ul#menuList.menu > li + li{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  grid-column:auto!important;
  justify-self:stretch!important;
}
html body header#main-header nav.glass-nav ul#menuList.menu > li > a,
html body header#main-header nav.glass-nav ul#menuList.menu .menu-logout-button,
html body header#main-header.forum-header nav#forumMenu.forum-menu > a,
html body header#main-header.forum-header nav#forumMenu.forum-menu > .forum-menu-meta{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  margin:0!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,239,213,.22)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.030))!important;
  color:#fff!important;
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;
  font-size:clamp(12px,2vw,17px)!important;
  font-weight:800!important;
  line-height:1.1!important;
  text-align:center!important;
  text-decoration:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.60)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  outline:none!important;
  transform:none!important;
}
html body.menu-open header#main-header nav.glass-nav ul#menuList.menu > li > a:hover,
html body.menu-open header#main-header nav.glass-nav ul#menuList.menu > li > a:focus-visible,
html body.menu-open header#main-header nav.glass-nav ul#menuList.menu .menu-logout-button:hover,
html body.menu-open header#main-header nav.glass-nav ul#menuList.menu .menu-logout-button:focus-visible,
html body.menu-open header#main-header.forum-header nav#forumMenu.forum-menu > a:hover,
html body.menu-open header#main-header.forum-header nav#forumMenu.forum-menu > a:focus-visible{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.065))!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.16)!important;
  transform:none!important;
  filter:none!important;
  outline:none!important;
  text-decoration:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.60)!important;
}
html body header#main-header.forum-header nav#forumMenu.forum-menu > .forum-menu-meta{
  color:rgba(255,240,213,.86)!important;
  cursor:default!important;
}

@media(max-width:1024px){
  html body header#main-header nav.glass-nav ul#menuList.menu,
  html body header#main-header.forum-header nav#forumMenu.forum-menu{
    padding-left:max(12px,calc((100vw - 700px)/2))!important;
    padding-right:max(12px,calc((100vw - 700px)/2))!important;
  }
}

@media(max-width:620px){
  html body header#main-header nav.glass-nav ul#menuList.menu,
  html body header#main-header.forum-header nav#forumMenu.forum-menu{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(44px,auto)!important;
    align-content:center!important;
    gap:6px 7px!important;
    padding-top:10px!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
    overflow-y:auto!important;
  }
  html body header#main-header nav.glass-nav ul#menuList.menu > li > a,
  html body header#main-header nav.glass-nav ul#menuList.menu .menu-logout-button,
  html body header#main-header.forum-header nav#forumMenu.forum-menu > a,
  html body header#main-header.forum-header nav#forumMenu.forum-menu > .forum-menu-meta{
    min-height:44px!important;
    padding:7px 6px!important;
    border-radius:9px!important;
    font-size:clamp(11.5px,4.1vw,16px)!important;
  }
}

@media(max-width:360px){
  html body header#main-header nav.glass-nav ul#menuList.menu,
  html body header#main-header.forum-header nav#forumMenu.forum-menu{
    gap:5px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  html body header#main-header nav.glass-nav ul#menuList.menu > li > a,
  html body header#main-header nav.glass-nav ul#menuList.menu .menu-logout-button,
  html body header#main-header.forum-header nav#forumMenu.forum-menu > a,
  html body header#main-header.forum-header nav#forumMenu.forum-menu > .forum-menu-meta{
    font-size:11px!important;
    padding:6px!important;
  }
}

/* Final legacy-proof menu lock (repeated IDs intentionally raise specificity). */
html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu,
html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu.show,
html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu,
html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu.show{
  position:fixed!important;
  inset:var(--oryn-shop-h) 0 0 0!important;
  top:var(--oryn-shop-h)!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  max-width:none!important;
  height:calc(100dvh - var(--oryn-shop-h))!important;
  min-height:0!important;
  max-height:calc(100dvh - var(--oryn-shop-h))!important;
  margin:0!important;
  padding-top:clamp(12px,2.4vh,24px)!important;
  padding-right:max(14px,calc((100vw - 720px)/2))!important;
  padding-bottom:max(20px,calc(env(safe-area-inset-bottom) + 14px))!important;
  padding-left:max(14px,calc((100vw - 720px)/2))!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-rows:minmax(46px,auto)!important;
  align-content:center!important;
  justify-content:center!important;
  align-items:stretch!important;
  gap:7px 10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:auto!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  z-index:2147483000!important;
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.035),transparent 32%),linear-gradient(180deg,rgba(14,14,15,.998),rgba(7,7,8,.998))!important;
  backdrop-filter:blur(20px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(110%)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu > li > a,
html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu .menu-logout-button,
html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu > a,
html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu > .forum-menu-meta{
  box-sizing:border-box!important;
  position:static!important;
  float:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:48px!important;
  height:auto!important;
  margin:0!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,239,213,.22)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.070),rgba(255,255,255,.030))!important;
  color:#fff!important;
  font-family:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif!important;
  font-size:clamp(12px,2vw,17px)!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:0!important;
  text-align:center!important;
  text-decoration:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.60)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 22px rgba(0,0,0,.12)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  outline:none!important;
}
@media(max-width:1024px){
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu{
    padding-left:max(12px,calc((100vw - 700px)/2))!important;
    padding-right:max(12px,calc((100vw - 700px)/2))!important;
  }
}
@media(max-width:620px){
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(44px,auto)!important;
    align-content:center!important;
    gap:6px 7px!important;
    padding-top:10px!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
  }
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu > li > a,
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu .menu-logout-button,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu > a,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu > .forum-menu-meta{
    min-height:44px!important;
    padding:7px 6px!important;
    border-radius:9px!important;
    font-size:clamp(11.5px,4.1vw,16px)!important;
    line-height:1.1!important;
  }
}
@media(max-width:360px){
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu{
    gap:5px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu > li > a,
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu .menu-logout-button,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu > a,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu > .forum-menu-meta{
    font-size:11px!important;
    padding:6px!important;
  }
}

/* Breakpoint lock must include .show because the open-state base selector does. */
@media(max-width:1024px){
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu.show,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu.show{
    padding-left:max(12px,calc((100vw - 700px)/2))!important;
    padding-right:max(12px,calc((100vw - 700px)/2))!important;
  }
}
@media(max-width:620px){
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu.show,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu.show{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(44px,auto)!important;
    align-content:center!important;
    gap:6px 7px!important;
    padding-top:10px!important;
    padding-right:max(8px,env(safe-area-inset-right))!important;
    padding-bottom:max(12px,env(safe-area-inset-bottom))!important;
    padding-left:max(8px,env(safe-area-inset-left))!important;
  }
}
@media(max-width:360px){
  html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu.show,
  html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu.show{
    gap:5px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
}

/* =========================================================
   ORYN SHOP EXACT — FINAL HOVER LOCK v3
   IMPORTANT: this must stay at the very end of the file.
   The previous late high-specificity base lock overrode hover.
   This selector deliberately matches/exceeds that specificity.
========================================================= */
html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu > li > a:hover,
html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu > li > a:focus-visible,
html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu .menu-logout-button:hover,
html body.menu-open header#main-header#main-header nav.glass-nav ul#menuList#menuList.menu .menu-logout-button:focus-visible,
html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu > a:hover,
html body.menu-open header#main-header#main-header.forum-header nav#forumMenu#forumMenu.forum-menu > a:focus-visible{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(255,255,255,.115),rgba(255,255,255,.065))!important;
  border-color:rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.16)!important;
  transform:none!important;
  filter:none!important;
  outline:none!important;
  text-decoration:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.60)!important;
}