/* ═══════════════════════════════════════════════════════════════════════
   LE MOUVEMENT, REMIS EN CSS
   ═══════════════════════════════════════════════════════════════════════
   React animait 136 elements sur cette page. En retirant React, tout se
   figeait. Ces regles rejouent les MEMES mouvements, aux valeurs relevees
   sur l'apercu Base44 par echantillonnage image par image :

       apparition : translateY(34px) -> 0, opacite 0 -> 1, ~900 ms
       courbe     : forte sortie, cubic-bezier(.23, 1, .32, 1)

   Le masquage n'est pose QUE si socle.js tourne (classe `rv-actif`) :
   sans JavaScript, la page reste entiere.
   ═══════════════════════════════════════════════════════════════════════ */
.rv-actif [data-rv]{opacity:0;transform:translateY(34px);
  transition:opacity .9s cubic-bezier(.23,1,.32,1),
             transform .9s cubic-bezier(.23,1,.32,1)}
.rv-actif [data-rv="zoom"]{transform:translateY(34px) scale(.985)}
.rv-actif [data-rv].vu{opacity:1;transform:none}

/* Le bandeau defilant : Base44 le faisait tourner en JavaScript, on le fait
   en CSS pur. Le contenu est deja double dans le HTML, donc un deplacement
   de 50 % boucle sans raccord visible. */
@keyframes bande{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (prefers-reduced-motion: reduce){
  .rv-actif [data-rv]{opacity:1;transform:none;transition:none}
}


/* ═══ ZONES TACTILES ═══
   Deux liens de navigation faisaient 17 px de haut : impossible a viser au
   doigt. On agrandit la ZONE, pas le texte, donc le design ne bouge pas. */
/* Base44 a genere des liens de 15 a 20 px de haut : infisables au doigt.
   On agrandit la ZONE cliquable, jamais le texte, donc la mise en page ne
   bouge pas d'un pixel. `inline-flex` suffit : la hauteur grandit autour du
   texte, qui reste centre.
   46 px et pas 44 : mesure sur le rendu, `min-height:44px` ressortait
   parfois a 43 (arrondi) et l'outil le refusait. */
a, button, [role="button"]{min-height:46px}
a:not(:has(img)):not([class*="block"]){display:inline-flex;align-items:center}

/* ═══ SURVOL SUR ÉCRAN TACTILE ═══
   Un appui sur téléphone déclenche un faux survol qui reste collé au doigt.
   Base44 a généré ses survols sans cette précaution : on neutralise ici ce
   qui se déclenche au survol, et seulement ça. `:active` continue de
   répondre au doigt. */
@media (hover: none), (pointer: coarse){
  a:hover, button:hover{transform:none !important}
}

/* Le bouton du menu telephone faisait 33 px de large : il se faisait ecraser
   par le flex de sa barre. `flex:none` l'empeche de retrecir. */
button[class*="w-11"], button[class*="h-11"]{flex:none;min-width:46px}