/* Velocity V12 — hero transparency, nav baseline, brand + footer readability */

/* ===== TOP BRAND ===== */
.v9-topbar .v9-topbar-inner{
  grid-template-columns:252px minmax(570px,1fr) auto!important;
}
.v9-topbar .v9-brand{
  min-width:238px!important;
  gap:10px!important;
  align-items:center!important;
}
.v9-topbar .v9-brand-logo{
  width:76px!important;
  height:58px!important;
  max-width:none!important;
  object-fit:contain!important;
  flex:0 0 76px!important;
  filter:drop-shadow(0 0 15px rgba(28,156,255,.48))!important;
}
.v9-topbar .v9-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  line-height:1!important;
  transform:none!important;
}
.v9-topbar .v9-brand-copy b{
  font-size:20px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.1px!important;
}
.v9-topbar .v9-brand-copy small{
  margin-top:6px!important;
  font-size:8.2px!important;
  line-height:1!important;
  letter-spacing:3.5px!important;
}

/* ===== TOP NAV — one exact baseline for EVERY label, especially Skinovi ===== */
.v9-topbar .v9-nav{
  display:flex!important;
  align-items:stretch!important;
  height:50px!important;
}
.v9-topbar .v9-nav > a.v9-nav-link{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  height:50px!important;
  min-height:50px!important;
  line-height:1!important;
  padding-top:0!important;
  padding-bottom:0!important;
  margin-top:0!important;
  margin-bottom:0!important;
  top:0!important;
  bottom:auto!important;
  transform:none!important;
  vertical-align:middle!important;
}
.v9-topbar .v9-nav > a.v9-nav-link > .v9-nav-icon{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:18px!important;
  height:50px!important;
  min-height:50px!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  top:0!important;
  transform:none!important;
}
.v9-topbar .v9-nav > a.v9-nav-link > .v9-nav-icon + span{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  height:50px!important;
  min-height:50px!important;
  line-height:50px!important;
  margin:0!important;
  padding:1px 0 0!important;
  top:0!important;
  bottom:auto!important;
  transform:none!important;
  translate:none!important;
  vertical-align:middle!important;
}
/* Strongest reset for the one legacy item that was visually jumping. */
.v9-topbar .v9-nav > a.v9-nav-link[href="/skins.php"],
.v9-topbar .v9-nav > a.v9-nav-link[href="/skins.php"] > span,
.v9-topbar .v9-nav > a.v9-nav-link[href="/skins.php"] > span:last-child{
  top:0!important;
  bottom:auto!important;
  margin-top:0!important;
  margin-bottom:0!important;
  transform:none!important;
  translate:none!important;
  vertical-align:middle!important;
}
.v9-topbar .v9-nav > a.v9-nav-link[href="/skins.php"] > span:last-child{
  display:flex!important;
  align-items:center!important;
  height:50px!important;
  min-height:50px!important;
  line-height:50px!important;
  padding-top:1px!important;
}

/* ===== HERO — wallpaper genuinely spans the full banner and remains visible under copy ===== */
.v9-home .v9-hero{
  position:relative!important;
  width:100%!important;
  height:370px!important;
  overflow:hidden!important;
  background:#03111d!important;
}
.v9-home .v9-hero-scene{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:.92!important;
  transform:none!important;
  background-image:url('/assets/img/velocity-home-bg.webp')!important;
  background-repeat:no-repeat!important;
  background-position:center 45%!important;
  background-size:cover!important;
  filter:saturate(1.22) brightness(.78) contrast(1.06)!important;
}
.v9-home .v9-hero-scene:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 62% 44%,rgba(10,126,232,.16),transparent 34%),
    linear-gradient(90deg,rgba(1,10,18,.44) 0%,rgba(1,10,18,.28) 28%,rgba(1,10,18,.06) 51%,rgba(1,10,18,.08) 78%,rgba(1,10,18,.27) 100%)!important;
}
.v9-home .v9-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.01) 72%,rgba(2,13,22,.28) 100%)!important;
}
.v9-home .v9-hero-characters{
  height:370px!important;
  width:1010px!important;
  max-width:none!important;
  left:50%!important;
  top:0!important;
  transform:translateX(-145px)!important;
  object-fit:cover!important;
  object-position:center 46%!important;
  opacity:.94!important;
  z-index:2!important;
  filter:saturate(1.08) contrast(1.04) brightness(.98) drop-shadow(0 18px 34px rgba(0,0,0,.30))!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.48) 5%,#000 14%,#000 91%,rgba(0,0,0,.76) 97%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.48) 5%,#000 14%,#000 91%,rgba(0,0,0,.76) 97%,transparent 100%)!important;
}
.v9-home .v9-hero-copy{
  z-index:6!important;
}
.v9-home .v9-hero-copy h1,
.v9-home .v9-hero-copy h2,
.v9-home .v9-hero-copy p,
.v9-home .v9-kicker{
  text-shadow:0 3px 14px rgba(0,0,0,.62)!important;
}

/* ===== FOOTER — slightly larger, but player search now looks exactly like ordinary links ===== */
.v9-footer{
  min-height:174px!important;
  padding:21px 0 24px!important;
}
.v9-footer-inner{
  width:min(1540px,calc(100% - 48px))!important;
  min-height:128px!important;
  gap:16px!important;
}
.v9-footer-brand{
  padding:16px 18px!important;
}
.v9-footer-logo-row img{
  width:55px!important;
  height:55px!important;
}
.v9-footer-logo-row b{font-size:17px!important}
.v9-footer-logo-row small{font-size:7.6px!important;letter-spacing:2.9px!important}
.v9-footer-brand p{font-size:10.3px!important;line-height:1.55!important}
.v9-footer-group{
  min-height:126px!important;
  padding:15px 15px!important;
}
.v9-footer-group h5{
  margin-bottom:9px!important;
  padding-bottom:8px!important;
  font-size:10.3px!important;
  letter-spacing:1.45px!important;
}
.v9-footer-group a{
  min-height:24px!important;
  padding:4px 7px 4px 13px!important;
  font-size:11.2px!important;
  line-height:1.3!important;
  color:#b5c8d8!important;
}
.v9-footer-group a:before{
  left:3px!important;
  width:3px!important;
  height:3px!important;
  border:0!important;
  border-radius:50%!important;
  background:#258fd6!important;
  box-shadow:0 0 7px rgba(38,165,255,.35)!important;
  transform:translateY(-50%)!important;
}
/* Player search: REMOVE the special badge/card treatment from V11. */
.v9-footer-group a[href="/player.php"]{
  margin-top:0!important;
  padding:4px 7px 4px 13px!important;
  border:0!important;
  background:transparent!important;
  color:#b5c8d8!important;
  font-size:11.2px!important;
  box-shadow:none!important;
}
.v9-footer-group a[href="/player.php"]:before{
  content:""!important;
  left:3px!important;
  top:50%!important;
  width:3px!important;
  height:3px!important;
  border:0!important;
  border-radius:50%!important;
  background:#258fd6!important;
  box-shadow:0 0 7px rgba(38,165,255,.35)!important;
  transform:translateY(-50%)!important;
}
.v9-footer-group a[href="/player.php"]:after{display:none!important;content:none!important}
.v9-footer-hours{padding:15px 16px!important}
.v9-footer-hours>span{width:47px!important;height:47px!important;flex-basis:47px!important}
.v9-footer-hours small{font-size:8.3px!important}.v9-footer-hours strong{font-size:20px!important}.v9-footer-hours em{font-size:8.6px!important}
.v9-footer-social>a{width:39px!important;height:39px!important}.v9-social-text{font-size:8.3px!important}

@media(max-width:1450px){
  .v9-topbar .v9-topbar-inner{grid-template-columns:225px minmax(520px,1fr) auto!important}
  .v9-topbar .v9-brand-logo{width:68px!important;height:54px!important;flex-basis:68px!important}
  .v9-topbar .v9-brand{min-width:212px!important}
  .v9-home .v9-hero-characters{width:930px!important;transform:translateX(-145px)!important}
}
@media(max-width:1180px){
  .v9-topbar .v9-topbar-inner{grid-template-columns:195px 1fr auto!important}
  .v9-topbar .v9-brand-logo{width:58px!important;height:50px!important;flex-basis:58px!important}
  .v9-topbar .v9-brand-copy b{font-size:18px!important}
  .v9-home .v9-hero{height:390px!important}
  .v9-home .v9-hero-characters{height:390px!important;width:840px!important;transform:translateX(-125px)!important}
}
@media(max-width:860px){
  .v9-home .v9-hero{height:auto!important;min-height:650px!important}
  .v9-home .v9-hero-characters{top:305px!important;height:345px!important;width:760px!important;left:50%!important;transform:translateX(-50%)!important;opacity:.76!important}
}