/* Styles that must work without npm run build. Loaded after the Vite bundle. */

@media (min-width: 1280px) {
  .kc-tips-mega {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 68px;
    z-index: 300;
    width: min(1200px, calc(100vw - 3rem)) !important;
    max-width: calc(100vw - 3rem);
    transform: translateX(-50%);
    padding-top: 14px;
  }

  .kc-tips-mega-panel {
    border-radius: 15px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
  }
}

/* Today / Tomorrow switch sits above the free-picks box. Both buttons share one width. */
.kc-date-switch {
  width: min(479px, 100%);
  min-height: 61px;
}

@media (min-width: 1280px) {
  .kc-footer-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Footer text links stay on one line until Unfold. The control sits at the end of that line. */
.kc-footer-links-row {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}

.kc-footer-links-row #kc-footer-seo {
  min-width: 0;
  flex: 1 1 auto;
}

.kc-footer-links-clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
}

/* Pull the free-picks block up against the tip category chips. */
.kc-after-categories {
  margin-top: 4px !important;
}

.kc-picks-card {
  padding-top: 4px !important;
}

@media (min-width: 1280px) {
  .kc-picks-card {
    padding-top: 8px !important;
  }
}

/* SEO footer headings use the site gold, including text wrapped in spans. */
.footer-content h1,
.footer-content h2,
.footer-content h3,
.footer-content h4,
.footer-content h5,
.footer-content h6,
.footer-content h1 span,
.footer-content h2 span,
.footer-content h3 span,
.footer-content h4 span,
.footer-content h5 span,
.footer-content h6 span,
.kc-seo-heading,
.kc-seo-heading span {
  color: #be8f0d !important;
}

.kc-zone-playoff {
  border-left: 3px solid #be8f0d;
}