/* fix8ao: simple-desktop sportsbook chrome (desktop only) */
@media (min-width: 1024px) {
  html, body, #root {
    background: #e9edf3 !important;
  }

  header.sticky,
  header.fixed {
    height: 66px !important;
    background: #163d8f !important;
    border-bottom: 0 !important;
  }

  header [aria-label="Beti15"] span:first-child {
    color: #ffffff !important;
  }

  header [aria-label="Beti15"] span:last-child {
    color: #f5c400 !important;
  }

  header nav {
    align-self: stretch;
    height: 66px;
    gap: 2px !important;
  }

  header nav button {
    height: 66px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 3px solid transparent !important;
    color: #dbe5ff !important;
    font-weight: 700 !important;
    padding: 0 18px !important;
  }

  header nav button[data-fix8ao-active],
  header nav button:hover {
    color: #ffffff !important;
    background: transparent !important;
  }

  header nav button[data-fix8ao-active] {
    border-bottom-color: #f5c400 !important;
  }

  header button[aria-label="Notifications"],
  header button[aria-label="Betslip"],
  header button[data-fix8ao-hide],
  header button:has(.lucide-globe),
  header button:has(.lucide-moon),
  header button:has(.lucide-sun) {
    display: none !important;
  }

  header button[aria-label="Search"] {
    height: 38px !important;
    min-width: 38px;
    border: 1px solid #6f8ac4 !important;
    border-radius: 7px !important;
    color: #ffffff !important;
  }

  header button.fix8ao-join,
  header button.bg-\[\#3B7DE8\] {
    background: #f5c400 !important;
    color: #172033 !important;
    border: 0 !important;
    font-weight: 800 !important;
    border-radius: 7px !important;
  }

  header button.fix8ao-login {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid #6f8ac4 !important;
    font-weight: 800 !important;
    border-radius: 7px !important;
  }

  .fix8ao-utility {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    gap: 5px;
    background: #fff;
    border-bottom: 1px solid #dfe5ed;
    position: sticky;
    top: 66px;
    z-index: 40;
  }

  .fix8ao-utility a,
  .fix8ao-utility button {
    border: 0;
    background: transparent;
    padding: 8px 14px;
    color: #536176;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    border-radius: 6px;
  }

  .fix8ao-utility a:hover,
  .fix8ao-utility button:hover {
    color: #163d8f;
    background: #e8effc;
  }

  .fixed.top-\[57px\].right-6 {
    position: fixed !important;
    top: 111px !important;
    right: 0 !important;
    width: 355px !important;
    height: calc(100vh - 111px) !important;
    max-height: none !important;
    border-radius: 0 !important;
    z-index: 45 !important;
    background: #ffffff !important;
    border-left: 1px solid #d9e1ec !important;
    box-shadow: none !important;
  }

  .fix8ao-main-pad {
    padding-right: 355px !important;
    box-sizing: border-box;
  }

  /* Featured match strip → 3-up grid */
  .flex.gap-3.overflow-x-auto.pb-1 {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden !important;
    gap: 8px !important;
  }

  .flex.gap-3.overflow-x-auto.pb-1 > :nth-child(n + 4) {
    display: none !important;
  }

  .flex.gap-3.overflow-x-auto.pb-1 > .w-\[340px\] {
    width: auto !important;
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }

  /* Home Featured / Casino / AI Tips segmented control */
  .flex.items-center.gap-0.mb-4.rounded-xl.border.overflow-hidden.w-fit {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .fix8ao-utility {
    display: none !important;
  }
}