/* Build 5184 — PumkinCraft mobile-only button palette.
   Last-loaded CSS layer. IMPORTANT: public.js may move .vx80-nav under <body>,
   so selectors must not rely on .epk-mobile being an ancestor. */
@media (max-width:1160px) {
  body.header-module-epiklava {
    --pc-mobile-orange:#e65e12;
    --pc-mobile-orange-dark:#c9470d;
    --pc-mobile-orange-light:#f97316;
    --pc-mobile-ink:#101722;
    --pc-mobile-surface:#192333;
    --pc-mobile-line:#344154;
    --pc-mobile-text:#f6f8fc;
  }

  /* Header CTA: saturated orange and WHITE text, not tan with dark letters. */
  html[data-theme] body.public-body.header-module-epiklava .vx80-mobile-store,
  html[data-theme] body.public-body.header-module-epiklava .epk-mobile .vx80-mobile-store {
    background:linear-gradient(135deg,var(--pc-mobile-orange-light),var(--pc-mobile-orange-dark))!important;
    color:#fff!important;
    border:1px solid #fa9142!important;
    border-radius:12px!important;
    box-shadow:0 6px 18px rgba(230,94,18,.23),inset 0 1px rgba(255,255,255,.20)!important;
    font-size:12px!important;
    font-weight:950!important;
    text-shadow:0 1px 2px rgba(100,33,2,.34)!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-mobile-store :is(span,b,small,i) {color:#fff!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-mobile-store b {
    padding:2px 5px!important;border-radius:5px!important;
    background:rgba(92,31,9,.30)!important;border:1px solid rgba(255,255,255,.22)!important;
    font-size:10px!important;color:#fff!important;text-shadow:none!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-menu-button {
    background:#202b3b!important;color:#fff!important;border:1px solid #3e4a5c!important;
    border-radius:12px!important;box-shadow:inset 0 1px rgba(255,255,255,.07)!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-menu-button :is(b,i,span) {color:#fff!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-menu-button .vx80-bars i {background:#fff!important}

  /* Drawer keeps its existing structure and animations; only restyles colors. */
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav {
    background:linear-gradient(155deg,#172130 0%,#0f1724 76%,#101823 100%)!important;
    border-left:1px solid #38475b!important;color:#fff!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-head {border-bottom-color:rgba(255,255,255,.12)!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-brand .vlx-wordmark-name {color:#fff!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-close {
    background:#263246!important;border:1px solid #40516a!important;color:#fff!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-ip {
    background:#1a2a28!important;border:1px solid #345e48!important;color:#f5fff9!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-ip :is(b,span) {color:#f5fff9!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-ip small {color:#bbdfcd!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-title {color:#ffad70!important}

  /* Unselected tiles: calm slate. Selected tile: theme orange + white bold. */
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-nav-link,
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-community>summary {
    min-height:53px!important;
    background:linear-gradient(180deg,#202c3d,#192333)!important;
    border:1px solid #35455b!important;
    color:#f6f8fc!important;
    border-radius:12px!important;
    font-size:13px!important;font-weight:900!important;
    box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
    transition:background .16s ease,border-color .16s ease!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-nav-link:is(.active,:hover,:focus-visible),
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-community.active>summary,
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-community>summary:is(:hover,:focus-visible) {
    background:linear-gradient(135deg,var(--pc-mobile-orange-light),var(--pc-mobile-orange-dark))!important;
    border-color:#ff984d!important;
    color:#fff!important;
    font-weight:950!important;
    box-shadow:0 6px 14px rgba(217,80,14,.22)!important;
    text-shadow:0 1px 2px rgba(91,29,6,.25)!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-nav-link.nav-key-store,
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-nav-link.nav-key-topup {
    background:linear-gradient(180deg,#35281f,#282321)!important;
    border-color:#8b5129!important;
    color:#fff2e6!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-nav-link.nav-key-store:is(.active,:hover,:focus-visible),
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list>.pcx-nav-link.nav-key-topup:is(.active,:hover,:focus-visible) {
    background:linear-gradient(135deg,var(--pc-mobile-orange-light),var(--pc-mobile-orange-dark))!important;
    color:#fff!important;border-color:#ff984d!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list .velora-nav-sale {
    background:#a83c13!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;
    border-radius:6px!important;font-weight:950!important;
    text-shadow:none!important;
  }

  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list .pcx-community-panel {
    background:#151f2e!important;border-color:#35455b!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list .pcx-community-panel>a {color:#fff!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list .pcx-community-panel>a:hover {background:#29364a!important}

  /* Sale strip and registration also use white typography on orange. */
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-footer {border-top-color:#344154!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-sale {
    background:linear-gradient(135deg,var(--pc-mobile-orange),var(--pc-mobile-orange-dark))!important;
    border:1px solid #f38a3a!important;color:#fff!important;
    border-radius:12px!important;font-size:12px!important;font-weight:900!important;
    box-shadow:0 5px 16px rgba(222,84,16,.18)!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-sale :is(b,span) {color:#fff!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-sale b {
    background:rgba(111,36,7,.32)!important;border:1px solid rgba(255,255,255,.22)!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-account>a.pcx-login {
    background:#273349!important;border-color:#465671!important;color:#fff!important;
    border-radius:12px!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-account>a.pcx-register {
    background:linear-gradient(135deg,var(--pc-mobile-orange-light),var(--pc-mobile-orange-dark))!important;
    border-color:#ff984d!important;color:#fff!important;
    border-radius:12px!important;font-size:13px!important;font-weight:950!important;
    box-shadow:0 7px 18px rgba(222,84,16,.20)!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-account>a.pcx-register :is(b,span,i,small) {color:#fff!important}
  html[data-theme] body.public-body.header-module-epiklava .vx80-drawer-discord {
    background:#283553!important;border-color:#475f91!important;color:#edf3ff!important;border-radius:12px!important;
  }
  html[data-theme] body.public-body.header-module-epiklava .vx80-nav-list a:focus-visible,
  html[data-theme] body.public-body.header-module-epiklava :is(.vx80-mobile-store,.vx80-menu-button,.vx80-drawer-close,.vx80-drawer-account a):focus-visible {
    outline:3px solid #ffb66e!important;outline-offset:2px!important;
  }
}
@media(prefers-reduced-motion:reduce){.vx80-mobile-store,.vx80-nav-list>.pcx-nav-link{transition:none!important}}
/* 320–359px phones: do not let the utility strip or duplicate mini wordmark
   collide with the two real action buttons. */
@media(max-width:359px){
  body.header-module-epiklava .vx82-utility-line{gap:6px!important;padding-inline:10px!important;overflow:hidden!important;justify-content:space-between!important}
  body.header-module-epiklava .vx82-utility-left{display:block!important;flex:1 1 auto!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:8px!important}
  body.header-module-epiklava .vx82-utility-left .vx82-glow-dot{display:inline-block!important;margin-right:4px!important}
  body.header-module-epiklava .vx82-help-shortcut{flex:0 0 auto!important;font-size:9px!important;white-space:nowrap!important}
  body.header-module-epiklava .vx80-mini-brand{flex:0 0 34px!important;max-width:34px!important;overflow:hidden!important}
  body.header-module-epiklava .vx80-mini-brand .vlx-wordmark-name{display:none!important}
  body.header-module-epiklava .vx80-mini-brand .vlx-wordmark-symbol{flex:0 0 30px!important;width:30px!important;height:30px!important}
}