/* ================================================
   SRINIDHI TRAVELS — responsive.css
   ================================================ */

/* ── TABLET (≤ 992px) ── */
@media (max-width: 992px) {
  .hero-content h1 { font-size: 2.5rem; }
  .section { padding: 70px 4%; }
  .vertical-form { margin-top: -60px; }
  .footer-container { grid-template-columns: 1fr 1fr; }
  .footer-col:first-child { grid-column: 1 / -1; }
}

/* ── MOBILE (≤ 768px) ── */
@media (max-width: 768px) {
  /* Nav */
  .nav-links {
    display: none;
    flex-direction: column;
    background: white;
    position: absolute;
    top: 78px;
    left: 5%;
    right: 5%;
    padding: 24px;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    gap: 18px;
    z-index: 999;
  }
  .nav-links.show { display: flex; }
  .hamburger { display: block; }
  .logo img { height: 50px; }

  /* Hero */
  .hero { min-height: 50vh; padding: 50px 18px; }
  .hero-content h1 { font-size: 2rem; line-height: 1.3; }
  .hero-content p  { font-size: 1rem; }

  /* Booking */
  .vertical-form { padding: 28px 22px; margin-top: -40px; border-radius: 22px; }
  .double-row { flex-direction: column; gap: 0; }

  /* Cards */
  .cards { grid-template-columns: 1fr; gap: 22px; }
  .card img { height: 180px; }
  .about-card { flex-direction: column; text-align: center; }

  /* Sections */
  .section { padding: 56px 4%; }
  .section h2 { font-size: 1.85rem; }

  /* Footer */
  .footer-container { grid-template-columns: 1fr; text-align: center; gap: 28px; }
  .footer-areas { justify-content: center; }
  .footer-container i { display: none; }

  /* Floats */
  .float-whatsapp, .float-call { width: 54px; height: 54px; font-size: 24px; bottom: 20px; }

  /* Booking hero fix */
  .booking { padding: 0 4% 50px; }
}

/* ── SMALL MOBILE (≤ 480px) ── */
@media (max-width: 480px) {
  .hero-content h1 { font-size: 1.7rem; }
  .cta { padding: 13px 28px; font-size: 0.95rem; }
  .trip-btn { padding: 10px 22px; font-size: 0.9rem; }
  .submit-btn { font-size: 1rem; padding: 16px; }
  .vertical-form { padding: 24px 18px; }
  .booking h2 { font-size: 1.7rem; }

  /* Stack footer areas on very small screens */
  .footer-areas { flex-direction: column; gap: 0; align-items: center; }
}

/* ── PRINT ── */
@media print {
  .navbar, .float-whatsapp, .float-call, .hero { display: none; }
  .section { padding: 20px 0; }
}