/* css/responsive.css */

/* Large Screens */
@media (max-width: 1200px) {
  :root {
    --text-7xl: 3.5rem;
    --text-6xl: 3rem;
  }
}

/* Tablets Landscape */
@media (max-width: 1024px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }
  
  .about-grid, 
  .empathy-grid,
  .contact-grid {
    grid-template-columns: 1fr !important;
    gap: var(--space-8) !important;
  }
}

/* Tablets Portrait & Large Mobile */
@media (max-width: 768px) {
  .nav-links {
    display: none; /* Mobile menu will handle this */
  }
  
  .navbar .btn-primary {
    display: none;
  }
  
  .hamburger {
    display: flex;
  }
  
  .services-grid,
  .features-grid,
  .blog-grid,
  .stats-grid {
    grid-template-columns: 1fr !important;
  }
  
  .hero-stats {
    flex-direction: row !important;
    gap: var(--space-6) !important;
    position: relative !important;
    bottom: auto !important;
    right: auto !important;
    margin-top: var(--space-8);
  }
  
  .process-steps {
    grid-template-columns: 1fr !important;
    gap: var(--space-8) !important;
  }
  
  .process-steps::before {
    display: none; /* Hide connecting line */
  }
  
  .form-row {
    grid-template-columns: 1fr !important;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
  
  .footer-bottom {
    flex-direction: column;
    gap: var(--space-4);
    text-align: center;
  }
  
  h1 {
    font-size: 2.5rem;
  }
  
  .hero-ctas {
    flex-direction: column;
    width: 100%;
  }
  
  .hero-ctas .btn {
    width: 100%;
  }
}