/*
 * Mahymedia Base — boutique (WooCommerce).
 * Complète les feuilles de WooCommerce sans les remplacer : conteneurs, boutons, formulaires et lien panier
 * aux couleurs du thème (variables --mm-*). Le thème enfant affine.
 */

:root {
	--mm-btn-bg: var(--mm-color-brand);
	--mm-btn-color: #fff;
	--mm-btn-radius: 4px;
	--mm-field-radius: 4px;
}

/* ---------- Conteneur ---------- */
.mm-shop { padding-block: clamp(32px, 5vw, 64px); }
.woocommerce .woocommerce-breadcrumb { font-size: .875rem; color: var(--mm-color-muted); margin-bottom: 24px; }
.woocommerce .woocommerce-breadcrumb a { color: inherit; }

/* Pages panier / commande / compte (gabarit de page) : un peu plus larges que la colonne de lecture */
.woocommerce-cart .mm-content > *,
.woocommerce-checkout .mm-content > *,
.woocommerce-account .mm-content > * { max-width: var(--wp--style--global--wide-size, 1280px); }

/* ---------- Boutons ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background: var(--mm-btn-bg); color: var(--mm-btn-color); border-radius: var(--mm-btn-radius);
	font-weight: 700; padding: .8em 1.4em; transition: filter var(--mm-transition);
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	background: var(--mm-btn-bg); color: var(--mm-btn-color); filter: brightness(1.08);
}
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] { opacity: .5; }

/* ---------- Formulaires ---------- */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select,
.woocommerce .quantity .qty, .select2-container--default .select2-selection--single {
	border: 1px solid var(--mm-color-line); border-radius: var(--mm-field-radius); padding: .65em .8em; font: inherit; background: #fff;
}
.select2-container--default .select2-selection--single { height: auto; }
.woocommerce form .form-row label { font-weight: 600; }

/* ---------- Messages ---------- */
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-top-color: var(--mm-color-brand); }
.woocommerce-message::before, .woocommerce-info::before { color: var(--mm-color-brand); }

/* ---------- Grille produits ---------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title { font-family: var(--mm-font-heading); }
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price { color: var(--mm-color-text); }
.woocommerce span.onsale { background: var(--mm-color-accent); }

/* ---------- Lien panier (en-tête) ---------- */
.mm-cart { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; color: inherit; text-decoration: none; flex: none; }
.mm-cart .mm-icon { width: 22px; height: 22px; }
.mm-cart__count { position: absolute; top: 2px; right: 0; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--mm-color-accent); color: #fff; font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; transform: scale(0); transition: transform var(--mm-transition); }
.mm-cart.has-items .mm-cart__count { transform: scale(1); }