/* PrivateCheatz chrome overrides on top of main-pc.css (header / offcanvas / search) */

/* logo: 1280×214 PNG → fixed height, natural width.
   The template forces .logo to a 100px box on phones and img{max-width:100%} then squeezes the PNG — undo both. */
.header-1 .header-main .header-left .logo{width:auto;flex:0 0 auto}
/* selector mirrors main-pc.css's ≤991px rule (.header-1 .header-left .logo .header-logo img{width:100px}) so ours wins */
.header-1 .header-left .logo .header-logo img{height:34px;width:auto;max-width:none;display:block}
@media (max-width:1199px){.header-1 .header-left .logo .header-logo img{height:30px;width:auto}}
@media (max-width:991px){.header-1 .header-left .logo .header-logo img{width:auto}}
@media (max-width:575px){.header-1 .header-left .logo .header-logo img{height:24px;width:auto}}

/* breathing room on small screens: template ships padding:10px 0 (56px bar, logo 10px from the edge) — too tight */
@media (max-width:991px){.header-1 .header-main{padding:14px 0}}
/* template lifts the right cluster with margin-top:-15px ≤1199px → keeps it off-centre next to the logo; undo */
@media (max-width:1199px){.header-1 .header-right{margin-top:0}}
@media (max-width:575px){.header-1 .header-main{padding:17px 0;min-height:58px}.header-1 .container-fluid{padding:0 18px}}

/* Discord icon in the header right cluster (same sizing as the search toggler) */
.header-1 .header-right .header-right-icon .pc-discord{font-size:20px;color:var(--gt-white);line-height:1}
.header-1 .header-right .header-right-icon .pc-discord:hover{color:var(--gt-theme)}

/* offcanvas drawer: template ships it WHITE — ours is the brand surface */
.offcanvas__info{background:#0e141f;border-left:2px solid var(--gt-theme)}
.offcanvas__logo img{height:30px;width:auto;display:block}
.offcanvas__info,.offcanvas__info p.text,.offcanvas__contact a,.offcanvas__contact h4{color:#c3cad6}
.offcanvas__contact h4{color:#f3f1ee}
.offcanvas__contact a:hover{color:var(--gt-theme)}
.offcanvas__contact-icon i{color:var(--gt-theme)}
.offcanvas__info .mean-container .mean-nav{background:transparent}
/* template forces the phone-nav divider `1px solid var(--gt-text) !important` (#aeb6c4, designed for its WHITE drawer) → subtle on our dark surface */
.offcanvas__info .mean-container .mean-nav ul li a{color:#f3f1ee;border-bottom-color:rgba(255,255,255,.12) !important}
.offcanvas__info .mean-container .mean-nav ul li a:hover{color:var(--gt-theme)}
.offcanvas__close button{color:#f3f1ee}

/* specificity fixes: main-pc.css sets these at (0,4,3)/(0,3,0) with var(--gt-black) — the short selectors above lose, so mirror the template selectors */
.offcanvas__wrapper .offcanvas__content .text{color:#c3cad6}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a{color:#f3f1ee}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a:hover{color:var(--gt-theme)}
/* social box: template glyph #000 + border var(--gt-border) which is the invalid "#ffffff33C" → no border at all */
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a{color:#f3f1ee;border:1px solid rgba(255,255,255,.2)}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a:hover{color:var(--gt-white);border-color:var(--gt-theme)}
/* equal text start for every quick link regardless of glyph width (discord glyph is wider than the ring/user glyphs) */
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon{width:28px;flex:0 0 28px;text-align:center}

/* search popup: real text input, no uppercase */
.search-popup__form input{text-transform:none}

/* nav fit: 8 items (vs the template's 6) — tighter rhythm so nothing wraps down to 1200px */
.header-main .main-menu ul{white-space:nowrap}
.header-main .main-menu ul li{margin-inline-end:34px}
.header-main .main-menu ul li a{font-size:16px;letter-spacing:-.2px}
@media (max-width:1600px){.header-main .main-menu ul li{margin-inline-end:26px}}
@media (max-width:1399px){.header-main .main-menu ul li{margin-inline-end:20px}.header-main .main-menu ul li a{font-size:15px}}
.header-1 .header-right{gap:0}
.header-1 .header-right .header-right-icon{gap:28px}
@media (max-width:1399px){.header-1 .header-right .header-right-icon{gap:20px}}
.header-1 .header-right .header-right-icon .game-icon{white-space:nowrap;font-size:16px;display:inline-flex;align-items:center}
.header-1 .header-right .header__hamburger{margin-left:26px}

/* drawer "Quick links" head — a <p> (keeps the page's heading outline), styled like the template's h4 */
.offcanvas__contact .pc-drawer-head{font-family:"Chakra Petch",sans-serif;font-size:20px;font-weight:700;color:#f3f1ee;text-transform:uppercase;margin:0 0 18px}

/* drawer copy reads as sentence case, not the template's uppercase body */
.offcanvas__info p.text{text-transform:none;font-weight:400;line-height:1.7}
.offcanvas__contact a{text-transform:none;font-weight:600}

/* ===== PC motion policy (2026-10-14) — one short entrance per block, no scroll-scrubbing, no decorative loops ===== */
html{scroll-behavior:smooth}
.wow.animated,.animated{animation-duration:.6s!important}
/* (about-box border light re-enabled 2026-10-14 at the owner's request) */
.gt-about-section .text,.bounce-x,.gt-section-title-2 h6::before,.gt-section-title-2 h6::after,
.subtitle.tz-sub-tilte::before,.subtitle.tz-sub-tilte::after,.tx-subTitle::before,.tx-subTitle::after{animation:none!important} /* the template's borderAnim rode on h6; our eyebrows are spans */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .wow,.animated{animation:none!important;visibility:visible!important;opacity:1!important;transform:none!important}
  .ripple::before,.ripple::after{animation:none!important}
  .gt-about-box-wrapper::before,.gt-about-box-wrapper::after{animation:none!important} /* the feature-box border light too */
  *,*::before,*::after{transition-duration:.01ms!important;animation-iteration-count:1!important}
}
/* WOW hides a block with inline visibility:hidden until it scrolls into view — which also drops every control inside it (grid
   toolbar, slider arrows, footer links: 63 controls) out of the keyboard focus order. Keep those blocks focusable but invisible
   (opacity) until WOW reveals them: focusing a control scrolls it into view and WOW's scroll handler then plays the entrance. */
.pcx-home .wow[style*="visibility: hidden"]{visibility:visible!important;opacity:0}

/* ===== PC layout safety (QA 2026-10-15) ===== */
/* No horizontal page scroll from off-canvas chrome or anything else that pokes out (no-JS included).
   ⚠ It must be `overflow-x:clip` ON THE BODY, not on <html>: the template already ships body{overflow-x:hidden;
   overflow-y:auto}, and hidden+auto turns the body into a scroll container, which silently kills every
   `position:sticky` on the page (the game page's sidebar). `clip` paired with a visible y-axis clips without
   creating a scroll container, and the root stays untouched so the viewport keeps scrolling normally. */
.pcx-home{overflow-x:clip;overflow-y:visible}
/* before/without Swiper the slider wrappers are a single nowrap row clipped to the first card → let them wrap until Swiper runs */
.pcx-home .swiper:not(.swiper-initialized) .swiper-wrapper{flex-wrap:wrap}
/* the desktop nav row is only moved into the drawer by meanmenu JS ~250ms after parse; hide it at phone/tablet widths outright */
@media (max-width:1199px){.pcx-home .header-main .main-menu{display:none}}
/* ≤400px: logo (143px) + discord · "sign in" · hamburger needed 372px → smaller logo, icon-only sign-in, tighter gaps (≈230px) */
@media (max-width:400px){
  .pcx-home .header-1 .header-left .logo .header-logo img{height:20px;width:auto}
  .pcx-home .header-1 .header-right{gap:10px}
  .pcx-home .header-1 .header-right .header-right-icon{gap:12px}
  .pcx-home .header-1 .header-right .header-right-icon .game-icon{font-size:0;line-height:0}
  .pcx-home .header-1 .header-right .header-right-icon .game-icon i{font-size:18px;line-height:1}
  .pcx-home .header-1 .header-right .header-right-icon,.pcx-home .header-1 .header-right .header__hamburger{flex-shrink:0}
}
/* the site-wide promo mascot (#pcbot, snippet 24) collides with two CTAs here: the hero's second button on phones and the first
   shop card's "Add to cart" while the slider is on screen → 00-mascot.js sets html.pcx-gate (≤480px, until scrolled past the
   hero) / html.pcx-shop-inview (shop section intersecting) and the mascot steps aside; without JS it shows as everywhere else */
html.pcx-gate body.pcx-home #pcbot,
html.pcx-shop-inview body.pcx-home #pcbot{opacity:0!important;pointer-events:none!important;transition:opacity .3s ease}
/* keyboard focus on links: the template's a{outline:none!important} (main-pc.css:270) erased every ring; buttons/inputs kept theirs */
.pcx-home a:focus-visible{outline:2px solid #f66e61!important;outline-offset:2px}
.pcx-home .gt-shop-card-item:has(> a.stretched-link:focus-visible),.pcx-home .gt-shop-card-item:has(a.stretched-link:focus-visible){outline:2px solid #f66e61;outline-offset:2px}
.pcx-home .gt-shop-card-item a.stretched-link:focus-visible{outline:none!important} /* the card carries the ring instead (the link's box is only the title) */

/* ===== PC section backgrounds + CTA (owner feedback 2026-10-14) ===== */
/* .item-hover boxes/text were revealed by a removed ScrollTrigger (adds .in-view) → always visible now */
.item-hover{opacity:1!important;transform:none!important}
.float-bob-y{animation:none!important}
/* hero carbon twill instead of the template's busy circuit (shop) / honeycomb (trainer) photos; glows stay BEHIND content and very soft */
.pc-bg-carbon{position:relative;background:repeating-linear-gradient(45deg,rgba(255,255,255,.016) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgba(0,0,0,.24) 0 2px,transparent 2px 5px),linear-gradient(118deg,#0c121c 0%,#0e141f 58%,#121a2a 100%)}
.pc-bg-carbon::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.pc-bg-carbon--shop::before{background:radial-gradient(55% 45% at 50% 0%,rgba(246,110,97,.13) 0%,rgba(246,110,97,.04) 55%,rgba(246,110,97,0) 100%)}
.pc-bg-carbon--trainer::before{background:radial-gradient(45% 55% at 100% 100%,rgba(246,110,97,.12) 0%,rgba(246,110,97,.03) 55%,rgba(246,110,97,0) 100%)}
.pc-bg-carbon>.container,.pc-bg-carbon>.container-fluid{position:relative;z-index:1}
/* CTA band without the in-game screenshot: content centred, bullets in one row */
.pc-cta-center{text-align:center;max-width:860px;margin:0 auto}
.pc-cta-center .gt-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 36px;margin:0 auto 36px;padding:0}
.pc-cta-center .gt-list li{margin:0}
.pc-cta-center .gt-theme-btn{margin:0 8px 10px}
@media (max-width:575px){.pc-cta-center .gt-list{flex-direction:column;align-items:center;gap:10px}}