/* monchanvre — Raccords WooCommerce (markup natif → design du thème) */

/* La grille native ul.products reprend le style .products */
ul.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none}
ul.products.columns-3{grid-template-columns:repeat(3,1fr)}
ul.products.columns-2{grid-template-columns:repeat(2,1fr)}
ul.products li.product{margin:0;width:auto}

/* Produits similaires (sortie WooCommerce par défaut) */
.related.products,.upsells.products{max-width:var(--container);margin:0 auto;padding:0 var(--gutter) var(--sp-20)}
.related.products > h2,.upsells.products > h2{font-family:var(--font-display);font-weight:var(--fw-black);letter-spacing:var(--ls-tight);font-size:var(--fs-xl);margin-bottom:var(--sp-6)}

/* Préfixe « dès » */
.price .from{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--muted);margin-right:4px}

/* Tri WooCommerce */
.woocommerce-ordering{margin:0}

/* Messages / notices WooCommerce */
.woocommerce-message,.woocommerce-info,.woocommerce-error{
	border:var(--border);border-radius:var(--r-md);padding:14px 18px;background:#fff;
	font-size:var(--fs-sm);font-weight:var(--fw-medium);list-style:none;margin-bottom:var(--sp-6);
}
.woocommerce-message{border-left:5px solid var(--green)}
.woocommerce-info{border-left:5px solid var(--sun)}
.woocommerce-error{border-left:5px solid var(--coral)}

/* Avis produits */
#reviews .commentlist{display:flex;flex-direction:column;gap:18px;padding:0;list-style:none}
#reviews .commentlist li{border:2px solid var(--line);border-radius:var(--r-md);padding:16px}
#reviews .comment-form input,#reviews .comment-form textarea{
	width:100%;padding:12px 14px;border:2px solid var(--line);border-radius:var(--r-md);font-family:inherit;margin-top:6px;
}
.star-rating{color:var(--sun-d)}

/* Bouton WooCommerce générique → style du thème (sécurité) */
.woocommerce a.button,.woocommerce button.button{
	background:var(--green);color:#fff;border-radius:var(--r-pill);font-weight:var(--fw-bold);
	padding:13px 24px;border:none;box-shadow:0 6px 0 var(--green-d);
}
.woocommerce a.button:hover,.woocommerce button.button:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--green-d)}