/* ev-design-2026-09.css — corrections de design deliberees
   ------------------------------------------------------------------
   Seul fichier CSS ecrit a la main. Tout le reste (ev-base.css,
   ev-surcouches.css, ev-tailwind-fige.css) est genere par les scripts
   de /root/design-refonte a partir de l'existant.
   Chaque regle ici corrige un defaut mesure, et dit lequel.
   Verifie par le harnais /root/design-refonte (capture + comparer).
   ------------------------------------------------------------------ */

/* [1] Cartes d'activites de la page publique — titres illisibles sur mobile.
   Cause : ev-surcouches.css impose "h3 { font-size:18px !important }" pour les
   titres de section des ecrans Direction ; la regle atteint aussi ces cartes.
   A 390 px, "PlayStation 5" passait sur 2 lignes et "Table de ping-pong" sur 3,
   ce qui decentrait l'icone et cassait l'alignement de la grille.
   Correctif local : on rend aux cartes l'echelle prevue par
   ev-landing-pro-v321.css, sans toucher a la regle globale dont dependent
   les ecrans Direction. */
#p-auth .ev-product-card h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
#p-auth .ev-product-card p {
  font-size: 11.5px !important;
  line-height: 1.3 !important;
}
#p-auth .ev-product-card span {
  font-size: 10.5px !important;
  line-height: 1.3 !important;
}
#p-auth .ev-product-card {
  align-items: flex-start !important;
}
#p-auth .ev-product-icon {
  margin-top: 1px;
}

/* [2] Sur mobile, la carte horizontale ne laisse que ~116 px de texte a cote
   de l'icone de 42 px : "PlayStation 5" et "Table de ping-pong" passaient sur
   deux lignes, et les cartes d'une meme rangee n'avaient plus la meme hauteur.
   Sous 430 px on passe en tuile verticale : l'icone au-dessus rend au titre
   toute la largeur de la colonne, et les quatre cartes redeviennent egales. */
@media (max-width: 430px) {
  #p-auth .ev-product-card {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 8px !important;
    padding: 14px 10px !important;
    min-height: 128px !important;
    justify-content: flex-start !important;
  }
  #p-auth .ev-product-icon { margin-top: 0; }
  #p-auth .ev-product-card h3 { font-size: 14.5px !important; }
  /* le texte arabe garde sa direction propre meme centre */
  #p-auth .ev-product-card p { direction: rtl; unicode-bidi: isolate; }
}

/* [3] Cibles tactiles trop petites (mesure : 3 elements sous 44 px de haut).
   Reference WCAG 2.2 "Target Size (Minimum)" : 24 px, recommandation
   tactile courante : 44 px. Le lien "Mot de passe oublie ?" faisait 17 px. */
#p-auth a[href="#reset"],
#p-auth .ev-auth-forgot,
#p-auth .lien-oubli {
  display: inline-block;
  padding: 12px 8px;
  min-height: 44px;
  box-sizing: border-box;
}