/* =========================================================================
   MovinUP — correctifs custom (hors Webflow)
   Overrides légers et non destructifs. Chargé APRÈS le CSS Webflow.
   Pour répliquer dans Webflow : Project Settings > Custom Code > Head (<style>).
   ========================================================================= */

/* ---- M1 — Accueil mobile : le texte de l'encadré "récréatif" doit rester
   visible même si l'animation Webflow (opacity:0 -> 1 au scroll) ne se
   déclenche pas sur petit écran. ---------------------------------------- */
@media screen and (max-width: 767px) {
  .portfolio-white-text,
  .action-heading-wrapper,
  .buttons-wrapper { opacity: 1 !important; }
}

/* ---- M1 — Cartes "Les bases de notre communauté" (PARTAGE / RESPECT /
   INCLUSION) : sur 2 des 3 cartes, l'image de fond est placée APRÈS le texte
   dans le DOM et peut le recouvrir. On remet le texte au-dessus et on laisse
   la carte s'adapter à la hauteur de son contenu pour éviter toute coupe. -- */
@media screen and (max-width: 767px) {
  .about-us-card { min-height: auto; }
  .about-description,
  .about-card-top { position: relative; z-index: 2; }
}