From 701a02b55cb1e300b98e32f566c2f96e8690029f Mon Sep 17 00:00:00 2001
From: Froidefond Julien <julienfroidefond@gmail.com>
Date: Sun, 15 Mar 2026 21:32:54 +0100
Subject: [PATCH] fix: prevent iOS auto-zoom on input focus by overriding
 Tailwind text-sm

Move the 16px font-size rule outside @layer base and scope it to iOS
via @supports (-webkit-touch-callout: none) so it takes priority over
Tailwind utility classes without affecting desktop rendering.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/styles/globals.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index 800f674..e1ef1ec 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -118,11 +118,14 @@ body.no-pinch-zoom * {
     font-family: var(--font-ui);
   }
 
-  /* Empêche le zoom automatique iOS sur les inputs */
+}
+
+/* Empêche le zoom automatique iOS sur les inputs (hors @layer pour surcharger text-sm) */
+@supports (-webkit-touch-callout: none) {
   input,
   textarea,
   select {
-    font-size: 16px;
+    font-size: 16px !important;
   }
 }