/* ============================================================
   Boutique Zestline — style commun à TOUTES les pages WooCommerce
   (boutique, catégories, fiche produit, panier, commande, compte).
   Polices, couleurs et boutons repris de la marque (tokens Blocksy).
   ⚠️ Style uniquement — aucune modification de mise en page.
   ============================================================ */

/* ---------- Titres & typographie ---------- */
.woocommerce-products-header__title,
.woocommerce .products h2,
.woocommerce .cart_totals h2,
.woocommerce-checkout h3,
.woocommerce-account h2,
.woocommerce-account h3{
	font-family: var(--zl-serif);
	font-weight: 400;
	color: var(--zl-ink);
}

.woocommerce,
.woocommerce-page{
	font-family: var(--zl-sans);
}

/* ---------- Prix ---------- */
.woocommerce .price,
.woocommerce ul.products li.product .price{
	font-family: var(--zl-sans);
	color: var(--zl-ink);
}
.woocommerce .price del{ opacity:.5; }
.woocommerce .price ins{ text-decoration:none; color: var(--zl-red); }

/* ---------- Cartes produit (archives / boutique) ---------- */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2{
	font-family: var(--zl-serif);
	font-weight: 400;
	color: var(--zl-ink);
}

/* Badge promo */
.woocommerce span.onsale{
	font-family: var(--zl-sans);
	text-transform: uppercase;
	letter-spacing: .1em;
	font-size: .7rem;
	background: var(--zl-red);
	color: #fff;
	border-radius: 3px;
}

/* ---------- BOUTONS (tous les boutons WooCommerce) ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce #respond input#submit,
.woocommerce .single_add_to_cart_button,
.woocommerce a.added_to_cart,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.wc-block-components-button{
	font-family: var(--zl-sans);
	text-transform: uppercase;
	letter-spacing: .14em;
	font-size: .8rem;
	font-weight: 500;
	line-height: 1.2;
	padding: 1rem 2rem;
	border: 0;
	border-radius: 3px;
	background: var(--zl-ink);
	color: #fff;
	transition: background .25s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce a.added_to_cart:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.wc-block-components-button:hover{
	background: var(--zl-red);
	color: #fff;
}

/* Bouton secondaire (contour) : ex. « Voir le panier », liens outline */
.woocommerce a.button.wc-forward.wc-block-components-button--outlined,
.woocommerce .button.outlined{
	background: transparent;
	color: var(--zl-ink);
	box-shadow: inset 0 0 0 1px var(--zl-line);
}

/* ---------- Champs de formulaire (panier / commande / compte) ---------- */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .quantity input.qty,
.woocommerce-account form input,
.select2-container--default .select2-selection--single{
	font-family: var(--zl-sans);
	border: 1px solid var(--zl-line);
	border-radius: 3px;
}

/* ---------- Notices ---------- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
	font-family: var(--zl-sans);
	border-top-color: var(--zl-caramel);
}
.woocommerce-message::before,
.woocommerce-info::before{ color: var(--zl-caramel); }

/* ---------- Liens de la boutique ---------- */
.woocommerce-breadcrumb{
	font-family: var(--zl-sans);
	color: var(--zl-muted);
}
.woocommerce-breadcrumb a{ color: var(--zl-ink); }