/* ============================================================
   Correctifs responsive — Starting Block Digital
   Chargé APRÈS overrides.css.

   Ne contient que des corrections de débordement horizontal.
   Chaque règle documente la cause, pas seulement l'effet.
   ============================================================ */

/* ------------------------------------------------------------
   1. Trust bar — débordement entre 901px et 1150px.

   main.css (l.178) pose .trust-inner{flex-wrap:nowrap} avec
   .trust-label{white-space:nowrap}, et ne repasse en wrap qu'à 900px.
   Les 4 libellés + 3 séparateurs + les gaps ne tiennent plus sur une seule
   ligne dès ~1150px : la barre élargit la zone défilable du document.
   body{overflow-x:hidden} masque le symptôme sans corriger la cause, d'où
   la bande blanche à droite des sections pleine largeur (elles font 100%
   du viewport, pas 100% de la largeur débordée).

   On avance le repli à 1160px avec exactement les mêmes règles qu'à 900px :
   aucun changement de rendu en dessous de 900px, où main.css reprend la main.
   ------------------------------------------------------------ */
@media (max-width:1160px){
	.trust-inner{justify-content:center;flex-wrap:wrap;}
	.trust-div{display:none;}
}

/* ------------------------------------------------------------
   2. Trust bar — écrans étroits.

   Une fois les items empilés, le plus long (« Méthode SC5P+IA, structurée
   & actionnable ») reste en white-space:nowrap : sous ~400px il dépasse à
   lui seul la largeur disponible, et l'écart grandit à mesure que l'écran
   rétrécit — signature d'un nowrap, pas d'une grille.
   On l'autorise à passer à la ligne ; l'icône se cale alors en haut plutôt
   qu'au centre d'un bloc devenu multi-lignes.
   ------------------------------------------------------------ */
@media (max-width:560px){
	.trust-label{white-space:normal;}
	.trust-item{align-items:flex-start;}
	.trust-icon{margin-top:.1rem;}
}