/* BingoPlus Courtside PC icon header v10.1.2
   Load after style.css.
   This file intentionally contains no .mobile-dock rules. */

.site-header{
  box-shadow:0 8px 28px rgba(42,10,67,.06);
}

.header-inner{
  height:82px;
  gap:22px;
}

.main-nav.pc-icon-nav{
  display:flex;
  align-items:center;
  gap:5px;
}

.pc-icon-nav a{
  display:flex;
  min-width:66px;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:3px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:16px;
  color:#55475f;
  font-size:11px;
  font-weight:800;
  line-height:1;
  text-decoration:none;
  transition:
    background-color .2s ease,
    border-color .2s ease,
    color .2s ease,
    transform .2s ease;
}

.pc-icon-nav a::after{
  display:none;
}

.pc-icon-nav img{
  width:34px;
  height:34px;
  object-fit:contain;
  filter:saturate(.88);
  transition:filter .2s ease,transform .2s ease;
}

.pc-icon-nav a:hover,
.pc-icon-nav a:focus-visible{
  border-color:rgba(237,23,69,.13);
  background:linear-gradient(180deg,#fff7f3,#faeef9);
  color:#3f106f;
  transform:translateY(-2px);
}

.pc-icon-nav a:hover img,
.pc-icon-nav a:focus-visible img{
  filter:saturate(1.08);
  transform:scale(1.06);
}

.pc-icon-nav a:focus-visible,
.pc-app-cta:focus-visible{
  outline:3px solid rgba(255,184,62,.65);
  outline-offset:2px;
}

.header-cta.pc-app-cta{
  display:flex;
  align-items:center;
  gap:8px;
  padding:7px 15px 7px 8px;
  background:linear-gradient(135deg,#49116f,#741881);
  box-shadow:0 10px 25px rgba(63,16,111,.24);
  white-space:nowrap;
  transition:transform .2s ease,box-shadow .2s ease;
}

.pc-app-cta img{
  width:32px;
  height:32px;
  object-fit:contain;
}

.pc-app-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(63,16,111,.3);
}

@media(max-width:1120px) and (min-width:821px){
  .header-inner{
    gap:13px;
  }

  .main-nav.pc-icon-nav{
    gap:1px;
  }

  .pc-icon-nav a{
    min-width:56px;
    padding-inline:5px;
  }

  .pc-icon-nav img{
    width:31px;
    height:31px;
  }

  .brand span{
    display:none;
  }
}

/* H5 uses its own navigation. This only hides the PC icon rail. */
@media(max-width:820px){
  .main-nav.pc-icon-nav{
    display:none;
  }

  .header-inner{
    height:66px;
  }

  .brand span{
    display:flex;
  }
}

@media(max-width:680px){
  .site-header{
    position:sticky;
  }

  .header-cta.pc-app-cta{
    padding:5px 11px 5px 6px;
  }

  .pc-app-cta img{
    width:30px;
    height:30px;
  }
}

@media(max-width:380px){
  .brand span{
    display:none;
  }

  .pc-app-cta span{
    font-size:11px;
  }
}

@media(prefers-reduced-motion:reduce){
  .pc-icon-nav a,
  .pc-icon-nav img,
  .pc-app-cta{
    transition:none;
  }
}