# Coaster World v1.94.0 — Audit Responsive & UX global

Base : v1.93.1

## Objectif

Cette version consolide l’affichage du site avant la phase de stabilisation. L’audit cible en priorité les largeurs 320 px, 375 px, 430 px, tablette et desktop, en clair comme en sombre.

## Header mobile

- Le header téléphone n’affiche plus toutes les actions desktop en même temps.
- À 720 px et moins, le header conserve volontairement le logo, les notifications et le menu.
- Recherche, profil, Mon Coaster World, Communauté et Road Trips restent accessibles dans le menu mobile.
- Le thème et la langue ont maintenant des contrôles dédiés dans le menu mobile.
- Le menu mobile possède une hauteur maximale liée au viewport et devient scrollable si nécessaire.
- Ajout du support `viewport-fit=cover` pour les écrans avec safe areas.

## Responsive global

- Durcissement des enfants de grilles/flex afin d’éviter les débordements causés par des largeurs minimales implicites.
- Formulaires, champs et zones de texte limités à la largeur disponible.
- Tableaux et rangées horizontales conservent leur scroll tactile au lieu d’agrandir la page.
- Dialogues limités au viewport (`dvh`) pour éviter les modales coupées.
- Titres et textes longs peuvent se replier proprement sur les petits écrans.
- Gouttières réduites progressivement à 480 px puis 360 px.

## Pages renforcées

### Profil
- identité verticale sur très petit écran ;
- cartes et statistiques resserrées ;
- activité récente compatible avec les textes longs.

### Notifications
- statistiques adaptées à 480/360 px ;
- filtres de priorité empilés sur les petits écrans ;
- actions et préférences utilisables sans débordement.

### Mode Visite
- cartes attractions plus compactes ;
- actions empilées à 480 px ;
- dock mobile resserré pour 320–360 px ;
- statistiques passent en une colonne à 360 px.

### Road Trips
- actions d’étapes repliables ;
- cartes de trajet et planning mieux adaptées aux petits écrans ;
- formulaire d’ajout plein écran avec marges réduites ;
- statistiques compatibles 320 px.

### Mon Coaster World / Communauté
- cartes et résumés réduits ;
- galeries et actions passent en colonne sur téléphone ;
- contenus longs empêchés de forcer un débordement.

### Administration
- recherche admin verticale sur téléphone ;
- tableaux scrollables tactiles ;
- cartes Qualité et Utilisateurs en une colonne à 480 px ;
- consoles/modales admin adaptées au viewport complet sur téléphone.

### Sécurité compte
- cartes et actions de sessions adaptées aux très petits écrans.

## UX thème

- Les boutons de thème utilisent désormais les traductions FR/EN/DE/ES/IT pour leur libellé accessible.
- Le libellé du bouton mobile indique l’action suivante (thème clair ou sombre) et se met à jour immédiatement.

## Technique

- Aucune migration SQL.
- Les assets de production CSS/JS v1.94 sont inclus et le manifeste Vite pointe directement dessus.
- Aucun `npm run build` n’est nécessaire lors de l’installation de l’archive fournie.