/* Corrections d'ergonomie relevées par l'audit conversion du 24/09/2026 (issues/14). Module « ergonomie ». */

/* Bouton flottant « Filtres » : en bas à gauche sur ordinateur, partout où la grille l'affiche
   (il couvrait le H1 de « Toutes nos marques » et de la recherche). */
@media (min-width: 768px) {
	.shop-filter-toggle {
		top: auto !important;
		bottom: 84px !important;
		transform: none !important;
	}
}

/* Pages marques en mobile : même marge que les catégories (la grille touchait le bord de l'écran). */
@media (max-width: 767px) {
	.elementor-4602 .elementor-element-fafbe99 {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

/* Panier et commande : l'onglet « Calculateurs » et le badge d'avis recouvraient boutons et total. */
body.woocommerce-cart #calculateur,
body.woocommerce-checkout #calculateur,
html body.woocommerce-cart div.agJsWidget,
html body.woocommerce-checkout div.agJsWidget {
	display: none !important;
}

/* Page 404 : le message du thème faisait doublon, et la bande de réassurance du pied de page
   recouvrait la deuxième rangée de liens. */
body.error404 .page-content {
	display: none;
}
body.error404 .pdlv-404 {
	margin-bottom: 160px !important;
}

/* Commande (page 4134) sur mobile et tablette : sans largeur explicite, le bloc du formulaire (504a9d55), élément
   d'un conteneur flex en colonne, était dimensionné sur une largeur intrinsèque plus étroite et mesurait 4 300 px
   pour 2 000 px de contenu, laissant 2 300 px blancs sous « Commander ». */
@media (max-width: 1024px) {
	.elementor-4134 .elementor-element-504a9d55 {
		width: 100%;
	}
}

/* Fiche produit : informations pratiques sous le bouton d'achat. */
.pdlv-reassurance {
	list-style: none;
	margin: 16px 0 0;
	padding: 12px 14px;
	border: 1px solid #DCE5E8;
	border-radius: 8px;
	background: #F8FAFB;
	font-size: 14px;
	line-height: 1.5;
	color: #2B4E5D;
}
.pdlv-reassurance li {
	position: relative;
	padding-left: 18px;
	margin: 2px 0;
}
.pdlv-reassurance li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: 0.6em;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #00B377;
}

/* Fiche produit mobile : nom et prix remontés dans le premier écran (ils commençaient à 748 px).
   Marge haute du modèle 60 → 16 px, vignettes de la galerie 114 → 64 px, marge sous la galerie réduite. */
@media (max-width: 767px) {
	.single-product .elementor-element-62a19e1 > .e-con-inner {
		padding-top: 16px !important;
	}
	.single-product .elementor-element-e96de23 .flex-control-thumbs li {
		width: 64px !important;
		margin: 0 8px 0 0 !important;
	}
	.single-product .elementor-element-e96de23 .woocommerce-product-gallery {
		margin-bottom: 12px !important;
	}
	.single-product .elementor-element-e96de23 {
		margin-bottom: 0 !important;
	}
}

/* Badge Avis Garantis en mobile : au-dessus de la barre de navigation du bas (97 px), qu'il recouvrait (« Mon panier »). */
@media (max-width: 767px) {
	html body div.agJsWidget {
		bottom: 104px !important;
	}
}

/* Catégories et marques : les produits commençaient sous le premier écran (marge de 80 px au-dessus de la grille
   et de 40 px au-dessus du compteur). */
.elementor-1838 .e-con-inner:has(> .elementor-element-0bedcc7),
.elementor-4602 .e-con-inner:has(> .elementor-element-ab0e821) {
	padding-top: 24px !important;
}
.elementor-1838 .elementor-element-0bedcc7 .shop-product-display-container,
.elementor-4602 .elementor-element-ab0e821 .shop-product-display-container {
	margin-top: 0 !important;
}

/* Zones tactiles en mobile (audit : cibles de 17 à 33 px). Bouton d'ajout et menus des cartes à 40 px ;
   boutons −/+, favoris et barre du bas : zone cliquable élargie par un pseudo-élément invisible, sans changer le dessin. */
@media (max-width: 767px) {
	.shop-display-item .shop-add-to-cart,
	.cart-add-display-item .cart-add-to-cart,
	.shop-display-item .shop-variation-select {
		min-height: 40px;
	}
	.shop-variable-qty-btn,
	.shop-add-to-wishlist,
	.elementor-element-1026e1d a,
	.elementor-element-1026e1d .elementor-menu-cart__toggle_button {
		position: relative;
	}
	.shop-variable-qty-btn::after,
	.shop-add-to-wishlist::after {
		content: "";
		position: absolute;
		inset: -10px -6px;
	}
	.elementor-element-1026e1d a::after,
	.elementor-element-1026e1d .elementor-menu-cart__toggle_button::after {
		content: "";
		position: absolute;
		inset: -14px -12px;
	}
}

/* Noms de produits des cartes mobiles sur trois lignes au lieu de deux (« Salade de fruits… »). */
@media (max-width: 767px) {
	.shop-display-item .shop-product-title,
	.shop-display-item .shop-product-title a {
		-webkit-line-clamp: 3 !important;
		line-clamp: 3 !important;
		max-height: none !important;
	}
}

/* Lien « Gérer mes cookies » : même couleur que les liens légaux voisins (sinon rose par défaut d'Elementor). */
a.pdlv-gerer-cookies,
a.pdlv-gerer-cookies:hover,
a.pdlv-gerer-cookies:visited {
	color: inherit !important;
	text-decoration: inherit;
	font: inherit;
}

/* Contraste des petits textes bleus sur fond clair : #317EF5 (3,9:1) remplacé par #1D5FD6 (5,7:1). La couleur de
   marque des fonds (bandeau, barre du bas, boutons) n'est pas modifiée. */
.shop-product-brand,
.similar-product-brand,
.carousel-product-brand,
.shop-product-brand a,
.cart-add-product-brand,
a.pdlv-lien-marque,
.elementor-element-2915790 a,
.elementor-element-89cf69b a,
.pdlv-guides-lies a {
	color: #1D5FD6 !important;
}
.single-product .woocommerce-breadcrumb a,
.elementor-widget-woocommerce-breadcrumb a {
	color: #1D5FD6 !important;
}
/* Étiquette de rubrique des cartes d'articles : #00B377 (2,7:1) remplacé par #00845A (4,7:1). */
.pdlv-art-carte-rubrique {
	color: #00845A !important;
}
.elementor-widget-woocommerce-product-meta a,
.pdlv-breadcrumb a {
	color: #1D5FD6 !important;
}

/* Contre-audit du 25/09. Fiche mobile : photo principale limitée à 260 px de haut pour que le prix sorte de sous la
   barre du bas. Onglet Calculateurs et badge d'avis masqués sous 768 px (liens au pied de page et section d'avis de
   l'accueil conservés). Derniers textes bleus sur fond blanc assombris. Titre « Produits associés » masqué sans produit. */
@media (max-width: 767px) {
	.single-product .elementor-element-e96de23 .woocommerce-product-gallery__image img,
	.single-product .elementor-element-e96de23 .pdlv-galerie-simple img {
		max-height: 260px !important;
		width: auto !important;
		margin: 0 auto !important;
		object-fit: contain;
	}
	.single-product .elementor-element-e96de23 .flex-viewport {
		height: auto !important;
	}
	#calculateur,
	html body div.agJsWidget {
		display: none !important;
	}
}
.wc-carousel-product-brand,
.custom-cart-subtitle {
	color: #1D5FD6 !important;
}
.cart-add-products-container:not(:has(.cart-add-display-item)) .cart-add-products-title,
.cart-add-products-wrapper:not(:has(.cart-add-display-item)) .cart-add-products-title {
	display: none !important;
}