/* ==========================================================================
   GALAXY INCORPORATION — RESPONSIVE STYLES
   ========================================================================== */
@import url('./variables.css');

/* Tablet and below */
@media (max-width: 1024px) {
  :root {
    --space-section: 4rem;
    --space-xxl: 3.5rem;
    --space-xl: 2rem;
  }

  .container { padding: 0 var(--space-lg); }

  .whats-new-grid { grid-template-columns: repeat(2, 1fr); }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .stats-band-grid { grid-template-columns: repeat(2, 1fr); }
  .case-grid { grid-template-columns: repeat(2, 1fr); }
  .insight-grid { grid-template-columns: repeat(2, 1fr); }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
  }

  .footer-info {
    grid-column: span 2;
    margin-bottom: var(--space-md);
  }

  /* Collapse any inline two-column grids */
  section div[style*="grid-template-columns: 1fr 1fr"],
  section div[style*="grid-template-columns: 1.2fr 1fr"],
  section div[style*="grid-template-columns: 1fr 1.2fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile devices */
@media (max-width: 768px) {
  :root {
    --space-section: 3rem;
    --space-xxl: 2.5rem;
    --space-xl: 1.5rem;
    --space-lg: 1rem;
  }

  /* Mega menu collapses to single scrolling column */
  .nav-menu {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
    align-content: start;
    padding: 100px 8vw var(--space-xl) 8vw;
    overflow-y: auto;
  }

  .pill-nav { display: none; }
  .ask-btn { padding: 10px 16px; font-size: var(--fs-xs); }

  /* Homepage grids */
  .whats-new-grid { grid-template-columns: 1fr; }
  .feature-grid { grid-template-columns: 1fr; }
  .category-grid { grid-template-columns: 1fr; }
  .stats-band-grid { grid-template-columns: repeat(2, 1fr); }
  .case-grid { grid-template-columns: 1fr; }
  .insight-grid { grid-template-columns: 1fr; }

  .hero-content { padding-bottom: 16vh; }
  .scroll-indicator span { display: none; }

  /* Footer */
  .footer-grid { grid-template-columns: 1fr; gap: var(--space-xl); }
  .footer-info { grid-column: span 1; }

  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: var(--space-md);
  }

  /* Buttons */
  .btn-group { flex-direction: column; width: 100%; }
  .btn { width: 100%; text-align: center; }

  /* No custom cursor on touch */
  .custom-cursor,
  .custom-cursor-follower { display: none !important; }

  .page-hero-title { font-size: var(--fs-3xl); }
}

@media (max-width: 480px) {
  .logo { font-size: var(--fs-md); }
  .stats-band-grid { grid-template-columns: 1fr 1fr; gap: var(--space-md); }
}