/* Correctif mobile du configurateur (30/08/2026).
 *
 * PROBLEME 1 - aucun bouton d'ajout au panier sur telephone.
 * L'etape finale du wizard (recapitulatif prix + bouton d'achat) est masquee
 * en dur dans le template :
 *     <div class="awp_item" id="awp_item_finish" style="display: none;">
 * Elle n'est revelee que par product.css ligne 2869, a l'interieur de
 * @media (min-width:992px). En dessous, rien ne la revele : aucun produit
 * configurable ne pouvait etre mis au panier depuis un telephone.
 * La regle ci-dessous est le pendant mobile de cette regle desktop.
 *
 * `order: 900` est indispensable : le conteneur est en flex, et sans lui le
 * bloc remonte juste apres le choix du vehicule ("Termine !" s'afficherait
 * avant meme le choix de la couleur).
 *
 * NOTE - on ne conditionne PAS l'affichage a la selection d'un vehicule
 * (via :has(.trouveTaille)) : le groupe 12 "Vehicule a proteger" n'existe que
 * sur 10 des 91 produits a declinaisons, la condition supprimerait le bouton
 * d'achat sur les 81 autres. Le controle est deja fait par #zo_requiered.
 *
 * PROBLEME 2 - le bouton "Vous n'avez pas trouve votre voiture ?" et le texte
 * d'aide s'affichaient entre la marque et le modele, en se superposant aux
 * libelles. Ils sont replaces apres la liste des versions par patch-mobile.js
 * (aucune regle CSS ne peut le faire, voir ce fichier). Ici on leur donne une
 * largeur utilisable, et surtout on fait en sorte que leur conteneur les
 * englobe : #carListe a des colonnes flottantes, sa hauteur s'effondre et le
 * texte deborderait sur l'etape suivante ("Couleur").
 */
@media (max-width: 991px) {
	form#awp_wizard > div#awp_item_finish {
		display: block !important;
		order: 900;
		width: 100%;
	}

	#carListe {
		display: flow-root;   /* englobe les colonnes flottantes */
		height: auto;         /* sa hauteur est figee a 80px : le texte deplace
		                         debordait de ~395 px sur l'etape "Couleur" */
	}

	em.notFoundHelper {
		position: static;
		width: auto;
		max-width: 100%;
		margin: 18px auto 8px auto;
		text-align: center;
		float: none;
	}

	/* les phrases d'aide, enveloppees par patch-mobile.js */
	.cdlh-aide-vehicule {
		display: block;
		text-align: center;
		margin: 0 auto 4px auto;
	}
}