/* ==========================================================================
   NX PLUS SPORTS — RESPONSIVE OVERRIDES (css/nxplus-responsive.css)
   Breakpoints: 1200px, 992px, 768px, 576px
   ========================================================================== */

@media (max-width: 1200px) {
  .pillars-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .sports-directory-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .footer-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 992px) {
  .primary-nav {
    display: none;
  }
  
  .mobile-toggle {
    display: block;
  }
  
  .hero-grid {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }
  
  .hero-visual {
    order: -1;
  }
  
  .hero-athletes {
    max-height: 380px;
  }
  
  .nx-leap-grid {
    grid-template-columns: 1fr;
  }
  
  .nx-leap-stages-grid {
    grid-template-columns: 1fr;
  }
  
  .sports-directory-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .section {
    padding: var(--space-12) 0;
  }
  
  .pillars-grid {
    grid-template-columns: 1fr;
  }
  
  .hero-stats-strip {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
  }
  
  .section-header-split {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .utility-bar {
    display: none; /* Compact header for small mobile screens */
  }
  
  .event-meta-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 576px) {
  .sports-directory-grid {
    grid-template-columns: 1fr;
  }
  
  .hero-title {
    font-size: 2.25rem;
  }
  
  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  
  .hero-actions .btn {
    width: 100%;
  }
  
  .footer-grid {
    grid-template-columns: 1fr;
  }
  
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}