/* ============================================================
   WooCommerce — socle commun à toutes les surfaces boutique.

   Stratégie de dequeue, volontairement PARTIELLE :

     - `woocommerce-layout` et `woocommerce-smallscreen` sont RETIRÉS. Ils ne
       portent que la grille (colonnes flottantes, deux colonnes du checkout)
       que nos règles remplacent intégralement. Les garder reviendrait à se
       battre contre des `float` à coups de spécificité.

     - `woocommerce-general` est CONSERVÉ. Il porte les composants fonctionnels
       (messages, formulaires, sélecteur de quantité, états d'erreur). Le
       remplacer entièrement demanderait de réécrire chaque état d'un tunnel
       d'achat — beaucoup de surface pour peu de gain, et une dette invisible le
       jour où WooCommerce ajoute un composant. On le garde et on l'habille.

   Autrement dit : on retire ce qu'on remplace vraiment, on habille le reste.
   ============================================================ */

.woocommerce .bepc-container,
.woocommerce-page .bepc-container {
	max-width: var(--bepc-max-width);
}

/* --- Boutons WooCommerce alignés sur ceux du thème --------------- */

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
	padding: var(--bepc-s-3) var(--bepc-s-6);
	border-radius: var(--bepc-radius-pill);
	background: var(--bepc-miel);
	color: var(--bepc-encre);
	font-family: var(--bepc-font-body);
	font-weight: 650;
	font-size: 1rem;
	line-height: 1.2;
	text-shadow: none;
	transition: background var(--bepc-d-base) ease;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
	background: var(--bepc-miel-clair);
	color: var(--bepc-encre);
}

.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
	background: var(--bepc-sable);
	color: var(--bepc-muted);
	opacity: 1;
}

/* --- Messages : le bleu par défaut de WooCommerce ne va pas ------ */

.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-top: 0;
	border-inline-start: 4px solid var(--bepc-miel);
	border-radius: var(--bepc-radius);
	background: var(--bepc-miel-pale);
	color: var(--bepc-text);
	font-family: var(--bepc-font-body);
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--bepc-caramel);
}

.woocommerce-error {
	border-inline-start-color: var(--bepc-rupture);
	background: var(--bepc-rupture-pale);
}

.woocommerce-error::before {
	color: var(--bepc-rupture);
}

/* --- Prix -------------------------------------------------------- */

.woocommerce .price,
.woocommerce span.amount {
	color: var(--bepc-logo-brun);
	font-weight: 700;
}

.woocommerce del span.amount {
	color: var(--bepc-muted);
	font-weight: 500;
}

/* --- Fil d'Ariane ------------------------------------------------ */

.woocommerce .woocommerce-breadcrumb {
	margin-bottom: var(--bepc-s-6);
	color: var(--bepc-muted);
	font-size: 0.92rem;
}

.woocommerce .woocommerce-breadcrumb a {
	color: var(--bepc-caramel);
}

/* --- Pastille de promotion --------------------------------------- */

.woocommerce span.onsale {
	min-width: auto;
	min-height: auto;
	padding: 0.3em 0.8em;
	border-radius: var(--bepc-radius-pill);
	background: var(--bepc-terre);
	color: #fff;
	font-family: var(--bepc-font-body);
	font-weight: 650;
	font-size: 0.78rem;
	line-height: 1.2;
}

/* --- Vignette dans le récapitulatif de commande ------------------ */

.bepc-wc-recap__vignette {
	float: inline-start;
	margin-inline-end: var(--bepc-s-3);
	border-radius: var(--bepc-radius-sm);
}