/**
 * GLI Institute Theme - Responsive Layouts & Breakpoints
 *
 * Ensures flawless display on mobile, tablet, and widescreen.
 */

@media (max-width: 1024px) {
  .gli-primary-menu {
    gap: 16px;
  }

  .gli-home-hero-grid {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .gli-hero-subtitle {
    margin-left: auto;
    margin-right: auto;
  }

  .gli-hero-actions-row {
    justify-content: center;
  }

  .gli-hero-trust-row {
    justify-content: center;
  }

  .gli-program-tracks-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gli-why-grid {
    grid-template-columns: 1fr;
  }

  .gli-footer-top-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .gli-main-nav {
    display: none;
  }

  .gli-mobile-nav-toggle {
    display: block;
  }

  .gli-hero-main-title {
    font-size: 34px;
  }

  .gli-metrics-bar-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .gli-program-tracks-grid {
    grid-template-columns: 1fr;
  }

  .gli-cta-banner-card {
    padding: 36px 20px;
  }

  .gli-cta-banner-card h2 {
    font-size: 26px;
  }

  .gli-cta-buttons {
    flex-direction: column;
  }

  .gli-footer-top-grid {
    grid-template-columns: 1fr;
  }

  .gli-footer-bottom {
    flex-direction: column;
    gap: 12px;
    text-align: center;
  }

  .gli-header-username {
    display: none;
  }
}