/**
 * Homepage layout fallbacks (Awards, Real Time Betting)
 * Works even if Tailwind CDN fails or loads late.
 */

@media (min-width: 1100px) {
  .hs-awards-layout {
    flex-direction: row !important;
  }
  .hs-awards-left {
    min-width: 465px;
  }
}

@media (min-width: 680px) {
  .hs-awards-vip,
  .hs-awards-vip.hidden {
    display: block !important;
  }
  .hs-awards-vip-mobile-btn {
    display: none !important;
  }
}

@media (max-width: 679px) {
  .hs-awards-vip {
    display: none !important;
  }
}

.hs-rtb-grid,
.hs-rtb-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: center;
}

.hs-rtb-col-user,
.hs-rtb-col-bet,
.hs-rtb-col-mult {
  display: none !important;
}

@media (min-width: 550px) {
  .hs-rtb-grid,
  .hs-rtb-row {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .hs-rtb-col-user,
  .hs-rtb-col-user.hidden,
  .hs-rtb-col-mult,
  .hs-rtb-col-mult.hidden {
    display: flex !important;
  }
}

@media (min-width: 1100px) {
  .hs-rtb-grid,
  .hs-rtb-row {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .hs-rtb-col-bet,
  .hs-rtb-col-bet.hidden {
    display: flex !important;
  }
}

/* Tailwind min-[Npx] utilities backup */
@media (min-width: 550px) {
  .min-\[550px\]\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .min-\[550px\]\:flex {
    display: flex !important;
  }
}

@media (min-width: 1100px) {
  .min-\[1100px\]\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .min-\[1100px\]\:flex {
    display: flex !important;
  }
}