/**
 * Ma sélection — Melimel Home
 * Palette et typographie reprises du design system (savoir/design-system.md).
 *
 * RÈGLE NOYAU (16/08/2026) : WP Rocket « Remove Unused CSS » supprime les
 * classes qu'il ne détecte pas comme utilisées. Toutes les classes mm-wl-*
 * doivent figurer dans wp_rocket_settings['remove_unused_css_safelist'],
 * sinon ce fichier disparaît pour les visiteurs anonymes — silencieusement.
 * La liste complète est fournie avec le plugin (tools/safelist-rucss.txt).
 */

.mm-wl-wrap,
.mm-wl-modal,
.mm-wl-toast {
	--mmwl-char: #2c2925;
	--mmwl-clay: #c8a882;
	--mmwl-sand: #f5f0ea;
	--mmwl-warm: #fdfaf6;
	--mmwl-accent: #8b6b4a;
	--mmwl-mid: #6b5f52;
	--mmwl-border: #e8e0d5;
}

/* Bouton cœur */

.mm-wl-btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: transparent;
	border: 1px solid var(--mmwl-border, #e8e0d5);
	color: var(--mmwl-char, #2c2925);
	cursor: pointer;
	padding: 10px;
	line-height: 1;
	border-radius: 0;
	transition: color .25s ease, border-color .25s ease, background .25s ease;
}

.mm-wl-btn:hover { border-color: var(--mmwl-clay, #c8a882); color: var(--mmwl-accent, #8b6b4a); }
.mm-wl-btn:focus-visible { outline: 2px solid var(--mmwl-clay, #c8a882); outline-offset: 2px; }

.mm-wl-btn--text {
	padding: 13px 22px;
	font-family: 'Jost', Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.mm-wl-btn__icon { display: inline-flex; }
.mm-wl-btn__icon svg { display: block; }

.mm-wl-btn.is-active { color: var(--mmwl-accent, #8b6b4a); border-color: var(--mmwl-clay, #c8a882); }
.mm-wl-btn.is-active .mm-wl-btn__icon svg { fill: currentColor; }
.mm-wl-btn.is-busy { opacity: .5; pointer-events: none; }

/* Le cœur des listings se place sur la vignette : le conteneur de la carte
   produit doit donc être positionné. Astra et WooLentor ne le garantissent
   pas, on l'impose ici plutôt que d'espérer. */
.woocommerce ul.products li.product,
ul.products li.product,
.wl-product-item,
.woolentor-product-grid-item {
	position: relative;
}

.mm-wl-loop {
	position: absolute;
	top: 12px;
	right: 12px;
	z-index: 3;
}
.mm-wl-loop .mm-wl-btn {
	background: rgba(253, 250, 246, .92);
	border-color: transparent;
	padding: 9px;
}
.mm-wl-single { margin: 14px 0 4px; }

/* Compteur d'en-tête */

.mm-wl-count { position: relative; display: inline-flex; align-items: center; gap: 8px; color: inherit; text-decoration: none; }
.mm-wl-count:hover { color: var(--mmwl-accent, #8b6b4a); }
.mm-wl-menu-item .mm-wl-count { padding: 4px 0; }
.mm-wl-count__label { font-size: inherit; }
.mm-wl-count__badge {
	position: absolute;
	top: -7px;
	right: -9px;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	background: var(--mmwl-accent, #8b6b4a);
	color: #fff;
	border-radius: 9px;
	font-size: 10px;
	font-weight: 600;
	line-height: 17px;
	text-align: center;
}

/* Page de la sélection */

.mm-wl-wrap { font-family: 'Jost', Helvetica, Arial, sans-serif; color: var(--mmwl-char); }

.mm-wl-head { text-align: center; padding: 8px 0 34px; }
.mm-wl-head__eyebrow {
	margin: 0 0 10px;
	font-size: 11px;
	letter-spacing: .24em;
	text-transform: uppercase;
	color: var(--mmwl-clay);
}
.mm-wl-head__title {
	margin: 0;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 400;
	font-size: clamp(1.9rem, 3.4vw, 2.7rem);
	line-height: 1.2;
}
.mm-wl-head__meta { margin: 12px 0 0; font-size: 13px; color: var(--mmwl-mid); }

.mm-wl-items { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--mmwl-border); }

.mm-wl-item {
	display: grid;
	grid-template-columns: 34px 118px 1fr 34px;
	gap: 20px;
	align-items: center;
	padding: 22px 0;
	border-bottom: 1px solid var(--mmwl-border);
}

.mm-wl-item__pick { display: inline-flex; align-items: center; cursor: pointer; }
.mm-wl-item__pick input { position: absolute; opacity: 0; width: 0; height: 0; }
.mm-wl-item__pick-box {
	width: 19px;
	height: 19px;
	border: 1px solid var(--mmwl-mid);
	display: inline-block;
	position: relative;
	transition: background .2s ease, border-color .2s ease;
}
.mm-wl-item__pick input:checked + .mm-wl-item__pick-box {
	background: var(--mmwl-char);
	border-color: var(--mmwl-char);
}
.mm-wl-item__pick input:checked + .mm-wl-item__pick-box::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 2px;
	width: 6px;
	height: 11px;
	border-right: 1.5px solid #fff;
	border-bottom: 1.5px solid #fff;
	transform: rotate(40deg);
}
.mm-wl-item__pick input:focus-visible + .mm-wl-item__pick-box { outline: 2px solid var(--mmwl-clay); outline-offset: 2px; }

.mm-wl-item__media { display: block; background: var(--mmwl-sand); }
.mm-wl-item__media img { display: block; width: 100%; height: auto; }

.mm-wl-item__name {
	display: block;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-size: 1.28rem;
	line-height: 1.3;
	color: var(--mmwl-char);
	text-decoration: none;
}
.mm-wl-item__name:hover { color: var(--mmwl-accent); }
.mm-wl-item__price { margin-top: 7px; font-size: 15px; }
.mm-wl-item__price del { color: var(--mmwl-mid); opacity: .7; margin-right: 6px; }
.mm-wl-item__stock { margin: 7px 0 0; font-size: 12px; letter-spacing: .04em; color: var(--mmwl-mid); }
.mm-wl-item__stock.is-out { color: var(--mmwl-accent); }
.mm-wl-item__note { margin: 6px 0 0; font-size: 12px; font-style: italic; color: var(--mmwl-mid); }

.mm-wl-item__remove {
	background: none;
	border: 0;
	font-size: 24px;
	line-height: 1;
	color: var(--mmwl-mid);
	cursor: pointer;
	padding: 4px 6px;
	transition: color .2s ease;
}
.mm-wl-item__remove:hover { color: var(--mmwl-accent); }
.mm-wl-item.is-leaving { opacity: 0; transition: opacity .3s ease; }

/* Barre d'action */

.mm-wl-bar {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	padding: 26px 0 8px;
}
.mm-wl-bar__sum { display: flex; flex-direction: column; gap: 3px; }
.mm-wl-bar__sum-label { font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: var(--mmwl-clay); }
.mm-wl-bar__sum-value { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.7rem; font-weight: 400; }
.mm-wl-bar__sum-hint { font-size: 11.5px; color: var(--mmwl-mid); }

.mm-wl-btn-solid {
	display: inline-block;
	padding: 15px 32px;
	background: var(--mmwl-char, #2c2925);
	color: var(--mmwl-warm, #fdfaf6) !important;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid var(--mmwl-char, #2c2925);
	transition: background .25s ease, color .25s ease;
}
.mm-wl-btn-solid:hover { background: var(--mmwl-accent, #8b6b4a); border-color: var(--mmwl-accent, #8b6b4a); }

.mm-wl-btn-line {
	display: inline-block;
	padding: 13px 26px;
	background: transparent;
	color: var(--mmwl-char);
	border: 1px solid var(--mmwl-char);
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .25s ease, color .25s ease;
}
.mm-wl-btn-line:hover { background: var(--mmwl-char); color: var(--mmwl-warm); }

/* Panneaux partage / aide */

.mm-wl-actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 22px;
	margin-top: 34px;
}
.mm-wl-panel { background: var(--mmwl-sand); padding: 26px 24px; }
.mm-wl-panel__title {
	margin: 0 0 9px;
	font-family: 'Cormorant Garamond', Georgia, serif;
	font-weight: 400;
	font-size: 1.32rem;
}
.mm-wl-panel__text { margin: 0 0 16px; font-size: 13.5px; line-height: 1.65; color: var(--mmwl-mid); }

.mm-wl-share { display: flex; flex-wrap: wrap; gap: 9px; }
.mm-wl-share__btn {
	background: var(--mmwl-warm);
	border: 1px solid var(--mmwl-border);
	color: var(--mmwl-char) !important;
	padding: 9px 15px;
	font-size: 11.5px;
	letter-spacing: .1em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: border-color .2s ease, color .2s ease;
}
.mm-wl-share__btn:hover { border-color: var(--mmwl-clay); color: var(--mmwl-accent) !important; }
.mm-wl-share__btn.is-copied { border-color: var(--mmwl-accent); color: var(--mmwl-accent) !important; }

.mm-wl-follow { margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--mmwl-border); text-align: center; }
.mm-wl-follow__text { margin: 0 0 12px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--mmwl-clay); }
.mm-wl-follow__links { display: flex; flex-wrap: wrap; gap: 22px; justify-content: center; }
.mm-wl-follow__links a { font-size: 13px; color: var(--mmwl-char); text-decoration: none; border-bottom: 1px solid var(--mmwl-border); padding-bottom: 2px; }
.mm-wl-follow__links a:hover { color: var(--mmwl-accent); border-color: var(--mmwl-clay); }

/* Sélection vide */

.mm-wl-empty { text-align: center; padding: 40px 20px 46px; }
.mm-wl-empty__eyebrow { margin: 0 0 12px; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--mmwl-clay); }
.mm-wl-empty__text { max-width: 460px; margin: 0 auto 24px; font-size: 14.5px; line-height: 1.75; color: var(--mmwl-mid); }

/* Modale d'email */

.mm-wl-modal { position: fixed; inset: 0; z-index: 99990; display: flex; align-items: center; justify-content: center; padding: 18px; }
.mm-wl-modal[hidden] { display: none; }
.mm-wl-modal__veil { position: absolute; inset: 0; background: rgba(44, 41, 37, .55); }
.mm-wl-modal__panel {
	position: relative;
	width: 100%;
	max-width: 430px;
	background: var(--mmwl-warm);
	border: 1px solid var(--mmwl-border);
	padding: 34px 32px 30px;
	font-family: 'Jost', Helvetica, Arial, sans-serif;
	max-height: 92vh;
	overflow-y: auto;
}
.mm-wl-modal__x { position: absolute; top: 10px; right: 14px; background: none; border: 0; font-size: 26px; line-height: 1; color: var(--mmwl-mid); cursor: pointer; }
.mm-wl-modal__eyebrow { margin: 0 0 8px; font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--mmwl-clay); }
.mm-wl-modal__title { margin: 0 0 12px; font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 400; font-size: 1.6rem; line-height: 1.25; color: var(--mmwl-char); }
.mm-wl-modal__text { margin: 0 0 20px; font-size: 13.5px; line-height: 1.7; color: var(--mmwl-mid); }
.mm-wl-modal__label { display: block; margin-bottom: 6px; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--mmwl-mid); }
.mm-wl-modal__input {
	width: 100%;
	padding: 13px 14px;
	background: #fff;
	border: 1px solid var(--mmwl-border);
	font-size: 15px;
	color: var(--mmwl-char);
}
.mm-wl-modal__input:focus { outline: none; border-color: var(--mmwl-clay); }
.mm-wl-modal__consent { display: flex; gap: 10px; margin: 16px 0 4px; font-size: 12px; line-height: 1.6; color: var(--mmwl-mid); }
.mm-wl-modal__consent input { margin-top: 3px; flex: 0 0 auto; }
.mm-wl-modal__consent a { color: var(--mmwl-accent); }
.mm-wl-modal__error { margin: 12px 0 0; font-size: 12.5px; color: #a4342b; }
.mm-wl-modal__submit {
	display: inline-block;
	width: 100%;
	margin-top: 18px;
	padding: 15px 20px;
	background: var(--mmwl-char);
	color: var(--mmwl-warm) !important;
	border: 0;
	font-size: 12px;
	letter-spacing: .16em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.mm-wl-modal__submit:hover { background: var(--mmwl-accent); }
.mm-wl-modal__submit[disabled] { opacity: .55; cursor: default; }
.mm-wl-modal__alt { margin: 16px 0 0; font-size: 12.5px; text-align: center; color: var(--mmwl-mid); }
.mm-wl-modal__alt a { color: var(--mmwl-accent); }

/* Notification brève */

.mm-wl-toast {
	position: fixed;
	left: 50%;
	bottom: 26px;
	transform: translateX(-50%);
	z-index: 99991;
	background: var(--mmwl-char, #2c2925);
	color: var(--mmwl-warm, #fdfaf6);
	padding: 13px 24px;
	font-family: 'Jost', Helvetica, Arial, sans-serif;
	font-size: 12.5px;
	letter-spacing: .08em;
	max-width: calc(100vw - 32px);
	text-align: center;
}
.mm-wl-toast[hidden] { display: none; }

/* Adaptations (breakpoints du design system) */

@media (max-width: 1024px) {
	.mm-wl-actions { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
	.mm-wl-item { grid-template-columns: 28px 88px 1fr 28px; gap: 14px; padding: 18px 0; }
	.mm-wl-item__name { font-size: 1.1rem; }
	.mm-wl-bar { flex-direction: column; align-items: stretch; }
	.mm-wl-bar__buy { text-align: center; }
	.mm-wl-modal__panel { padding: 28px 22px 24px; }
}

@media (max-width: 600px) {
	.mm-wl-loop { top: 8px; right: 8px; }
	.mm-wl-toast { bottom: 16px; }
	.mm-wl-menu-item .mm-wl-count__badge { position: static; margin-left: 4px; }
}

@media (max-width: 380px) {
	.mm-wl-item { grid-template-columns: 24px 70px 1fr 24px; gap: 11px; }
	.mm-wl-share__btn { padding: 8px 11px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
	.mm-wl-btn, .mm-wl-item, .mm-wl-btn-solid, .mm-wl-btn-line { transition: none; }
}

/* ------------------------------------------------------------------
 * Cœur dans l'en-tête (widget HTML du modèle 61581)
 *
 * Le lien est écrit en dur dans l'en-tête avec style="display:none".
 * C'est cette règle qui le révèle — et comme cette feuille n'est chargée
 * que si MM_WL_Frontend::is_visible() est vrai, le MODE APERÇU continue
 * de fonctionner pour un élément qui, lui, est dans le HTML de tout le
 * monde. Retirer le mode aperçu ne demande donc aucune retouche de
 * l'en-tête.
 * --------------------------------------------------------------- */

.mm-wl-header {
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: relative;
}
.mm-wl-header svg { stroke: currentColor !important; fill: none !important; }
.mm-wl-header.is-filled svg { fill: currentColor !important; }
.mm-wl-header-badge[hidden] { display: none !important; }

/* ------------------------------------------------------------------
   Message de confirmation — passage au-dessus du widget d'avis.

   Mesuré le 20/08/2026 : le widget Avis Garantis (.agJsWidget) est en
   z-index 99999, le message en 99991. Il s'affichait donc juste derrière,
   illisible — Emilie voyait un texte noir tronqué en bas d'écran.
   ------------------------------------------------------------------ */
.mm-wl-toast {
	z-index: 2147483000 !important;
}

/* Sur mobile le message est centré et le widget d'avis occupe le coin bas :
   on remonte le message pour qu'il ne le recouvre pas non plus. */
@media (max-width: 782px) {
	.mm-wl-toast {
		bottom: 96px !important;
	}
}

/* ------------------------------------------------------------------
   Le cœur sur la fiche produit — sous le bouton d'achat.
   L'achat reste l'action principale : la sélection est un second choix,
   discret, pas un bouton concurrent.
   ------------------------------------------------------------------ */
.mm-wl-pdp {
	margin: .75rem 0 0;
}

.mm-wl-pdp .mm-wl-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	width: 100%;
	padding: .8rem 1rem;
	background: transparent;
	border: 1px solid var(--clay-l, #e3ddd4);
	border-radius: 0;
	cursor: pointer;
	font-size: 11px;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--char, #2c2925);
	transition: border-color .2s ease, background-color .2s ease;
}

.mm-wl-pdp .mm-wl-btn:hover {
	border-color: var(--clay, #b9a894);
	background: var(--warm, #faf7f2);
}

.mm-wl-pdp .mm-wl-btn svg {
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
}

.mm-wl-pdp .mm-wl-btn.is-active {
	border-color: var(--clay, #b9a894);
	background: var(--warm, #faf7f2);
}

/* ---------------------------------------------------------------
 * Page de proposition (22/08/2026) — /ma-proposition/
 * Formulaire GET pur : aucune de ces règles ne dépend du JavaScript.
 * ------------------------------------------------------------ */

.mm-wl-prop { max-width: 860px; margin: 0 auto; }
.mm-wl-prop__note { margin: 0 0 18px; padding: 11px 15px; background: #f5f0ea; border-left: 3px solid #c8a882; font-size: 14px; color: #2c2925; }
.mm-wl-prop__note--gris { border-left-color: #e8e0d5; color: #6b5f52; }
.mm-wl-prop__intro { margin: 0 0 10px; font-size: 16px; line-height: 1.6; color: #2c2925; }
.mm-wl-prop__mot { margin: 0 0 18px; font-style: italic; color: #6b5f52; }
.mm-wl-prop__liste { list-style: none; margin: 0 0 18px; padding: 0; }
.mm-wl-prop__item { display: flex; align-items: center; gap: 14px; padding: 14px 0; border-bottom: 1px solid #e8e0d5; }
.mm-wl-prop__label { display: flex; align-items: center; gap: 14px; flex: 1 1 auto; cursor: pointer; margin: 0; }
.mm-wl-prop__case { width: 20px; height: 20px; flex: 0 0 auto; accent-color: #2c2925; }
.mm-wl-prop__img { width: 110px; height: 110px; object-fit: cover; flex: 0 0 auto; border: 1px solid #e8e0d5; background: #f5f0ea; }
.mm-wl-prop__img--vide { display: block; }
.mm-wl-prop__texte { display: flex; flex-direction: column; gap: 4px; }
.mm-wl-prop__nom { font-size: 15px; line-height: 1.4; color: #2c2925; }
.mm-wl-prop__prix { font-size: 15px; color: #2c2925; }
.mm-wl-prop__stock { font-size: 12px; color: #6b5f52; }
.mm-wl-prop__voir { flex: 0 0 auto; font-size: 13px; color: #6b5f52; text-decoration: underline; }
.mm-wl-prop__total { margin: 0 0 20px; font-size: 15px; color: #2c2925; }
.mm-wl-prop__actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 8px; }
.mm-wl-prop__btn { display: inline-block; padding: 15px 26px; border: 1px solid #2c2925; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; cursor: pointer; background: none; }
.mm-wl-prop__btn--achat { background: #2c2925; color: #fdfaf6; }
.mm-wl-prop__btn--achat:hover { background: #c8a882; border-color: #c8a882; color: #2c2925; }
.mm-wl-prop__btn--fav { background: none; color: #2c2925; }
.mm-wl-prop__btn--fav:hover { background: #f5f0ea; }
.mm-wl-prop__pied { margin: 22px 0 0; }
.mm-wl-prop__lien { color: #6b5f52; text-decoration: underline; }
.mm-wl-prop--vide { padding: 30px 0; }

@media (max-width: 600px) {
	.mm-wl-prop__item { flex-wrap: wrap; }
	.mm-wl-prop__img { width: 82px; height: 82px; }
	.mm-wl-prop__btn { width: 100%; text-align: center; }
}

/* ---------------------------------------------------------------
 * Questionnaire d'hésitation (22/08/2026)
 * ------------------------------------------------------------ */

.mm-wl-hesit__liste { list-style: none; margin: 0 0 18px; padding: 0; }
.mm-wl-hesit__opt {
	border: 1px solid var(--mmwl-border, #e8e0d5);
	margin-bottom: 8px;
	transition: border-color .2s ease, background-color .2s ease;
}
.mm-wl-hesit__opt:hover { border-color: var(--mmwl-clay, #c8a882); }
.mm-wl-hesit__opt label {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	cursor: pointer;
	font-size: 13.5px;
	color: var(--mmwl-char, #2c2925);
}
.mm-wl-hesit__opt input[type="radio"] { flex: 0 0 auto; accent-color: var(--mmwl-char, #2c2925); }
.mm-wl-hesit__opt:has( input:checked ) {
	border-color: var(--mmwl-accent, #8b6b4a);
	background: var(--mmwl-sand, #f5f0ea);
}

.mm-wl-hesit__email {
	margin-top: 14px;
	padding-top: 16px;
	border-top: 1px solid var(--mmwl-border, #e8e0d5);
}

.mm-wl-hesit__picked-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 12px 14px;
	margin-bottom: 14px;
	border: 1px solid var(--mmwl-border, #e8e0d5);
	background: var(--mmwl-sand, #f5f0ea);
}
.mm-wl-hesit__picked-row[hidden] {
	display: none;
}
.mm-wl-hesit__picked-text {
	font-size: 13.5px;
	color: var(--mmwl-char, #2c2925);
	font-weight: 600;
}
.mm-wl-hesit__change {
	flex: 0 0 auto;
	background: none;
	border: none;
	padding: 0;
	font-size: 12px;
	color: #6b5f52;
	text-decoration: underline;
	cursor: pointer;
}

/* --- Miroir des propositions et des offres adressees par email --- */
.mm-wl-props__liste{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.mm-wl-props__item{display:grid;gap:4px;padding:14px 16px;border:1px solid #e3ddd4;background:#fffdfa}
.mm-wl-props__nom{font-size:15px;line-height:1.35;color:#2c2925}
.mm-wl-props__meta{font-size:13px;line-height:1.4;color:#8a8175}
.mm-wl-props__lien{justify-self:start;margin-top:8px}
.mm-wl-props__photos{display:flex;gap:6px;flex-wrap:wrap}
.mm-wl-props__photo{width:44px;height:44px;object-fit:cover;border-radius:3px;border:1px solid #e3ddd4;background:#fff}
.mm-wl-props__prix{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px}
.mm-wl-props__avant{text-decoration:line-through;color:#8a8175}
.mm-wl-props__apres{font-size:17px;font-weight:600;color:#2c2925}
.mm-wl-props__econo{color:#3a7a4e;font-size:12px}

/* --- Badge du compteur de selection dans l'en-tete ---
   Style repris a l'identique de .mm-cart-badge (widget 61581), mais sous une
   classe qui n'appartient qu'a nous : le script de l'en-tete selectionne
   .mm-cart-badge et ecrasait le notre. Replis en dur au cas ou les variables
   de l'en-tete ne seraient pas chargees. */
.mm-wl-badge{position:absolute;top:5px;right:4px;width:14px;height:14px;background:var(--c-gold,#c9a96e);color:var(--c-white,#fff);font-size:8.5px;font-weight:500;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--f-sans,inherit);pointer-events:none}
.mm-wl-badge[hidden]{display:none}