/*
 * global-mobile.css — quick wins responsive mobile (Phase 5)
 *
 * S'applique à toutes les pages, charge après tokens.
 * Objectif : poser les fondations mobile (overflow, touch, a11y) une fois
 * pour éviter de répéter les mêmes règles dans chaque pattern.
 */

/* --- Empêche zoom auto iOS sur focus champ (font-size < 16px) ---------- */
html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* --- Bloque scroll horizontal parasite (coolshapes, watermarks débordants) --- */
html,
body {
	overflow-x: clip;
}

/* --- Tap targets + suppression flash bleu iOS / délai 300ms ------------ */
a,
button,
[role="button"],
label,
input[type="submit"],
input[type="button"] {
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation;
}

/* --- Inputs forms : font-size ≥ 16px mobile pour éviter zoom auto iOS -- */
@media (max-width: 1024px) {
	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="number"],
	input[type="date"],
	textarea,
	select {
		font-size: 16px;
	}
}

/* --- Utility : scrollbar masquée (carrousels horizontaux) -------------- */
.scrollbar-hidden {
	scrollbar-width: none;
	-ms-overflow-style: none;
}

.scrollbar-hidden::-webkit-scrollbar {
	display: none;
}

/* --- Reduced motion : désactivation globale animations carrousels + transitions lourdes --- */
@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;
	}
}