/* Sticky mobile CTA — keeps the primary action reachable after the hero scrolls away.
   Mobile only. Appears once the first viewport is behind you, so it never
   duplicates the hero button that is already on screen. */

.sticky-cta {
  position: fixed;
  z-index: 55;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  gap: 10px;
  padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
  background: rgba(10, 15, 13, .94);
  border-top: 1px solid #2c3630;
  transform: translateY(110%);
  transition: transform 260ms cubic-bezier(.22, .61, .24, 1);
}
.sticky-cta[data-visible="true"] { transform: none; }
.sticky-cta a {
  flex: 1 1 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 8px;
  font-family: "Archivo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: .01em;
}
.sticky-cta a.primary { background: #ff5a1f; color: #1a0e04; }
.sticky-cta a.ghost { border: 1px solid #2c3630; color: #f4f6f2; }
.sticky-cta a.football { background: #75dfa5; color: #07130c; }
.sticky-cta a.basketball { background: #ffa15d; color: #1a0e04; }
.sticky-cta a:active { transform: translateY(1px); }

/* Leave room so the bar never covers the real footer. */
@media (max-width: 768px) {
  body.has-sticky-cta { padding-bottom: 84px; }
  .sticky-cta { display: flex; }
}

@media (prefers-reduced-motion: reduce) {
  .sticky-cta { transition: none; }
}