/* ==========================================================================
   era era — overrides WooCommerce (charte 100% noir & blanc)
   Restyle des éléments générés par WooCommerce qui ne passent pas par nos
   templates : notices, formulaires, prix variation, panier, compte, checkout.
   ========================================================================== */

/* — Notices (succès / erreur / info) — */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
.wc-block-components-notice-banner{
  border:var(--bd);background:var(--bg);color:var(--ink);border-radius:0;
  font-family:var(--sans);font-size:.86rem;padding:1em 1.2em;margin:0 0 1.4rem;list-style:none}
.woocommerce-error{border-color:var(--ink)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message a.button,.woocommerce-error a.button{float:none}

/* — Boutons WooCommerce → charte .btn — */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.wc-block-components-button{
  font-family:var(--sans);font-weight:700;text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;
  padding:1.1em 2.4em;border:var(--bd);background:var(--ink);color:var(--bg);border-radius:0;cursor:pointer;
  transition:background .25s var(--ease),color .25s var(--ease);line-height:1}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.wc-block-components-button:hover{background:var(--bg);color:var(--ink)}

/* Boutons « alt » (add to cart, place order…) : on neutralise le violet WooCommerce
   par défaut avec une spécificité/priorité suffisante pour rester 100% mono. */
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.single_add_to_cart_button,
.woocommerce #place_order{
	background-color:var(--ink)!important;color:var(--bg)!important;border:var(--bd)!important}
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.single_add_to_cart_button:hover,
.woocommerce #place_order:hover{
	background-color:var(--bg)!important;color:var(--ink)!important}
/* État désactivé (variation non choisie) */
.woocommerce button.single_add_to_cart_button.disabled,
.woocommerce button.single_add_to_cart_button:disabled{
	background-color:var(--out)!important;color:var(--bg)!important;border-color:var(--out)!important;cursor:not-allowed}

/* Bouton d'ajout au panier de la fiche produit → pleine largeur */
.woocommerce div.product form.cart .single_add_to_cart_button{width:100%;margin-top:.4rem}
.single_variation_wrap .woocommerce-variation-price .price{font-family:var(--disp);font-size:1.3rem;display:block;margin-bottom:.8rem}
.single_variation_wrap .woocommerce-variation-availability{font-family:var(--sans);font-size:.8rem;color:var(--mut)}

/* — Sélecteur de tailles : on masque la table native (gardée pour le JS WC) — */
.variations.is-hidden-native{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.woocommerce-variation.single_variation{margin-bottom:.4rem}
/* Lien « Effacer » (reset) discret */
.reset_variations{font-family:var(--sans);font-size:.74rem;text-decoration:underline;color:var(--mut)}

/* — Quantités — */
.woocommerce .quantity .qty{width:72px;text-align:center;border:var(--bd);border-radius:0;padding:.6em;font-family:var(--disp)}

/* — Prix — */
.woocommerce .price,.woocommerce div.product p.price,.woocommerce div.product span.price{
  font-family:var(--disp);color:var(--ink)}
.woocommerce del{color:var(--mut)}
.woocommerce ins{text-decoration:none}

/* — Pages panier / checkout / compte : tables & champs charte — */
.woocommerce table.shop_table{border:var(--bd);border-radius:0;border-collapse:collapse}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-top:var(--bd);font-family:var(--sans)}
.woocommerce table.shop_table thead th{font-family:var(--disp);text-transform:uppercase;font-size:.78rem}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-account .woocommerce-form input{border:var(--bd);border-radius:0;font-family:var(--sans);padding:.8em 1em}
.woocommerce form .form-row label{font-family:var(--sans);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:.74rem}
.select2-container .select2-selection{border:var(--bd)!important;border-radius:0!important}

/* — Onglets compte / navigation — */
.woocommerce-MyAccount-navigation ul{border:var(--bd)}
.woocommerce-MyAccount-navigation li{border-bottom:var(--bd)}
.woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-MyAccount-navigation a{display:block;padding:.9em 1.2em;font-family:var(--sans);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.78rem}
.woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:var(--bg)}

/* — Avis — */
.woocommerce #reviews .comment-text{border:var(--bd);padding:1.2em;border-radius:0}
.star-rating span::before,.woocommerce p.stars a::before{color:var(--ink)}

/* — Galerie produit native (si réactivée) — */
.woocommerce div.product div.images img{border:var(--bd)}

/* — Lien « Retirer » du panier/mini-panier : mono (annule le rouge WooCommerce) — */
.woocommerce a.remove,
.cart-drawer a.remove{
	color:var(--mut)!important;background:none!important;border:0;font-weight:600;font-size:.7rem;text-decoration:underline;width:auto;height:auto;line-height:1.4}
.woocommerce a.remove:hover,
.cart-drawer a.remove:hover{color:var(--ink)!important;background:none!important}

/* — Badge promo — */
.woocommerce span.onsale{background:var(--ink);color:var(--bg);border-radius:0;border:1.5px solid var(--bg);font-family:var(--disp);min-height:auto;min-width:auto;padding:.3em .7em;font-size:.66rem}

/* — Pages panier/checkout : conteneur dans la grille — */
.woocommerce-cart .woo-wrap,.woocommerce-checkout .woo-wrap,.woocommerce-account .woo-wrap{padding-block:clamp(30px,5vh,60px)}

/* — Layout colonne pour cart/checkout — */
.woocommerce-cart .page-head,.woocommerce-checkout .page-head,.woocommerce-account .page-head{padding-bottom:1rem}

/* ------------------------------------------------------------------
 * MINI-PANIER (drawer) — vignette produit.
 * La feuille WooCommerce impose « ul.cart_list li img { float:right;
 * width:32px } » (spécificité 0-2-3) : la photo s'affichait minuscule
 * dans le coin du cadre. Sélecteurs à spécificité supérieure (0-3-3)
 * pour que la photo remplisse son cadre 4:5 — sans !important.
 * ---------------------------------------------------------------- */
ul.cart_list li.cart-line .ci img,
ul.product_list_widget li.cart-line .ci img{
  float:none;
  margin:0;
  width:100%;
  height:100%;
  object-fit:cover;
}