/* ==========================================================================
   responsive.css — Breakpoint documentation & safe responsive helpers
   Monarca Parking Lot Services

   IMPORTANT: All responsive behavior in this project is driven by Tailwind's
   responsive prefixes applied directly in the markup (sm:, md:, lg:). Those
   are the single source of truth for the layout at each breakpoint and are NOT
   duplicated here (duplicating them would risk specificity conflicts and visual
   drift). This file documents the active breakpoints and holds only additive,
   non-conflicting hardening rules.

   Tailwind default breakpoints in use:
     sm  >= 640px   (small tablets / large phones landscape)
     md  >= 768px   (tablets / iPad portrait)
     lg  >= 1024px  (laptops / desktop — primary nav switch point)
   ========================================================================== */

/* Prevent horizontal overflow / layout shift on very small viewports.
   Additive guard only; does not alter the original layout at any breakpoint. */
@media (max-width: 380px) {
  body {
    overflow-x: hidden;
  }
}

/* Large-desktop comfort cap: the design uses `.container mx-auto` which already
   constrains width via Tailwind. No override needed — documented for clarity. */