/* ===== RESPONSIVE.CSS — Smart Agriculture Portal ===== */

/* ===== LARGE DESKTOP ===== */
@media (max-width: 1280px) {
  .hero-content   { gap: 2.5rem; }
  .footer-grid    { grid-template-columns: 1.2fr 1fr 1fr 1fr; gap: 2rem; }
}

/* ===== TABLET LANDSCAPE ===== */
@media (max-width: 1024px) {
  .hero-content   { grid-template-columns: 1fr; text-align: center; }
  .hero-text p    { max-width: 100%; margin: 0 auto 2rem; }
  .hero-actions   { justify-content: center; }
  .hero-stats     { justify-content: center; }
  .hero-illustration { display: none; }

  .about-grid     { grid-template-columns: 1fr; gap: 2rem; }
  .about-img-block{ order: -1; }

  .contact-grid   { grid-template-columns: 1fr; }

  .footer-grid    { grid-template-columns: 1fr 1fr; gap: 2rem; }
  .footer-brand   { grid-column: 1 / -1; }

  .forecast-row   { grid-template-columns: repeat(4, 1fr); }
}

/* ===== TABLET PORTRAIT ===== */
@media (max-width: 768px) {
  .navbar { padding: 0 1.25rem; }
  .nav-links { display: none; flex-direction: column; position: absolute; top: 70px; left: 0; right: 0; background: var(--green-deep); padding: 1.5rem 1.25rem 2rem; gap: 0.3rem; border-top: 1px solid rgba(255,255,255,0.1); }
  .nav-links.open { display: flex; }
  .nav-links a { padding: 0.7rem 1rem; font-size: 1rem; }
  .nav-cta { margin-top: 0.5rem; text-align: center; }
  .hamburger { display: flex; }

  .hero { padding: 3rem 1.25rem; min-height: auto; }
  .hero-stats { flex-direction: column; gap: 1rem; align-items: center; }

  .section { padding: 3.5rem 1.25rem; }
  .page-hero { padding: 3.5rem 1.25rem 3rem; }

  .service-card { grid-template-columns: 1fr; }
  .service-icon { margin: 0 auto 0.5rem; }

  .form-row { grid-template-columns: 1fr; }

  .forecast-row { grid-template-columns: repeat(3, 1fr); gap: 0.75rem; }

  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* ===== MOBILE ===== */
@media (max-width: 480px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.6rem; }

  .section { padding: 2.5rem 1rem; }
  .page-hero { padding: 2.5rem 1rem; }

  .cards-grid { grid-template-columns: 1fr; }
  .team-grid  { grid-template-columns: 1fr 1fr; }
  .forecast-row { grid-template-columns: repeat(2, 1fr); }

  .weather-card { padding: 1.5rem 1rem; }
  .weather-temp { font-size: 3.5rem; }

  .calc-card  { padding: 1.5rem 1rem; }
  .contact-form-card { padding: 1.5rem 1rem; }

  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
  .footer-social { justify-content: center; }

  .hero-actions { flex-direction: column; align-items: center; }
  .btn-primary, .btn-outline { width: 100%; text-align: center; justify-content: center; }

  .toast { bottom: 1rem; right: 1rem; left: 1rem; }
  #backToTop { bottom: 1rem; left: 1rem; }
}

/* ===== REDUCED MOTION ===== */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}