/* =============================================================
   RESPONSIVE.CSS — Mobile · Tablet · Large Screen Breakpoints
   Elite Care Ambulance — elitecare-ambulance.com
   Approach: Desktop-first with max-width overrides
   ============================================================= */

/* ===== TABLET — max 960px ===== */
@media (max-width: 960px) {
  /* Why Us: stack columns */
  .why-grid { grid-template-columns: 1fr; }

  /* Footer: 2-column */
  .footer-top { grid-template-columns: 1fr 1fr; }

  /* Stats: 2×2 grid */
  .stats-grid { grid-template-columns: repeat(2, 1fr); }
  .stat-item:nth-child(3) { border-left: none; }
}

/* ===== MOBILE — max 768px ===== */
@media (max-width: 768px) {
  /* Hide desktop nav links */
  .nav-links { display: none; }

  /* Hero: center-align, reduce padding */
  .hero {
    padding-top: 100px;
    padding-bottom: 72px;
    min-height: auto;
  }
  .hero-content { margin: 0 auto; text-align: center; }
  .hero-actions  { justify-content: center; }
  .hero-stats    { justify-content: center; }

  /* Hero KPIs: remove dividers */
  .hstat { padding: 0 20px 0 0; margin-left: 0 !important; }
  .hstat:not(:last-child) { border-left: none; }

  /* Trust bar: hide dividers, shrink text */
  .trust-div  { display: none; }
  .trust-item { padding: 5px 12px; font-size: 0.78rem; }

  /* Show mobile sticky bar */
  .sticky-bar { display: flex; }

  /* Float button: lift above sticky bar */
  .float-btn { bottom: 82px; left: 12px; }

  /* Footer: single column; add bottom padding for sticky bar */
  footer       { padding-bottom: 88px; }
  .footer-top  { grid-template-columns: 1fr; }

  /* Modal: reduce padding */
  .modal-sheet { padding: 22px 16px 36px; }

  /* Modal location fallback: single column */
  .loc-fallback-grid { grid-template-columns: 1fr; }

  /* Modal alts: stack */
  .modal-alts { flex-direction: column; }

  /* Section padding reduction */
  .section,
  .why-section,
  .coverage-section,
  .blog-section,
  .contact-section,
  .faq-section { padding: 68px 5%; }

  .emergency-cta { padding: 68px 5%; }
}

/* ===== SMALL MOBILE — max 480px ===== */
@media (max-width: 480px) {
  /* Hero CTA: full-width stacked buttons */
  .hero-actions { flex-direction: column; align-items: stretch; }
  .btn-primary,
  .btn-secondary { width: 100%; justify-content: center; }

  /* Emergency CTA: stacked centered buttons */
  .emg-actions { flex-direction: column; align-items: center; }
  .btn-white,
  .btn-outline-white { width: 100%; max-width: 320px; justify-content: center; }

  /* Stats: force 2×2 */
  .stats-grid { grid-template-columns: 1fr 1fr; }
  .stat-item:nth-child(1),
  .stat-item:nth-child(2) { border-bottom: 1px solid rgba(255,255,255,0.06); }
}