/* Velocity V11 — nav alignment + premium footer */

/* TOP NAV: force every item onto exactly the same baseline/height. */
.v9-topbar .v9-nav{
  display:flex!important;
  align-items:stretch!important;
  justify-content:center!important;
  height:50px!important;
  overflow:visible!important;
}
.v9-topbar .v9-nav .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;
  padding:0 15px!important;
  margin:0!important;
  gap:8px!important;
  line-height:1!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  overflow:visible!important;
  transform:none!important;
  top:auto!important;
  bottom:auto!important;
}
.v9-topbar .v9-nav .v9-nav-link > span{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  transform:none!important;
  inset:auto!important;
}
.v9-topbar .v9-nav .v9-nav-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  display:grid!important;
  place-items:center!important;
}
.v9-topbar .v9-nav .v9-nav-icon svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  transform:none!important;
}
.v9-topbar .v9-nav .v9-nav-link.is-active:after{
  left:12px!important;
  right:12px!important;
  bottom:-1px!important;
}

/* Slightly richer search control up top too. */
.v9-topbar .v9-search{
  height:42px!important;
  border-radius:9px!important;
  border:1px solid rgba(75,154,214,.34)!important;
  background:linear-gradient(180deg,rgba(4,18,30,.96),rgba(2,13,23,.96))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 8px 22px rgba(0,0,0,.18)!important;
}
.v9-topbar .v9-search:focus-within{
  border-color:rgba(38,171,255,.78)!important;
  box-shadow:0 0 0 3px rgba(25,151,255,.10),0 10px 28px rgba(0,0,0,.24)!important;
}
.v9-topbar .v9-search-icon{color:#28aaff!important}
.v9-topbar .v9-search input{height:40px!important;font-size:12px!important}

/* FOOTER — stop links/headings from running together and make it intentional. */
.v9-footer{
  min-height:150px!important;
  padding:18px 0!important;
  background:linear-gradient(180deg,#03101a 0%,#020a12 100%)!important;
  border-top:1px solid rgba(45,137,202,.28)!important;
  box-shadow:inset 0 18px 46px rgba(14,94,154,.035)!important;
}
.v9-footer-inner{
  width:min(1520px,calc(100% - 48px))!important;
  min-height:114px!important;
  display:grid!important;
  grid-template-columns:minmax(260px,1.28fr) repeat(3,minmax(150px,.72fr)) minmax(200px,.85fr) minmax(150px,.62fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.v9-footer-brand{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:22px!important;
  padding:14px 18px!important;
  border:1px solid rgba(68,130,177,.15)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(7,28,45,.58),rgba(3,14,24,.34))!important;
}
.v9-footer-logo-row img{
  width:50px!important;
  height:50px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 0 11px rgba(25,153,255,.28))!important;
}
.v9-footer-logo-row b{font-size:16px!important;font-weight:850!important;letter-spacing:.1px!important;color:#f3f8fc!important}
.v9-footer-logo-row small{font-size:7px!important;letter-spacing:2.7px!important;color:#819eb5!important}
.v9-footer-brand p{font-size:9.5px!important;line-height:1.55!important;color:#7891a5!important}

.v9-footer-group{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:0!important;
  padding:13px 14px!important;
  border-left:0!important;
  border:1px solid rgba(70,132,179,.15)!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,rgba(6,25,41,.56),rgba(3,15,25,.34))!important;
  overflow:visible!important;
}
.v9-footer-group h5{
  display:block!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0 0 7px!important;
  border-bottom:1px solid rgba(83,145,191,.16)!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:1.35px!important;
  color:#6ebeff!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-transform:uppercase!important;
}
.v9-footer-group a{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:21px!important;
  margin:0!important;
  padding:3px 6px 3px 12px!important;
  border-radius:6px!important;
  color:#a9becf!important;
  font-size:9.8px!important;
  line-height:1.25!important;
  text-decoration:none!important;
  white-space:normal!important;
  overflow:visible!important;
  transition:background .16s ease,color .16s ease,transform .16s ease!important;
}
.v9-footer-group a:before{
  content:""!important;
  position:absolute!important;
  left:2px!important;
  top:50%!important;
  width:3px!important;
  height:3px!important;
  border-radius:50%!important;
  background:#258fd6!important;
  transform:translateY(-50%)!important;
  box-shadow:0 0 7px rgba(38,165,255,.35)!important;
}
.v9-footer-group a:hover{
  color:#fff!important;
  background:rgba(22,127,200,.10)!important;
  transform:translateX(2px)!important;
}
/* Player search is the important legacy utility: make it stand out. */
.v9-footer-group a[href="/player.php"]{
  margin-top:3px!important;
  padding:6px 8px 6px 27px!important;
  border:1px solid rgba(37,158,238,.25)!important;
  background:rgba(16,93,148,.12)!important;
  color:#cfeaff!important;
}
.v9-footer-group a[href="/player.php"]:before{
  left:9px!important;
  width:10px!important;
  height:10px!important;
  border:2px solid #38adf8!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:translateY(-57%)!important;
}
.v9-footer-group a[href="/player.php"]:after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  top:15px!important;
  width:5px!important;
  height:2px!important;
  border-radius:2px!important;
  background:#38adf8!important;
  transform:rotate(45deg)!important;
}

.v9-footer-hours{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  padding:13px 15px!important;
  border-left:0!important;
  border:1px solid rgba(70,132,179,.15)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(7,30,49,.62),rgba(3,15,25,.42))!important;
}
.v9-footer-hours>span{
  width:43px!important;
  height:43px!important;
  flex:0 0 43px!important;
  border:1px solid rgba(42,158,238,.28)!important;
  border-radius:10px!important;
  background:linear-gradient(145deg,#0b3152,#082039)!important;
  color:#31adff!important;
  box-shadow:inset 0 0 20px rgba(20,126,207,.10)!important;
}
.v9-footer-hours small{font-size:7.7px!important;color:#85a1b7!important;letter-spacing:.75px!important}
.v9-footer-hours strong{font-size:18px!important;color:#f2f8fc!important;margin:3px 0!important}
.v9-footer-hours em{font-size:8px!important;color:#69869d!important}

.v9-footer-social{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-direction:column!important;
  gap:11px!important;
  padding:12px!important;
  border:1px solid rgba(70,132,179,.15)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,rgba(6,24,39,.52),rgba(3,14,24,.34))!important;
}
.v9-footer-social>a{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(65,151,214,.23)!important;
  border-radius:9px!important;
  background:#08243d!important;
  color:#c7e7ff!important;
}
.v9-social-text{
  padding:0!important;
  border-left:0!important;
  text-align:center!important;
  font-size:7.7px!important;
  line-height:1.45!important;
  color:#658299!important;
}

@media(max-width:1280px){
  .v9-footer-inner{grid-template-columns:1.25fr repeat(3,.72fr) .9fr!important}
  .v9-footer-social{display:none!important}
  .v9-topbar .v9-nav .v9-nav-link{padding:0 10px!important}
}
@media(max-width:1020px){
  .v9-footer-inner{grid-template-columns:1fr 1fr 1fr!important}
  .v9-footer-brand{grid-column:1/-1!important}
  .v9-footer-hours{grid-column:2/-1!important}
}
@media(max-width:700px){
  .v9-footer{padding:16px 0 22px!important}
  .v9-footer-inner{width:calc(100% - 28px)!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
  .v9-footer-brand,.v9-footer-hours{grid-column:1/-1!important}
  .v9-footer-group{min-height:auto!important}
}
@media(max-width:460px){
  .v9-footer-inner{grid-template-columns:1fr!important}
  .v9-footer-brand,.v9-footer-hours{grid-column:auto!important}
}
