/* LOT 8b (26/09/2026) — correctifs ciblés, chargés APRÈS pages.css.
   Ne modifie ni style.css ni pages.css : nouveau fichier dédié, comme demandé. */

/* Rouge 4 — CTA texte invisible (contraste 1:1) dans l'encart "Un doute sur votre conformité ?"
   / "Votre caisse est-elle en règle ?". Cause : `.lba-corps a{color:var(--tampon)}` (pages.css
   L196, spécificité 0,1,1) gagne sur `.lba-bouton--plein{color:var(--carton)}` (spécificité 0,1,0)
   quand le CTA est un <a> injecté à l'intérieur de `.lba-corps` — le texte du bouton devient alors
   exactement la couleur du fond (measure: color rgb(38,60,146) = background rgb(38,60,146)).
   Règle plus spécifique pour regagner la priorité, générique (protège tout article, pas seulement
   les 2 pages citées par la recette). */
.lba-corps a.lba-bouton--plein{
	color:var(--carton,#FBF6EC);
	text-decoration:none;
}
.lba-corps a.lba-bouton--contour{
	color:var(--tampon,#263C92);
	text-decoration:none;
}

/* Rouge 5 — débordement horizontal 42px à 320px sur /test-caisse/.
   Cause : `.lba-test-hero{display:grid;grid-template-columns:100px 1fr}` (media max-width:640px) —
   la colonne de texte "1fr" a par défaut min-width:auto en grid, donc elle s'étend au contenu
   minimal de son enfant. Or `.lba-etiquette{white-space:nowrap}` empêche ce contenu de rétrécir
   sous ~205px (mesuré), largeur supérieure à la part réellement disponible à 320px (~162px) :
   la grille déborde de 42px. Corrigé en autorisant la colonne à rétrécir (min-width:0, règle
   standard pour ce piège grid) et en laissant l'étiquette passer à la ligne sous 360px — portée
   volontairement restreinte à `.lba-test-hero` (le composant `.lba-etiquette` reste inchangé
   partout ailleurs sur le site). */
@media (max-width:360px){
	.lba-test-hero > div{ min-width:0; }
	.lba-test-hero .lba-etiquette{
		white-space:normal;
		height:auto;
		padding:.3rem .8rem .3rem 1.1rem;
		line-height:1.3;
	}
}