/* ================================================================
   Sell My Car Online — responsive.css
   FINAL pass. Loaded LAST in the cascade.

   Use !important here SPARINGLY — only for overriding inline styles
   that block editor blocks or third-party plugins might inject.
   ================================================================ */


/* iOS input zoom — inputs must stay at 16px on mobile */
@media (max-width: 640px) {
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	input[type="search"],
	input[type="url"],
	input[type="password"],
	textarea,
	select {
		font-size: 16px !important;
	}
}


/* Lock body scroll when mobile menu is open
   (CSS-only solution — no JS needed) */
.nav-toggle-input:checked ~ .nav-mobile {
	overscroll-behavior: contain;
}


/* Prevent horizontal scroll on any device — last line of defense */
html, body {
	max-width: 100vw;
	overflow-x: hidden;
}


/* Reduced motion — honor system preference */
@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}