/* ================================================================
   PeladoZ — HEADER GLOBAL COMPARTILHADO
   Aplicado SOMENTE em HOME / REGRAS / RANKING.
   STORE e ADMIN permanecem independentes.
   ================================================================ */
.home-header{
  width:100%!important;
  height:82px!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:rgba(7,8,9,.94)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
.home-header::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(204,0,0,.18) 10%,rgba(224,20,27,.85) 34%,rgba(204,0,0,.42) 68%,transparent 100%);
  box-shadow:0 1px 8px rgba(204,0,0,.18);
  pointer-events:none;
}
.home-header-inner{
  width:100%!important;
  max-width:1180px!important;
  height:82px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.home-header .nav{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  height:100%!important;
}
.home-header .brand{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.home-header .brand img{
  display:block!important;
  width:auto!important;
  height:58px!important;
  max-width:205px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(204,0,0,.12))!important;
  transition:transform .25s ease,filter .25s ease!important;
}
.home-header .brand:hover img{
  transform:translateY(-1px)!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.42)) drop-shadow(0 0 15px rgba(204,0,0,.24))!important;
}
.home-header .menu{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.home-header .menu>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#c6c7c8!important;
  font:800 13px/1 Inter,Arial,sans-serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  transition:color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.home-header .menu>a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.04)!important;
}
.home-header .menu>a.active,
.home-header .menu>a[aria-current="page"]{
  color:#fff!important;
  background:rgba(204,0,0,.08)!important;
  box-shadow:inset 0 -2px 0 rgba(204,0,0,.72)!important;
}
.home-header .menu>a.nav-discord{color:#cfd3ff!important}
.home-header .menu>a.nav-discord:hover{
  color:#fff!important;
  background:rgba(88,101,242,.10)!important;
  text-shadow:0 0 12px rgba(88,101,242,.45)!important;
}
.home-header .menu>a.hot{
  border:1px solid rgba(204,0,0,.50)!important;
  background:rgba(204,0,0,.10)!important;
  color:#fff!important;
}
.home-header .menu>a.hot:hover{background:rgba(204,0,0,.18)!important}

/* Seletor de idioma compartilhado */
.home-header .language-switcher{position:relative!important;display:flex!important;align-items:center!important;margin-left:2px!important}
.home-header .language-current{
  height:38px!important;min-width:76px!important;padding:0 10px!important;
  border:1px solid rgba(204,0,0,.48)!important;border-radius:11px!important;
  background:rgba(204,0,0,.07)!important;color:#f3f1ec!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  font:800 11px/1 Inter,Arial,sans-serif!important;letter-spacing:.06em!important;cursor:pointer!important;
}
.home-header .lang-flag{width:22px!important;height:15px!important;display:block!important;object-fit:cover!important;border-radius:2px!important}
.home-header .lang-caret{font-size:10px!important}
.home-header .language-menu{
  position:absolute!important;right:0!important;top:calc(100% + 8px)!important;width:158px!important;padding:6px!important;
  background:rgba(10,11,12,.98)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;
  box-shadow:0 18px 36px rgba(0,0,0,.48)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-5px)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:1100!important;
}
.home-header .language-switcher.open .language-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.home-header .language-menu button{
  width:100%!important;border:0!important;background:transparent!important;color:#cfd1d3!important;
  display:grid!important;grid-template-columns:22px 1fr 18px!important;align-items:center!important;gap:7px!important;
  padding:10px 9px!important;text-align:left!important;font:700 12px/1.2 Inter,Arial,sans-serif!important;cursor:pointer!important;
}
.home-header .language-menu button:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.home-header .language-menu button.active{color:#fff!important;background:rgba(204,0,0,.08)!important}
.home-header .lang-check{color:#46d369!important;text-align:right!important;opacity:0!important}
.home-header .language-menu button.active .lang-check{opacity:1!important}

/* Menu mobile compartilhado */
.home-header .mobile-nav{display:none!important;position:relative!important;align-items:center!important}
.home-header .mobile-nav-toggle{
  width:38px!important;height:36px!important;padding:0!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;cursor:pointer!important;
}
.home-header .mobile-nav-toggle span{display:block!important;width:17px!important;height:1.5px!important;border-radius:2px!important;background:#d8d8da!important}
.home-header .mobile-nav-toggle:hover,.home-header .mobile-nav.open .mobile-nav-toggle{background:rgba(204,0,0,.10)!important;border-color:rgba(204,0,0,.48)!important;box-shadow:0 0 16px rgba(204,0,0,.10)!important}
.home-header .mobile-nav-menu{
  position:absolute!important;right:0!important;top:calc(100% + 9px)!important;width:205px!important;padding:7px!important;
  background:rgba(9,10,11,.985)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;
  box-shadow:0 20px 42px rgba(0,0,0,.48)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-6px)!important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;z-index:1120!important;
}
.home-header .mobile-nav.open .mobile-nav-menu{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}
.home-header .mobile-nav-menu a{
  display:flex!important;width:100%!important;padding:11px 12px!important;border:0!important;border-radius:8px!important;
  background:transparent!important;color:#d5d5d7!important;font:750 12px/1.2 Inter,Arial,sans-serif!important;
  letter-spacing:.055em!important;text-transform:uppercase!important;box-shadow:none!important;text-shadow:none!important;
}
.home-header .mobile-nav-menu a:hover,.home-header .mobile-nav-menu a.active{background:rgba(255,255,255,.055)!important;color:#fff!important}
.home-header .mobile-nav-menu a[href="/store"]:hover{background:rgba(204,0,0,.10)!important}

@media(max-width:850px){
  .home-header{height:70px!important}
  .home-header-inner{height:70px!important;padding:0 14px!important}
  .home-header .brand img{height:50px!important}
  .home-header .menu{gap:6px!important}
  .home-header .menu>a{display:none!important}
  .home-header .mobile-nav{display:flex!important}
  .home-header .language-switcher{margin-left:0!important}
  .home-header .language-current{height:36px!important;min-width:64px!important;padding:0 8px!important}
  .home-header .language-menu{right:0!important;width:150px!important}
}
@media(min-width:851px){.home-header .mobile-nav{display:none!important}}


/* ================================================================
   STORE — VARIANTE DO MESMO HEADER GLOBAL
   Compartilha altura, fundo, linha vermelha, glow, largura e ritmo
   com HOME / REGRAS / RANKING. Mantém apenas os atalhos próprios
   da Store: INÍCIO + idioma + conta Steam / Coins.
   ADMIN não usa este bloco.
   ================================================================ */
.store-header.pz-shared-store-header{
  width:100%!important;
  height:82px!important;
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:rgba(7,8,9,.94)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
.store-header.pz-shared-store-header::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:-1px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(204,0,0,.18) 10%,rgba(224,20,27,.85) 34%,rgba(204,0,0,.42) 68%,transparent 100%)!important;
  box-shadow:0 1px 8px rgba(204,0,0,.18)!important;
  pointer-events:none!important;
}
.store-header.pz-shared-store-header .store-header-inner{
  width:100%!important;
  max-width:1180px!important;
  height:82px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.store-header.pz-shared-store-header .brand,
.store-header.pz-shared-store-header .brand-logo{
  display:flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}
.store-header.pz-shared-store-header .brand img,
.store-header.pz-shared-store-header .brand-logo img{
  display:block!important;
  width:auto!important;
  height:58px!important;
  max-width:205px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.38)) drop-shadow(0 0 10px rgba(204,0,0,.12))!important;
  transition:transform .25s ease,filter .25s ease!important;
}
.store-header.pz-shared-store-header .brand:hover img,
.store-header.pz-shared-store-header .brand-logo:hover img{
  transform:translateY(-1px)!important;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.42)) drop-shadow(0 0 15px rgba(204,0,0,.24))!important;
}
.store-header.pz-shared-store-header .store-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-left:auto!important;
  min-width:0!important;
}
/* INÍCIO segue a linguagem dos links do header global, sem perder o SVG. */
.store-header.pz-shared-store-header .store-nav{margin:0!important}
.store-header.pz-shared-store-header .store-nav .button{
  min-height:40px!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#c6c7c8!important;
  font:800 13px/1 Inter,Arial,sans-serif!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.store-header.pz-shared-store-header .store-nav .button:hover{
  transform:none!important;
  color:#fff!important;
  background:rgba(255,255,255,.04)!important;
}
.store-header.pz-shared-store-header .store-nav .button svg{
  width:17px!important;height:17px!important;margin-right:7px!important;
}
/* Idioma idêntico ao header global. */
.store-header.pz-shared-store-header .language-switcher{position:relative!important;display:flex!important;align-items:center!important;margin-left:2px!important}
.store-header.pz-shared-store-header .language-current{
  height:38px!important;min-width:76px!important;padding:0 10px!important;
  border:1px solid rgba(204,0,0,.48)!important;border-radius:11px!important;
  background:rgba(204,0,0,.07)!important;color:#f3f1ec!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  font:800 11px/1 Inter,Arial,sans-serif!important;letter-spacing:.06em!important;cursor:pointer!important;
}
.store-header.pz-shared-store-header .language-current:hover,
.store-header.pz-shared-store-header .language-switcher.open .language-current{
  background:rgba(204,0,0,.13)!important;border-color:rgba(204,0,0,.82)!important;
}
.store-header.pz-shared-store-header .lang-flag{width:22px!important;height:15px!important;display:block!important;object-fit:cover!important;border-radius:2px!important}
.store-header.pz-shared-store-header .language-menu{
  position:absolute!important;right:0!important;top:calc(100% + 8px)!important;width:158px!important;padding:6px!important;
  background:rgba(10,11,12,.98)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;
  box-shadow:0 18px 36px rgba(0,0,0,.48)!important;z-index:1100!important;
}
/* Conta Steam continua própria da Store, só harmonizada com o header global. */
.store-header.pz-shared-store-header #account{display:flex!important;align-items:center!important;min-width:0!important}
.store-header.pz-shared-store-header .account-trigger,
.store-header.pz-shared-store-header #account>.button{
  min-height:40px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
.store-header.pz-shared-store-header .account-trigger:hover,
.store-header.pz-shared-store-header #account>.button:hover{
  border-color:rgba(204,0,0,.48)!important;
  background:rgba(204,0,0,.08)!important;
}
.store-header.pz-shared-store-header.is-scrolled,
.store-header.pz-shared-store-header.is-scrolled .store-header-inner{
  height:82px!important;
}
.store-header.pz-shared-store-header.is-scrolled .brand-logo img{height:58px!important}

@media(max-width:850px){
  .store-header.pz-shared-store-header{height:70px!important}
  .store-header.pz-shared-store-header .store-header-inner{height:70px!important;padding:0 14px!important;gap:10px!important}
  .store-header.pz-shared-store-header .brand img,
  .store-header.pz-shared-store-header .brand-logo img{height:50px!important}
  .store-header.pz-shared-store-header .store-header-actions{gap:6px!important}
  .store-header.pz-shared-store-header .language-current{height:36px!important;min-width:64px!important;padding:0 8px!important}
  .store-header.pz-shared-store-header .language-menu{width:150px!important}
  .store-header.pz-shared-store-header.is-scrolled,
  .store-header.pz-shared-store-header.is-scrolled .store-header-inner{height:70px!important}
  .store-header.pz-shared-store-header.is-scrolled .brand-logo img{height:50px!important}
}
@media(max-width:620px){
  .store-header.pz-shared-store-header .store-nav .button span{display:none!important}
  .store-header.pz-shared-store-header .store-nav .button{width:40px!important;padding:0!important;justify-content:center!important}
  .store-header.pz-shared-store-header .store-nav .button svg{margin-right:0!important}
  .store-header.pz-shared-store-header .store-header-inner{padding:0 10px!important}
  .store-header.pz-shared-store-header .language-current{min-width:58px!important;padding:0 6px!important;gap:5px!important}
}

/* ================================================================
   HOVER CLÁSSICO — sem contorno/borda dinâmica
   Mantém a linha vermelha fixa do header e o glow da logo.
   ================================================================ */
.home-header .menu>a:hover,
.home-header .menu>a.active,
.home-header .menu>a[aria-current="page"]{
  border-color:transparent!important;
  outline:0!important;
}
.home-header .language-current:hover,
.home-header .language-switcher.open .language-current{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
.home-header .mobile-nav-toggle:hover,
.home-header .mobile-nav.open .mobile-nav-toggle{
  border-color:rgba(255,255,255,.11)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}

.store-header.pz-shared-store-header .store-nav .button:hover{
  border-color:transparent!important;
  outline:0!important;
  background:rgba(255,255,255,.04)!important;
}
.store-header.pz-shared-store-header .language-current:hover,
.store-header.pz-shared-store-header .language-switcher.open .language-current{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:none!important;
}
.store-header.pz-shared-store-header .account-trigger:hover,
.store-header.pz-shared-store-header #account>.button:hover{
  border-color:rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
}

/* =========================================================
   HEADER LINKS — RESTAURADO AO VISUAL CLÁSSICO
   Referência: PeladoZ_FOOTER_GLOBAL_COMPARTILHADO
   Apenas links de navegação. Idioma/Steam mantêm estilo próprio.
   ========================================================= */
.home-header .menu>a{
  padding:11px 13px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#c6c7c8!important;
  text-shadow:none!important;
  transform:none!important;
  transition:color .2s ease,background .2s ease!important;
}
.home-header .menu>a:hover,
.home-header .menu>a.active,
.home-header .menu>a[aria-current="page"]{
  color:#fff!important;
  background:rgba(255,255,255,.04)!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}
.home-header .menu>a.nav-discord,
.home-header .menu>a.hot,
.home-header .menu>a.nav-discord:hover,
.home-header .menu>a.hot:hover{
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.home-header .menu>a.nav-discord,
.home-header .menu>a.hot{
  background:transparent!important;
  color:#c6c7c8!important;
}
.home-header .menu>a.nav-discord:hover,
.home-header .menu>a.hot:hover{
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
}

/* STORE: somente o link INÍCIO acompanha os links clássicos. */
.store-header.pz-shared-store-header .store-nav .button{
  min-height:40px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  color:#c6c7c8!important;
  text-shadow:none!important;
  transform:none!important;
  transition:color .2s ease,background .2s ease!important;
}
.store-header.pz-shared-store-header .store-nav .button:hover,
.store-header.pz-shared-store-header .store-nav .button:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.04)!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:none!important;
}

/* Ícones SVG dos links do header */
.home-header .pz-nav-icon{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  margin-right:7px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  opacity:.92!important;
}
.home-header .mobile-nav-menu .pz-nav-icon{
  width:16px!important;
  height:16px!important;
  flex-basis:16px!important;
  margin-right:9px!important;
}