/* ============================================================
   Mustangs Checkout — CSS
   Habille le panier + checkout + confirmation WooCommerce
   aux couleurs Mustangs, sans casser les fonctionnalités natives.
   ============================================================ */

.woocommerce-cart,
.woocommerce-checkout,
.woocommerce-order-received {
	--must-red: #e3032a;
	--must-red-dark: #a10220;
	--must-dark: #100c08;
	--must-radius: 50px;
	--must-radius-sm: 12px;
}

/* Boutons principaux */
.woocommerce-cart .wc-proceed-to-checkout .checkout-button,
.woocommerce #payment #place_order,
.woocommerce button.button.alt,
.woocommerce a.button.alt {
	background: var(--must-red) !important;
	color: #fff !important;
	border-radius: var(--must-radius) !important;
	padding: 14px 28px !important;
	font-weight: 800 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	border: 2px solid var(--must-red) !important;
	transition: all 0.25s ease !important;
	box-shadow: none !important;
}

.woocommerce-cart .wc-proceed-to-checkout .checkout-button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover {
	background: transparent !important;
	color: var(--must-red) !important;
}

/* Boutons secondaires */
.woocommerce button.button,
.woocommerce input.button,
.woocommerce a.button {
	background: transparent !important;
	color: var(--must-dark) !important;
	border: 2px solid var(--must-dark) !important;
	border-radius: var(--must-radius) !important;
	padding: 10px 20px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	transition: all 0.25s ease !important;
}

.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
	background: var(--must-dark) !important;
	color: #fff !important;
}

/* Champs de formulaire */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
	border-radius: var(--must-radius-sm) !important;
	padding: 12px 16px !important;
	border: 1px solid rgba(16, 12, 8, 0.15) !important;
	transition: border-color 0.2s ease !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
	border-color: var(--must-red) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(227, 3, 42, 0.1) !important;
}

/* Labels de champs */
.woocommerce form .form-row label {
	font-weight: 700 !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin-bottom: 6px !important;
}

/* Titres */
.woocommerce h3,
.woocommerce h2,
.woocommerce-checkout h3 {
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-weight: 800 !important;
}

/* Tableau récap panier / checkout */
.woocommerce table.shop_table {
	border-radius: var(--must-radius-sm) !important;
	overflow: hidden !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
}

.woocommerce table.shop_table th {
	background: var(--must-dark) !important;
	color: #fff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	padding: 14px !important;
}

.woocommerce table.shop_table td {
	padding: 16px 14px !important;
}

.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
	background: rgba(16, 12, 8, 0.03) !important;
	color: var(--must-dark) !important;
}

.woocommerce table.shop_table .order-total .amount {
	color: var(--must-red) !important;
	font-size: 22px !important;
	font-weight: 800 !important;
}

/* Notices */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: var(--must-radius-sm) !important;
	border-top-color: var(--must-red) !important;
	padding: 16px 20px 16px 48px !important;
}

.woocommerce-message::before,
.woocommerce-info::before {
	color: var(--must-red) !important;
}

/* Champs cachés proprement */
.woocommerce-additional-fields h3 {
	margin-top: 30px !important;
}

/* Page de confirmation */
.woocommerce-order .woocommerce-thankyou-order-received {
	font-size: 22px !important;
	color: var(--must-dark) !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	padding: 20px 0 !important;
	border-bottom: 3px solid var(--must-red) !important;
	margin-bottom: 30px !important;
}

/* ============================================
   Lignes custom du récap (Remises appliquées + Économies)
============================================ */
.woocommerce table.shop_table tr.mustangs-recap-discounts th,
.woocommerce table.shop_table tr.mustangs-recap-savings th {
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	font-size: 12px !important;
}

.woocommerce table.shop_table tr.mustangs-recap-discounts td {
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: rgba(255,255,255,0.85) !important;
}

.mustangs-recap-discount-line {
	display: block;
}

.mustangs-recap-discount-line strong {
	color: #5cb56e !important; /* vert des économies */
	font-weight: 800 !important;
}

.woocommerce table.shop_table tr.mustangs-recap-savings th,
.woocommerce table.shop_table tr.mustangs-recap-savings td {
	color: #5cb56e !important;
	font-weight: 700 !important;
}

.woocommerce table.shop_table tr.mustangs-recap-savings td .amount {
	color: #5cb56e !important;
}

/* ============================================
   Récap checkout par blocs — alignement visuel avec le drawer configurateur
============================================ */

/* Bloc "Remises appliquées" — encadré vert (comme dans le drawer) */

.mustangs-checkout-discounts-title {
	font-family: "Din Pro Condensed", sans-serif !important;
	font-size: 12px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.14em !important;
	color: #5cb56e !important;
	margin-bottom: 10px !important;
}

.mustangs-checkout-discounts-list {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
}

.mustangs-checkout-discount-line {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 12px !important;
	font-size: 14px !important;
}

.mustangs-checkout-discount-label {
	color: rgba(255, 255, 255, 0.9) !important;
}

.mustangs-checkout-discount-percent {
	color: #5cb56e !important;
	font-weight: 800 !important;
	font-family: "Din Pro Condensed", sans-serif !important;
}

/* Ligne "Vos économies" — en vert dans les totaux */
.mustangs-checkout-savings .wc-block-components-totals-item__label {
	color: #5cb56e !important;
	font-weight: 700 !important;
}

.mustangs-checkout-savings .wc-block-components-totals-item__value {
	color: #5cb56e !important;
	font-weight: 700 !important;
}

/* ============================================
   Overrides checkout par blocs — alignement TOTAL avec le drawer configurateur
============================================ */

/* 1) Bloc "Remises appliquées" : plus de marges externes */

/* 2) Titre du produit dans le récap : Tungsten Condensed uppercase */
.wc-block-components-product-name,
.wc-block-components-order-summary-item h3.wc-block-components-product-name {
	font-family: "Tungsten Condensed", "Din Pro Condensed", sans-serif !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	color: var(--must-white, #fff) !important;
	line-height: 1.1 !important;
}

/* 3) Description : plus grande + non tronquée */
.wc-block-components-product-metadata__description,
.wc-block-components-product-metadata__description p {
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.75) !important;
	display: block !important;
	-webkit-line-clamp: unset !important;
	line-clamp: unset !important;
	overflow: visible !important;
	max-height: none !important;
	white-space: normal !important;
}

/* 4) "Formule / Remises" : lisible et harmonisé */
.wc-block-components-product-details {
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.7) !important;
	margin-top: 8px !important;
}

.wc-block-components-product-details__name {
	font-weight: 700 !important;
}

/* 5) Badge "Économisez" : en vert */
.wc-block-components-product-badge.wc-block-components-sale-badge {
	background: rgba(92, 181, 110, 0.15) !important;
	color: #5cb56e !important;
	border: 1px solid rgba(92, 181, 110, 0.4) !important;
	border-radius: 0 !important;
	font-weight: 700 !important;
	padding: 4px 10px !important;
}

.wc-block-components-product-badge.wc-block-components-sale-badge .wc-block-formatted-money-amount {
	color: #5cb56e !important;
}

/* 6) Quantité (badge sur l'image) : bien visible */

/* 7) Prix des lignes : plus visible + prix barré cohérent */
.wc-block-components-order-summary-item__individual-prices,
.wc-block-components-product-price {
	font-family: "Din Pro Condensed", sans-serif !important;
	font-size: 14px !important;
}

.wc-block-components-product-price__regular {
	color: rgba(255, 255, 255, 0.5) !important;
}

.wc-block-components-product-price__value {
	color: var(--must-white, #fff) !important;
	font-weight: 700 !important;
}

/* 8) Serrer les espacements entre lignes de totaux */

.wc-block-components-totals-item {
	padding: 6px 0 !important;
	margin: 0 !important;
}

/* Réduire l'écart entre sous-total et "Vos économies" */

.mustangs-checkout-savings {
	padding-top: 0 !important;
	padding-bottom: 8px !important;
	border-top: 0 !important;
}

.mustangs-checkout-savings .wc-block-components-totals-item {
	padding: 2px 0 !important;
}

/* Labels des totaux : typo cohérente */
.wc-block-components-totals-item__label {
	font-family: inherit !important;
	font-size: 15px !important;
	color: rgba(255, 255, 255, 0.85) !important;
}

.wc-block-components-totals-item__value {
	font-family: "Din Pro Condensed", sans-serif !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	color: var(--must-white, #fff) !important;
}

/* Total TTC : plus imposant */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family: "Din Pro Condensed", sans-serif !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: "Tungsten Condensed", "Din Pro Condensed", sans-serif !important;
	font-size: 26px !important;
	font-weight: 900 !important;
	color: var(--must-white, #fff) !important;
}

/* "Vos économies" en vert (surcharge finale) */
.mustangs-checkout-savings .wc-block-components-totals-item__label,
.mustangs-checkout-savings .wc-block-components-totals-item__value {
	color: #5cb56e !important;
	font-weight: 700 !important;
}

/* ============================================
   v0.51 — Correctifs récap checkout par blocs
============================================ */

/* Masquer le bloc "Formule / Remises" dans la description produit (redondant avec le bloc "Remises appliquées" plus bas) */
.wc-block-components-order-summary-item .wc-block-components-product-details {
	display: none !important;
}

/* Description complète (non tronquée) — surcharge forte */
.wc-block-components-order-summary-item .wc-block-components-product-metadata,
.wc-block-components-order-summary-item .wc-block-components-product-metadata__description,
.wc-block-components-order-summary-item .wc-block-components-product-metadata__description p,
.wc-block-components-order-summary-item .wc-block-components-product-metadata__description span {
	display: block !important;
	-webkit-line-clamp: unset !important;
	line-clamp: unset !important;
	-webkit-box-orient: unset !important;
	overflow: visible !important;
	max-height: none !important;
	height: auto !important;
	white-space: normal !important;
	text-overflow: unset !important;
}

.wc-block-components-order-summary-item .wc-block-components-product-metadata__description p {
	font-size: 14px !important;
	line-height: 1.5 !important;
	color: rgba(255, 255, 255, 0.75) !important;
	margin: 8px 0 0 0 !important;
}

/* Titre produit — légèrement plus grand */
.wc-block-components-product-name,
.wc-block-components-order-summary-item h3.wc-block-components-product-name {
	font-size: 26px !important;
}

/* Total TTC — retour au style natif (comme les autres lignes de totaux) */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family: inherit !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-family: inherit !important;
	font-size: 22px !important;
	font-weight: 800 !important;
	color: var(--must-white, #fff) !important;
}

/* Prix des lignes produit — retour au natif (pas de Din Pro Condensed forcé) */
.wc-block-components-order-summary-item__individual-prices,
.wc-block-components-product-price,
.wc-block-components-order-summary-item__total-price .wc-block-components-product-price__value {
	font-family: inherit !important;
	font-size: inherit !important;
}

/* Espacements internes des blocs de totaux */
.wp-block-woocommerce-checkout-order-summary-totals-block > *,
.wp-block-woocommerce-cart-order-summary-totals-block > * {
	padding: 8px 0 !important;
}

/* Séparation nette entre les groupes du récap */
.wp-block-woocommerce-checkout-order-summary-cart-items-block,
.wp-block-woocommerce-cart-order-summary-items-block {
	padding-bottom: 16px !important;
}

.wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.wp-block-woocommerce-cart-order-summary-coupon-form-block {
	padding: 16px 0 !important;
}

/* Bloc "Remises appliquées" — respiration verticale */

/* Bloc totaux — respiration */
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wp-block-woocommerce-cart-order-summary-totals-block {
	padding-top: 16px !important;
	padding-bottom: 8px !important;
}

/* Footer total TTC — respiration */

/* ============================================
   v0.52 — Fix marges bloc vert (garde le padding horizontal du récap)
============================================ */

/* Le padding vertical seulement, le padding horizontal est géré par le wrapper natif */

/* Le bloc vert prend l'espace disponible dans le récap (respecte le padding natif WC) */

/* ============================================
   v0.53 — Alignement final drawer / checkout
   Structure cible :
   [Résumé + Produit]
   [Codes promo]
   [Remises appliquées] (encadré vert)
   [Sous-total HT / Vos économies] (serrés)
   [Total HT / TVA] (serrés, séparés du bloc précédent)
   [TOTAL TTC] (gras, avec séparateur haut)
============================================ */

/* Reset : virer tous mes paddings excessifs sur les blocs natifs WC */
.wp-block-woocommerce-checkout-order-summary-cart-items-block,
.wp-block-woocommerce-cart-order-summary-items-block,
.wp-block-woocommerce-checkout-order-summary-coupon-form-block,
.wp-block-woocommerce-cart-order-summary-coupon-form-block,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wp-block-woocommerce-cart-order-summary-totals-block,
.wp-block-woocommerce-checkout-order-summary-totals-block > *,
.wp-block-woocommerce-cart-order-summary-totals-block > * {
	padding: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
}

/* Padding uniforme pour toutes les sections du récap */
.wc-block-components-totals-wrapper {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	padding: 12px 20px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Première section (items) : pas de bordure haute */
.wc-block-components-order-summary,
.wp-block-woocommerce-checkout-order-summary-cart-items-block .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart-order-summary-items-block .wc-block-components-totals-wrapper {
	border-top: 0 !important;
}

/* Ligne items produit — respiration verticale */

/* Bloc "Remises appliquées" — respect du padding standard */
.mustangs-checkout-discounts {
	padding: 12px 20px !important;
	margin: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.mustangs-checkout-discounts-box {
	background: rgba(92, 181, 110, 0.08) !important;
	border: 1px solid rgba(92, 181, 110, 0.3) !important;
	padding: 14px 16px !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

/* SOUS-TOTAL / VOS ÉCONOMIES : bloc serré */
.wp-block-woocommerce-checkout-order-summary-subtotal-block, .wp-block-woocommerce-cart-order-summary-subtotal-block {
	padding-bottom: 4px !important;
	border-bottom: 0 !important;
	padding: 12px 20px 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.mustangs-checkout-savings {
	padding: 4px 20px 12px !important;
	border-top: 0 !important;
}

.mustangs-checkout-savings .wc-block-components-totals-item {
	padding: 0 !important;
}

/* Sous-total HT et Vos économies : chaque ligne, pas de padding vertical individuel */
.wp-block-woocommerce-checkout-order-summary-subtotal-block .wc-block-components-totals-item,
.wp-block-woocommerce-cart-order-summary-subtotal-block .wc-block-components-totals-item {
	padding: 0 !important;
}

/* TOTAL HT (via WC c'est la ligne "subtotal" en fait, on l'a renommée) et TVA groupés */
/* NOTE : dans le drawer configurateur, on a "Total HT" + "TVA" en bloc serré.
   Dans le checkout WC, "Sous-total HT" = notre "Total HT" du drawer (car pas de remise WC coupon actif).
   Donc pour matcher le drawer, on garde Sous-total HT en haut, Vos économies juste dessous,
   puis un séparateur, puis TVA seule, puis séparateur fort, puis Total TTC. */

/* TAXES (TVA) : petit bloc serré */
.wp-block-woocommerce-checkout-order-summary-taxes-block,
.wp-block-woocommerce-cart-order-summary-taxes-block {
	padding: 12px 20px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

.wp-block-woocommerce-checkout-order-summary-taxes-block .wc-block-components-totals-item,
.wp-block-woocommerce-cart-order-summary-taxes-block .wc-block-components-totals-item {
	padding: 0 !important;
}

/* Fee block (vide) : cacher pour éviter les blancs */
.wp-block-woocommerce-checkout-order-summary-fee-block,
.wp-block-woocommerce-cart-order-summary-fee-block,
.wp-block-woocommerce-checkout-order-summary-discount-block,
.wp-block-woocommerce-cart-order-summary-discount-block {
	display: none !important;
}

/* Wrapper vide ne doit pas créer de blanc */
.wc-block-components-totals-wrapper:empty {
	display: none !important;
}

/* TOTAL TTC (footer) : séparateur fort + gras */

/* Cacher le badge "Économisez X €" sur les items produit */
.wc-block-components-product-badge.wc-block-components-sale-badge {
	display: none !important;
}

/* ============================================
   v0.54 — Fix padding TVA + Total TTC (débordement gauche)
============================================ */

/* Force le padding 20px sur les blocs Taxes et Footer Total (mon reset précédent était trop large) */
.wp-block-woocommerce-checkout-order-summary-taxes-block,
.wp-block-woocommerce-cart-order-summary-taxes-block {
	padding: 12px 20px !important;
}

/* Wrapper contenant le Total TTC (footer) */
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item),
.wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper:last-child,
.wp-block-woocommerce-cart-order-summary-totals-block .wc-block-components-totals-wrapper:last-child {
	padding: 16px 20px !important;
}

/* Totaux items eux-mêmes : pas de padding horizontal (le wrapper s'en charge) */
.wc-block-components-totals-item {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* ============================================
   v0.55 — Fix padding footer + suppression image + repositionnement quantité
============================================ */

/* Fix : padding & border corrigés selon tes valeurs */
.wc-block-components-totals-wrapper:has(.wc-block-components-totals-footer-item) {
	padding-top: 16px !important;
	padding-bottom: 12px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
	padding: 5px 20px !important;
	margin-top: 0 !important;
}

/* Suppression de l'image produit dans le récap */
.wc-block-components-order-summary-item__image,
.wc-block-components-order-summary-item .wc-block-components-order-summary-item__image {
	display: none !important;
}

/* Repositionnement de l'item : plus de wrapper image, tout à gauche */

/* Détails produit prennent toute la largeur */

/* Badge quantité : intégré devant le nom du produit, style compact */

/* Petit hack : préfixer la quantité par un ×  (rendu visuellement via ::before) */

/* Le nom du produit à côté du badge */

/* ============================================
   v0.56 — Layout item produit :
   Ligne 1 : TITRE × QUANTITÉ
   Ligne 2 : Description
   Ligne 3 : Prix barré + Prix unitaire (gauche) --- Prix total ligne (droite)
============================================ */

/* Reset : l'item redevient un flex column simple */

/* Ligne 1 : Titre × quantité */
.wc-block-components-order-summary-item .wc-block-components-product-name {
	vertical-align: middle !important;
	display: inline-block !important;
}

/* Le badge quantité placé après le titre, style texte (× N) */

.wc-block-components-order-summary-item__quantity::before {
	font-weight: 700;
	opacity: 0.85;
	content: "× ";
	margin-right: 1px;
}

/* Ligne 3 : bloc prix, aligné entre gauche (unitaire) et droite (total) */
.wc-block-components-order-summary-item__total-price,
.wc-block-components-order-summary-item__individual-prices {
	display: block !important;
	text-align: unset !important;
}

/* Wrapper englobant les prix (le composant WC natif). On force un flex horizontal */

.wc-block-components-order-summary-item__individual-prices .wc-block-components-product-price {
	color: rgba(255, 255, 255, 0.85) !important;
}

/* Prix barré + prix unitaire alignés à gauche */
.wc-block-components-order-summary-item__individual-prices .wc-block-components-product-price__regular {
	color: rgba(255, 255, 255, 0.45) !important;
	text-decoration: line-through !important;
	margin-right: 8px !important;
	font-size: 14px !important;
}

.wc-block-components-order-summary-item__individual-prices .wc-block-components-product-price__value {
	color: rgba(255, 255, 255, 0.9) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
}

/* Prix total ligne : à droite, plus imposant */

/* Prix unitaire + prix total sur la MÊME LIGNE */

/* Le prix total est positionné en absolute à droite, aligné avec les prix unitaires */

/* Compenser l'espace pour que le total ne chevauche pas les autres éléments */

/* ============================================
   v0.57 — Reset + Grid layout propre pour les items produit
============================================ */

/* Masquer complètement le badge quantité natif (on l'injecte dans le titre via JS) */
.wc-block-components-order-summary-item__quantity {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.7) !important;
	border: 0 !important;
	font-weight: 700 !important;
	font-family: "Din Pro Condensed", sans-serif !important;
	font-size: 20px !important;
	width: auto !important;
	height: auto !important;
	line-height: inherit !important;
	border-radius: 0 !important;
	top: auto !important;
	right: auto !important;
	position: static !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	min-width: 0 !important;
	padding: 0 !important;
	margin-right: 10px !important;
	vertical-align: baseline !important;
	margin: 0 0 0 8px !important;
}

/* Style de la quantité injectée dans le titre */

/* Item produit : grid 2 colonnes (contenu à gauche | prix total à droite) */

/* La colonne description (titre + description texte) */

/* Prix unitaires (barré + remisé) : à gauche sous la description */

/* Prix total ligne : à droite, aligné en haut */

.wc-block-components-order-summary-item__total-price .wc-block-components-product-price__value {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: var(--must-white, #fff) !important;
}

/* Prix unitaires (barré + remisé) : mise en page compacte */
.wc-block-components-order-summary-item__individual-prices .wc-block-components-product-price {
	display: inline-flex !important;
	align-items: baseline !important;
	gap: 8px !important;
	font-size: 14px !important;
}

.wc-block-components-order-summary-item__individual-prices .wc-block-components-product-price__regular {
	color: rgba(255, 255, 255, 0.45) !important;
	text-decoration: line-through !important;
	margin: 0 !important;
	font-size: 14px !important;
}

.wc-block-components-order-summary-item__individual-prices .wc-block-components-product-price__value {
	color: rgba(255, 255, 255, 0.9) !important;
	font-weight: 600 !important;
	font-size: 14px !important;
}

/* Le "Régulier / Rabaissé" texte natif de WC (label pour accessibilité) : cacher */
.wc-block-components-order-summary-item__individual-prices .wc-block-components-product-price > span:first-child:not([class]) {
	display: none !important;
}

/* ============================================
   v0.58 — Corrections CSS
============================================ */

/* Reset padding sur wrappers sidebar (comme demandé) */
.wc-block-components-sidebar .slot-wrapper .wc-block-components-panel,
.wc-block-components-sidebar .wc-block-components-panel,
.wc-block-components-sidebar .wc-block-components-totals-coupon,
.wc-block-components-sidebar .wc-block-components-totals-item {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wc-block-components-order-summary {
	padding: 0 !important;
}

/* Espacement entre prix barré et prix remisé */
.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices del {
	margin-right: .5em !important;
}

/* Quantité en rouge (au lieu de gris) */
.mustangs-inline-qty {
	color: var(--must-red, #e3032a) !important;
	font-weight: 700 !important;
	margin-left: 6px !important;
}

/* Trait fin de séparation entre articles */
.wc-block-components-order-summary-item + .wc-block-components-order-summary-item {
	border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Ordre visuel dans la description : titre → description → prix unitaires
   (avec flex order pour repositionner __individual-prices SOUS __description) */

/* Réorganisation du layout item :
   - description (titre + texte) : occupe tout à gauche
   - prix unitaires : sous la description
   - prix total : en haut à droite */
.wc-block-components-order-summary-item {
	padding: 16px 0 !important;
	display: grid !important;
	flex-direction: column !important;
	gap: 8px !important;
	grid-template-columns: 1fr auto !important;
	grid-template-areas:
		"description  total"
		"prices       ." !important;
	column-gap: 16px !important;
	row-gap: 6px !important;
	align-items: start !important;
	position: relative !important;
}

.wc-block-components-order-summary-item__total-price {
	text-align: right !important;
	margin: 0 !important;
	font-family: "Din Pro Condensed", sans-serif !important;
	font-size: 18px !important;
	font-weight: 800 !important;
	color: var(--must-white, #fff) !important;
	position: static !important;
	right: 0 !important;
	bottom: 0 !important;
	grid-area: total !important;
	align-self: start !important;
	padding: 0 !important;
	white-space: nowrap !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
}

/* ============================================
   v0.59 — Steps checkout Betheme (Panier / Commander / Commande) en chevron
   Même style que les onglets 1/2/3 du configurateur.
============================================ */

/* Reset du style natif Betheme */

/* Chaque step = un chevron */

/* Premier step : bord gauche droit + pointe à droite */
.mfn-checkout-steps li:first-child {
	padding-left: 26px !important;
	clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%);
}

/* Steps suivants (2, 3, ...) : encoche gauche entrante + pointe droite */
.mfn-checkout-steps li:not(:first-child) {
	padding-left: 52px !important;
	clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%, 22px 50%);
}

/* Dernier step : encoche gauche entrante + bord droit droit */
.mfn-checkout-steps li:last-child:not(:first-child) {
	padding-right: 26px !important;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 22px 50%);
}

/* Cas edge : un seul step */
.mfn-checkout-steps li:first-child:last-child {
	padding-left: 26px !important;
	padding-right: 26px !important;
	clip-path: none !important;
}

/* Step actif (courant) — gris pour ressembler à "past step" */
.mfn-checkout-steps li.active {
	background: rgba(255, 255, 255, 0.08) !important;
	color: rgba(255, 255, 255, 0.7) !important;
}

/* 2ème step actif = un peu plus foncé pour visualiser la progression 1 → 2 → 3 */
.mfn-checkout-steps li.active:nth-child(2) {
	background: rgba(255, 255, 255, 0.14) !important;
}

/* Numéro du step (rond gris qui devient rouge foncé sur actif) */

.mfn-checkout-steps li.active .mfn-step-number {
	background: rgba(0, 0, 0, 0.25) !important;
	color: #fff !important;
}

/* Icône check sur les steps complétés */

/* Mobile : passe en colonne, chevrons désactivés */
@media (max-width: 700px) {
	.mfn-checkout-steps {
		flex-direction: column !important;
		gap: 4px !important;
	}
	.mfn-checkout-steps li {
		flex-basis: auto !important;
		padding: 14px 20px !important;
		clip-path: none !important;
	}
}

/* ============================================
   v0.60 — Masquer les flèches natives Betheme + parfaite continuité
============================================ */

/* Masquer les pseudo-éléments Betheme (flèches noires entre les steps) */
.mfn-checkout-steps li::before,
.mfn-checkout-steps li::after {
	display: none !important;
	content: none !important;
	background: none !important;
	border: none !important;
}

/* Aussi masquer tout SVG/icône séparateur que Betheme aurait injecté */
.mfn-checkout-steps > *:not(li) {
	display: none !important;
}

/* Renforcer : gap 0 strict, aucun margin entre les li */

/* ============================================
   v0.61 — Steps checkout : numéros + titres alignés EXACTEMENT sur le configurateur
============================================ */

/* Numéro du step : GROS chiffre inline (pas de rond) — Tungsten 32px comme configurateur */

.mfn-checkout-steps li.active .mfn-step-number {
	opacity: 1 !important;
}

/* Icône check (step complété) : même taille que le numéro, blanc */

/* Le texte du step (Panier / Commander / Commande) : Tungsten 22px 700 uppercase */

/* ============================================
   v0.62 — Étape en cours (blanc) + mobile + double résumé
============================================ */

/* ÉTAPE EN COURS = dernier .active (les précédents sont "faits", les suivants "à venir") */
.mfn-checkout-steps li.active:not(:has(+ .active)) {
	background: #fff !important;
	color: var(--must-dark, #100c08) !important;
}

.mfn-checkout-steps li.active:not(:has(+ .active)) .mfn-step-number {
	color: var(--must-dark, #100c08) !important;
	background: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
}

.mfn-checkout-steps li.active:not(:has(+ .active)) .mfn-step-number i,
.mfn-checkout-steps li.active:not(:has(+ .active)) .mfn-step-number .icon-check {
	color: var(--must-dark, #100c08) !important;
}

/* NUMÉRO DES STEPS : forcer background none partout (fix Betheme) */
.mfn-checkout-steps li .mfn-step-number,
.mfn-checkout-steps li.active .mfn-step-number {
	background: none !important;
	background-color: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* GAP 0 strict (desktop + mobile) — pas de chevauchement, imbrication géométrique bord à bord */

.mfn-checkout-steps li {
	flex: 1 1 220px !important;
	background: rgba(255, 255, 255, 0.05) !important;
	color: var(--must-white, #fff) !important;
	border: 0 !important;
	padding: 18px 40px 18px 26px !important;
	border-radius: 0 !important;
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	font-family: "Tungsten Condensed", "Din Pro Condensed", sans-serif !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	text-align: left !important;
	position: relative !important;
	margin: 0 !important;
	list-style: none !important;
	transition: all 0.25s ease !important;
	line-height: 1.1 !important;
}

/* MOBILE : garder les chevrons horizontaux, réduire la taille */
@media (max-width: 700px) {
	.mfn-checkout-steps {
		flex-direction: row !important;
		gap: 0 !important;
	}

	.mfn-checkout-steps li {
		flex: 1 1 auto !important;
		padding: 12px 22px 12px 14px !important;
		font-size: 13px !important;
		letter-spacing: 0.03em !important;
		gap: 8px !important;
		/* On garde le clip-path (chevrons) même sur mobile */
	}

	

	.mfn-checkout-steps li .mfn-step-number {
		font-size: 20px !important;
	}

	.mfn-checkout-steps li .mfn-step-number .icon-check,
	.mfn-checkout-steps li .mfn-step-number i {
		font-size: 16px !important;
	}
}

/* MOBILE : cacher le résumé collapsible du haut (WooCommerce Blocks en affiche 2 sur mobile) */
@media (max-width: 900px) {
	
}

/* ============================================
   v0.63 — Mobile comme configurateur + numéro rouge quand step en cours
============================================ */

/* Étape en cours (blanc) : le NUMÉRO en ROUGE */
.mfn-checkout-steps li.active:not(:has(+ .active)) .mfn-step-number {
	color: var(--must-red, #e3032a) !important;
}

.mfn-checkout-steps li.active:not(:has(+ .active)) .mfn-step-number i,
.mfn-checkout-steps li.active:not(:has(+ .active)) .mfn-step-number .icon-check {
	color: var(--must-red, #e3032a) !important;
}

/* Étape en cours (blanc) : dépassement pour couvrir les pointes voisines */
.mfn-checkout-steps li.active:not(:has(+ .active)) {
	margin: 0 -23px !important;
	z-index: 2 !important;
	position: relative !important;
}

/* MOBILE : reset chevrons, revenir au style configurateur (colonne verticale simple) */
@media (max-width: 700px) {
	.mfn-checkout-steps {
		flex-direction: column !important;
		gap: 4px !important;
	}

	.mfn-checkout-steps li {
		flex-basis: auto !important;
		padding: 16px 20px !important;
		clip-path: none !important;
		margin: 0 !important;
		font-size: 22px !important;
		letter-spacing: 0.04em !important;
	}

	.mfn-checkout-steps li:last-child:not(:first-child) {
	padding-right: 20px !important;
}

	.mfn-checkout-steps li .mfn-step-number {
		font-size: 32px !important;
	}

	.mfn-checkout-steps li .mfn-step-number .icon-check,
	.mfn-checkout-steps li .mfn-step-number i {
		font-size: 24px !important;
	}

	/* Mobile : pas de dépassement pour la step en cours (colonne verticale) */
	.mfn-checkout-steps li.active:not(:has(+ .active)) {
		margin: 0 !important;
	}
}

/* ============================================
   v0.64 — Cacher le résumé dupliqué (mobile) — garder le dernier
============================================ */

/* Le résumé apparaît 2 fois sur mobile : un en haut collapsible, un en bas complet.
   On cache le premier via nth-of-type, on garde le dernier. */
@media (max-width: 900px) {
	.wp-block-woocommerce-checkout-order-summary-block:not(:last-of-type) {
		display: none !important;
	}
}

/* Toutes tailles d'écran : si 2 order-summary-block existent (même sur desktop), cacher le premier */
.wp-block-woocommerce-checkout-order-summary-block ~ .wp-block-woocommerce-checkout-order-summary-block {
	/* Le 2ème (et suivants) sont VISIBLES — c'est le premier qu'on cache via la règle suivante */
}

/* Alternative robuste : si un premier order-summary-block est suivi d'un autre, cacher le premier */
.wp-block-woocommerce-checkout-order-summary-block:has(~ .wp-block-woocommerce-checkout-order-summary-block) {
	display: none !important;
}

/* ============================================
   v0.66 — Mobile : flex-direction row + alignement icône check
============================================ */

@media only screen and (max-width: 767px) {
	/* Chaque li en flex row : numéro + texte côte à côte, alignés au centre vertical */
	.mfn-checkout-steps li {
		flex-direction: row !important;
		align-items: center !important;
	}

	/* Icône check : même taille que les chiffres pour un alignement homogène */
	.mfn-checkout-steps li .mfn-step-number .icon-check,
	.mfn-checkout-steps li .mfn-step-number i {
		font-size: 32px !important; /* même que les chiffres (mobile) */
		line-height: 1 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}

	/* Numéro : aligné visuellement au milieu (line-height cohérent) */
	.mfn-checkout-steps li .mfn-step-number {
		line-height: 1 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
	}
}

/* ============================================
   v0.66 — Alignement icône check + mobile flex row
============================================ */

/* Aligner l'icône check avec les chiffres (baseline + hauteur cohérente) */
.mfn-checkout-steps li .mfn-step-number {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	height: auto !important;
	background: transparent !important;
	color: #fff !important;
	border-radius: 0 !important;
	font-family: "Tungsten Condensed", "Din Pro Condensed", sans-serif !important;
	font-size: 32px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	padding: 0 !important;
	margin: 0 !important;
	flex-shrink: 0 !important;
	min-width: 0 !important;
	border: 0 !important;
	opacity: 0.75 !important;
	min-height: 32px !important;
}

.mfn-checkout-steps li .mfn-step-number i,
.mfn-checkout-steps li .mfn-step-number .icon-check {
	font-size: 26px !important;
	color: #fff !important;
	line-height: 1 !important;
	background: transparent !important;
	width: auto !important;
	height: auto !important;
	display: inline-block !important;
	vertical-align: middle !important;
	position: relative !important;
	top: 0 !important;
}

/* Mobile : garder les li en flex-direction: row (numéro + texte côte à côte) */
@media only screen and (max-width: 767px) {
	.mfn-checkout-steps li {
		flex-direction: row !important;
	}
}

/* ============================================
   v0.68 — Mobile : alignement vertical numéro / check / texte
============================================ */

@media only screen and (max-width: 767px) {
	/* Aligner tous les enfants du li au centre vertical */
	.mfn-checkout-steps li {
		align-items: center !important;
	}

	/* Numéro : caler sur la baseline du texte */
	.mfn-checkout-steps li .mfn-step-number {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		line-height: 1 !important;
		min-height: 0 !important;
		height: auto !important;
	}

	/* Icône check : même taille que le chiffre pour un alignement optique */
	.mfn-checkout-steps li .mfn-step-number i,
	.mfn-checkout-steps li .mfn-step-number .icon-check {
		font-size: 28px !important;
		line-height: 1 !important;
		vertical-align: middle !important;
		display: inline-flex !important;
		align-items: center !important;
	}
}

/* ============================================
   v0.69 — Check à droite du texte pour steps complétés
============================================ */

/* Check à droite du texte du step */
.mfn-checkout-steps li .mustangs-step-check {
	margin-left: auto !important;
	font-size: 20px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	color: currentColor !important;
	opacity: 0.85 !important;
	padding-left: 10px !important;
}

/* ============================================
   v0.89 — Liens "Se connecter" / création de compte RÉACTIVÉS
   (auparavant masqués en v0.70 quand checkout invité uniquement.
   Depuis v0.89, création de compte obligatoire → liens réaffichés)
============================================ */

/* ============================================
   v0.91 — Fix cliquabilité lien "Se connecter" au checkout
   Cause : Betheme casse le display:flex du heading, le h2 déborde
   et recouvre le lien à droite (impossible à cliquer)
============================================ */

.wc-block-components-checkout-step__heading {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 12px;
	flex-wrap: wrap;
}
.wc-block-components-checkout-step__heading .wc-block-components-checkout-step__title {
	flex: 0 1 auto !important;
	width: auto !important;
	max-width: 100%;
	margin: 0;
}
.wc-block-components-checkout-step__heading-content {
	flex: 0 0 auto !important;
	position: relative;
	z-index: 5;
}
.wc-block-checkout__login-prompt {
	position: relative;
	z-index: 5;
	pointer-events: auto !important;
	display: inline-block;
	/* Style bouton Mustangs (charte : rouge + radius 50px + Din Pro uppercase) */
	background-color: #e3032a !important;
	color: #ffffff !important;
	margin-top: 0 !important;
	padding: 8px 15px !important;
	border-radius: 50px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-size: 16px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
	text-decoration: none !important;
	line-height: 1.2 !important;
	transition: background-color 0.2s ease, transform 0.15s ease !important;
}
.wc-block-checkout__login-prompt:hover,
.wc-block-checkout__login-prompt:focus {
	background-color: #b8021f !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	text-decoration: none !important;
}

/* ============================================================
   v0.97 — Page "Commande reçue" refonte
   Layout 2 colonnes via grid-template-areas, cartouches partout,
   fixes : bandeau bg, colonne gauche alignée en haut, #RODUIT,
   icônes Betheme phone/email, meta produit
============================================================ */

/* ---------- Layout global ---------- */

@media (min-width: 900px) {
	
	.woocommerce-order > .woocommerce-notice,
	.woocommerce-order > p.woocommerce-notice,
	.woocommerce-order > .woocommerce-order-received {
		grid-area: notice;
	}
	.woocommerce-order > ul.woocommerce-order-overview,
	.woocommerce-order > .woocommerce-order-overview,
	.woocommerce-order > ul.order_details {
		grid-area: overview;
	}
	.woocommerce-order > .woocommerce-order-details,
	.woocommerce-order > section.woocommerce-order-details,
	.woocommerce-order > .mustangs-order,
	.woocommerce-order > section.mustangs-order,
	.woocommerce-order > section.mustangs-order--web {
		grid-area: details;
	}
	.woocommerce-order > .woocommerce-bacs-bank-details {
		grid-area: bank;
	}
	.woocommerce-order > .woocommerce-customer-details,
	.woocommerce-order > section.woocommerce-customer-details {
		grid-area: customer;
	}
}

/* ---------- Cartouche commun (fond + bordure + radius) ---------- */
/* Sélecteurs élargis (pas de > direct) pour matcher même si nesting différent */
.woocommerce-order section,
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order ul.order_details,
.woocommerce-order .woocommerce-bacs-bank-details,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details {
	background-color: #1c1815 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-radius: 12px !important;
	padding: 24px 28px !important;
	margin: 0 !important;
	box-sizing: border-box;
}

/* ---------- Message de confirmation ---------- */

/* ---------- Bandeau infos commande ---------- */
ul.woocommerce-order-overview,
.woocommerce-order-overview,
ul.order_details {
	list-style: none !important;
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 0 !important;
}
ul.woocommerce-order-overview li,
.woocommerce-order-overview li,
ul.order_details li {
	flex: 1 1 160px !important;
	min-width: 130px !important;
	border: none !important;
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	padding: 10px 16px !important;
	margin: 0 !important;
	text-align: center !important;
	font-size: 10px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;
	color: rgba(255, 255, 255, 0.5) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	background: transparent !important;
}
ul.woocommerce-order-overview li:last-child,
.woocommerce-order-overview li:last-child,
ul.order_details li:last-child {
	border-right: none !important;
}

@media (max-width: 599px) {
	ul.woocommerce-order-overview li,
	.woocommerce-order-overview li,
	ul.order_details li {
		flex-basis: calc(50% - 1px) !important;
		border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	}
	ul.woocommerce-order-overview li:nth-child(2n),
	.woocommerce-order-overview li:nth-child(2n) {
		border-right: none !important;
	}
}

/* ---------- Titres de section ---------- */
.woocommerce-order h2,
.woocommerce-order h3,
.woocommerce-bacs-bank-details h2,
.woocommerce-bacs-bank-details__heading,
.wc-bacs-bank-details-heading,
.woocommerce-order-details h2,
.woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-column__title {
	color: #e3032a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	margin: 0 0 18px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	text-align: center !important;
	line-height: 1.3 !important;
}

/* ---------- Bloc RIB accentué en rouge ---------- */

.woocommerce-bacs-bank-details h3,
.wc-bacs-bank-details-account-name {
	color: #ffffff !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-align: center !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: none !important;
	letter-spacing: 0.05em !important;
	line-height: 1.3 !important;
}
.woocommerce-bacs-bank-details ul.wc-bacs-bank-details-account,
.wc-bacs-bank-details-account {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 8px !important;
}

/* ---------- Détails commande : table produits ---------- */
.woocommerce-order-details table.shop_table,
.woocommerce-table--order-details {
	width: 100% !important;
	border-collapse: collapse !important;
	background: transparent !important;
	color: #ffffff !important;
	border: none !important;
	margin: 0 !important;
}
/* FIX : supprime tout ::before/::after sur les <th> qui ajoutait "#" devant PRODUIT */
.woocommerce-order-details table.shop_table th::before,
.woocommerce-order-details table.shop_table th::after,
.woocommerce-order-details table.shop_table td::before,
.woocommerce-order-details table.shop_table td::after,
.woocommerce-table--order-details th::before,
.woocommerce-table--order-details th::after {
	display: none !important;
	content: none !important;
}
.woocommerce-order-details table.shop_table thead th,
.woocommerce-table--order-details thead th {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.5) !important;
	text-transform: uppercase !important;
	font-size: 10px !important;
	letter-spacing: 0.12em !important;
	font-weight: 700 !important;
	padding: 0 0 12px !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
	text-align: left !important;
}
.woocommerce-order-details table.shop_table thead th:last-child,
.woocommerce-table--order-details thead th:last-child {
	text-align: right !important;
}
.woocommerce-order-details table.shop_table tbody td,
.woocommerce-table--order-details tbody td {
	padding: 16px 0 !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	color: #ffffff !important;
	font-size: 14px !important;
	background: transparent !important;
	vertical-align: top !important;
}
.woocommerce-order-details td.product-name,
.woocommerce-table--order-details td.product-name {
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	font-size: 15px !important;
	line-height: 1.3 !important;
}
.woocommerce-order-details td.product-name .product-quantity,
.woocommerce-table--order-details td.product-name .product-quantity {
	color: #e3032a !important;
	font-weight: 700 !important;
	font-style: italic !important;
	margin-left: 4px !important;
}
.woocommerce-order-details td.product-total,
.woocommerce-table--order-details td.product-total {
	text-align: right !important;
	font-weight: 800 !important;
	white-space: nowrap !important;
	font-size: 15px !important;
}
/* Meta produit (Formule / Remises / Prix catalogue) — subtil accent visuel */
.woocommerce-order-details .wc-item-meta,
.woocommerce-table--order-details .wc-item-meta {
	list-style: none !important;
	margin: 12px 0 0 !important;
	padding: 10px 12px !important;
	font-size: 13px !important;
	color: rgba(255, 255, 255, 0.75) !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.5 !important;
	background: rgba(255, 255, 255, 0.03) !important;
	border-left: 2px solid rgba(227, 3, 42, 0.5) !important;
	border-radius: 4px !important;
}
.woocommerce-order-details .wc-item-meta li,
.woocommerce-table--order-details .wc-item-meta li {
	margin: 3px 0 !important;
	padding: 0 !important;
}
.woocommerce-order-details .wc-item-meta strong,
.woocommerce-table--order-details .wc-item-meta strong {
	font-weight: 700 !important;
	color: rgba(255, 255, 255, 0.9) !important;
	margin-right: 4px !important;
}
.woocommerce-order-details .wc-item-meta p,
.woocommerce-table--order-details .wc-item-meta p {
	margin: 0 !important;
	display: inline !important;
}

/* Totaux (tfoot) */
.woocommerce-order-details table.shop_table tfoot th,
.woocommerce-order-details table.shop_table tfoot td,
.woocommerce-table--order-details tfoot th,
.woocommerce-table--order-details tfoot td {
	padding: 12px 0 !important;
	border: none !important;
	border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
	background: transparent !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
.woocommerce-order-details table.shop_table tfoot th,
.woocommerce-table--order-details tfoot th {
	text-align: left !important;
	color: rgba(255, 255, 255, 0.85) !important;
	font-weight: 600 !important;
}
.woocommerce-order-details table.shop_table tfoot td,
.woocommerce-table--order-details tfoot td {
	text-align: right !important;
	font-weight: 800 !important;
}
.woocommerce-order-details table.shop_table tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child th {
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-weight: 800 !important;
	font-size: 15px !important;
	color: #ffffff !important;
	border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
	padding-top: 14px !important;
}
.woocommerce-order-details table.shop_table tfoot tr:last-child td,
.woocommerce-table--order-details tfoot tr:last-child td {
	font-size: 18px !important;
	font-weight: 800 !important;
	color: #ffffff !important;
	border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
	padding-top: 14px !important;
}

/* ---------- Adresses client ---------- */
.woocommerce-customer-details address {
	font-style: normal !important;
	color: #ffffff !important;
	line-height: 1.7 !important;
	font-size: 14px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
}
.woocommerce-customer-details address a,
.woocommerce-customer-details a[href^="tel:"],
.woocommerce-customer-details a[href^="mailto:"] {
	color: #e3032a !important;
	text-decoration: none !important;
}
.woocommerce-customer-details address a:hover {
	text-decoration: underline !important;
}
/* FIX AGRESSIF : masque toutes les icônes Betheme (svg, i.icon-, ::before/::after)
   dans le bloc adresse, qui polluaient l'affichage phone/email */
.woocommerce-customer-details .mfn-icon,
.woocommerce-customer-details i,
.woocommerce-customer-details svg,
.woocommerce-customer-details address::before,
.woocommerce-customer-details address::after,
.woocommerce-customer-details p::before,
.woocommerce-customer-details p::after,
.woocommerce-customer-details .woocommerce-customer-details--phone::before,
.woocommerce-customer-details .woocommerce-customer-details--email::before {
	display: none !important;
	content: none !important;
}
/* Phone/email : suppression padding-left hérité de l'espace pour icône */
.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-customer-details .woocommerce-customer-details--email {
	display: block !important;
	padding-left: 0 !important;
	margin: 6px 0 0 !important;
	background: none !important;
}

/* Colonnes billing/shipping si les 2 (futur merch) */
.woocommerce-columns--addresses {
	display: grid !important;
	grid-template-columns: 1fr !important;
	gap: 20px !important;
	margin: 0 !important;
}
.woocommerce-columns--addresses .woocommerce-column {
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	border: none !important;
}

/* ============================================================
   v0.98 — Récap commande Mustangs (web : thank-you + my-account)
   Reprend le vocabulaire visuel du drawer configurateur / checkout
   (encadré vert pour remises, "Vos économies" en vert, prix barré)
============================================================ */

.mustangs-order {
	--m-red: #e3032a;
	--m-green: #5cb56e;
	--m-green-bg: rgba(92, 181, 110, 0.08);
	--m-green-border: rgba(92, 181, 110, 0.3);
	--m-white: #ffffff;
	--m-muted: rgba(255, 255, 255, 0.6);
	--m-muted-2: rgba(255, 255, 255, 0.75);
	--m-line: rgba(255, 255, 255, 0.15);
	color: var(--m-white);
	font-family: 'Din Pro Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* ---------- Titre "Commande n°XXXX (date)" ---------- */
.mustangs-order__title {
	color: var(--m-red);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0 0 18px;
	padding: 0;
	border: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: left;
}

/* ---------- Items produits ---------- */
.mustangs-order__items {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}
.mustangs-order__item {
	padding: 14px 0;
	border-top: 1px solid var(--m-line);
}
.mustangs-order__item:last-child {
	border-bottom: 1px solid var(--m-line);
}
.mustangs-order__item-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
}

.mustangs-order__item-qty {
	color: var(--m-red);
	font-weight: 700;
	margin-left: 6px;
	font-style: italic;
}
.mustangs-order__item-total {
	font-size: 15px;
	font-weight: 800;
	line-height: 1.3;
	white-space: nowrap;
	flex: 0 0 auto;
	text-align: right;
}
.mustangs-order__item-total .woocommerce-Price-amount {
	font-weight: 800;
}

.mustangs-order__item-price-original {
	color: var(--m-muted);
	text-decoration: line-through;
	margin-right: 8px;
}
.mustangs-order__item-price-sale {
	font-weight: 700;
	color: var(--m-white);
}
.mustangs-order__item-description {
	margin-top: 10px;
	font-size: 13px;
	line-height: 1.5;
	color: var(--m-muted-2);
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

/* ---------- Bloc "Remises appliquées" (cadre vert) ---------- */

.mustangs-order__discounts-title {
	color: var(--m-green);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px;
	margin-bottom: 8px;
}
.mustangs-order__discounts-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mustangs-order__discount-label {
	color: var(--m-white);
	font-weight: 400;
}
.mustangs-order__discount-value {
	color: var(--m-green);
	font-weight: 800;
	white-space: nowrap;
}

/* ---------- Totaux ---------- */
.mustangs-order__totals {
	margin: 0;
}

.mustangs-order__total-label {
	color: var(--m-white);
	text-transform: none;
	letter-spacing: 0;
	font-weight: 700;
}
.mustangs-order__total-value {
	color: var(--m-white);
	font-weight: 800;
	white-space: nowrap;
	text-align: right;
}
/* Ligne "Vos économies" en vert, sans border-top */
.mustangs-order__total-row--savings {
	border-top: none;
	padding: 10px 0;
	color: var(--m-green);
}
.mustangs-order__total-row--savings .mustangs-order__total-label,
.mustangs-order__total-row--savings .mustangs-order__total-value {
	color: var(--m-green);
}
/* Ligne "Total TTC" — plus grand, uppercase, emphase */
.mustangs-order__total-row--final {
	padding: 14px 0 4px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.25);
	align-items: flex-start;
}
.mustangs-order__total-row--final .mustangs-order__total-label {
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.mustangs-order__total-row--final .mustangs-order__total-value {
	font-size: 18px;
	font-weight: 800;
}

/* ---------- Suppression du titre par défaut WC "Détails de la commande" ---------- */
/* Le template Mustangs n'utilise pas ce h2 : on cache l'éventuel wrapper vide */
.woocommerce-order-details:has(.mustangs-order--web) > h2:first-child,
.woocommerce-order-details:has(.mustangs-order--web) > .woocommerce-order-details__title {
	display: none;
}

/* ============================================================
   v0.98 — Fix mobile : padding-left premier step Betheme
============================================================ */
@media (max-width: 767px) {
	.mfn-checkout-steps li:first-child {
		padding-left: 22px !important;
	}
}

/* ============================================================
   v0.102 — Rework layout thank-you page + steps épurés
============================================================ */

/* ---------- Steps checkout : chevrons GARDÉS, seule la couleur active change ---------- */

/* ---------- Sidebar wrap (RIB + adresse client) via JS ---------- */

@media (min-width: 900px) {
	
	.woocommerce-order > .mustangs-order__sidebar {
		grid-area: sidebar;
		align-self: start;
	}
	/* Bank et customer ne sont plus placés directement dans le grid (ils sont dans le wrapper) */
	.woocommerce-order > .mustangs-order__sidebar > .woocommerce-bacs-bank-details,
	.woocommerce-order > .mustangs-order__sidebar > .woocommerce-customer-details {
		grid-area: unset;
		grid-column: unset;
	}
}

/* ---------- Message "Merci" en VERT (au lieu de rouge) ---------- */

/* ---------- Titres h2/h3 : refonte Sarah (Tungsten 30px 900) ---------- */
.woocommerce-order h2,
.woocommerce-order h3,
.woocommerce-bacs-bank-details h2,
.woocommerce-bacs-bank-details__heading,
.wc-bacs-bank-details-heading,
.woocommerce-order-details h2,
.woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-column__title {
	color: #e3032a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 30px !important;
	font-weight: 900 !important;
	margin: 0 0 18px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	text-align: center !important;
	line-height: 1.3 !important;
}

/* ---------- Phone/email : margin 0 ---------- */
.woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce-customer-details .woocommerce-customer-details--email {
	margin: 0 !important;
}

/* ---------- RIB : suppression bordure des cellules internes ---------- */

/* ---------- Padding overrides Sarah ---------- */
.the_content_wrapper ul {
	margin: 0 0 15px 0 !important;
}
.mustangs-order__discounts-list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 1;
	font-size: 14px;
	padding: 0 !important;
}
.mustangs-order__total-row {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 16px;
	border-top: 1px solid var(--m-line);
	font-size: 15px;
	font-weight: 700;
	padding: 10px 0 10px 0 !important;
}
.mustangs-order__total-row--savings {
	padding: 0 0 10px 0 !important;
}

/* ============================================================
   v0.104 — Chevrons steps qui s'imbriquent (pas d'espace visible)
============================================================ */
.mfn-checkout-steps li:not(:first-child) {
	margin-left: -22px !important;
}
/* Sur mobile (colonne), pas de chevauchement */
@media (max-width: 700px) {
	.mfn-checkout-steps li:not(:first-child) {
	padding-left: 20px !important;
	margin-left: 0 !important;
}
}

/* ============================================================
   v0.105 — Retours Sarah
============================================================ */

/* Layout fullwidth (retire max-width et paddings horizontaux) */

/* Message "Merci" — retour au rouge (au lieu de vert) */

/* Titre produit en Tungsten Condensed */

/* Suppression puce devant chaque item (list-style + ::marker + ::before Betheme) */
.mustangs-order__items,
.mustangs-order__items li,
.mustangs-order__item {
	list-style: none !important;
	list-style-image: none !important;
	list-style-type: none !important;
}
.mustangs-order__items li::marker,
.mustangs-order__item::marker {
	content: none !important;
	display: none !important;
}
.mustangs-order__items li::before,
.mustangs-order__item::before {
	display: none !important;
	content: none !important;
	background: none !important;
}

/* ============================================================
   v0.106 — Retours Sarah (fonts, séparateurs, radius, etc.)
============================================================ */

/* Date en Din Pro (pas Tungsten hérité) */
.mustangs-order__date {
	color: var(--m-muted);
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	font-size: 14px;
	margin-left: 6px;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
}

/* Titre produit : Tungsten oblique 25px blanc */

/* Séparateurs entre produits uniquement (pas au-dessus du 1er, ni sous le dernier) */
.mustangs-order__item {
	border-top: none !important;
	border-bottom: none !important;
}
.mustangs-order__item + .mustangs-order__item {
	border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Bloc remises : radius 0 + padding bottom réduit */
.mustangs-order__discounts {
	background: var(--m-green-bg);
	border: 1px solid var(--m-green-border);
	margin: 0 0 20px;
	border-radius: 0 !important;
	padding: 14px 16px 5px !important;
}

/* Sous-total HT (1ère ligne totaux) : padding-bottom 0 pour coller à "Vos économies" */
.mustangs-order__total-row:first-child {
	padding: 10px 0 0 0 !important;
}

/* Ligne "Paiement par X" sous le total : Din Pro 14px */
.mustangs-order__payment-method {
	display: block;
	margin-top: 4px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	color: var(--m-muted);
	font-style: italic;
	font-size: 14px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
}

/* Suppression du border-radius sur tous les blocs principaux */
.woocommerce-order section,
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order ul.order_details,
.woocommerce-order .woocommerce-bacs-bank-details,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order > .woocommerce-notice,
.woocommerce-order > p.woocommerce-notice,
.woocommerce-order > .woocommerce-order-received {
	border-radius: 0 !important;
}

/* Nom du compte (h3 dans RIB) : garde son style compact, ne pas hériter du gros h2 Tungsten */
.woocommerce-bacs-bank-details h3,
.wc-bacs-bank-details-account-name {
	color: #ffffff !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	font-weight: 800 !important;
	text-align: center !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: none !important;
	letter-spacing: 0.05em !important;
	line-height: 1.3 !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
}

/* ============================================================
   v0.107 — Retours Sarah (bg #100c08, RIB gradient rouge, m²…)
============================================================ */

/* Fond des blocs principaux : #100c08 (au lieu de #1c1815) */
.woocommerce-order section,
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order ul.order_details,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details {
	background-color: #100c08 !important;
}

/* Bloc RIB : même gradient rouge + bordure que le message "Merci" */

/* Prix des items : même style que le titre produit, SANS oblique */
.mustangs-order__item-total {
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-style: normal !important;
	font-size: 25px !important;
	letter-spacing: 0.05em !important;
	line-height: 1.1 !important;
	color: #fff !important;
	font-weight: 800 !important;
}
.mustangs-order__item-total .woocommerce-Price-amount {
	font-family: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	color: inherit !important;
}

/* Fix m² clippé : line-height 1.1 (au lieu de 1) sur titre produit */
.mustangs-order__item-title {
	font-size: 25px !important;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em !important;
	line-height: 1.1 !important;
	flex: 1 1 auto;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-style: oblique !important;
	color: #fff !important;
	overflow: visible !important;
}

/* Retire border-right des cellules du bandeau overview (per Sarah) */
.woocommerce ul.order_details li,
.woocommerce-order ul.woocommerce-order-overview li,
.woocommerce-order .woocommerce-order-overview li {
	border-right: none !important;
}

/* ============================================================
   v0.108 — Ajustements espacements grid + sidebar
============================================================ */
@media (min-width: 900px) {
	.woocommerce-order {
	grid-template-areas: "notice notice" "overview overview" "details sidebar" !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
	gap: 20px !important;
}
}
.mustangs-order__sidebar {
	display: flex;
	flex-direction: column;
	min-width: 0;
	gap: 20px !important;
}

/* ============================================================
   v0.109 — Fond rouge à plat (au lieu du gradient)
============================================================ */
.woocommerce-order > .woocommerce-notice,
.woocommerce-order > p.woocommerce-notice,
.woocommerce-order > .woocommerce-order-received,
.woocommerce-order .woocommerce-bacs-bank-details,
.woocommerce .woocommerce-bacs-bank-details .wc-bacs-bank-details {
	background: rgb(227 3 42 / 10%) !important;
}

/* ============================================================
   v0.110 — Fix exposant m² / m³ dans les titres produits
============================================================ */

/* ============================================================
   v0.111 — Restaurer séparateurs verticaux sur bandeau overview
   (annule la règle v0.107 qui les avait retirés par erreur)
============================================================ */
.woocommerce-order ul.woocommerce-order-overview li,
.woocommerce-order .woocommerce-order-overview li,
.woocommerce ul.order_details li {
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.woocommerce-order ul.woocommerce-order-overview li:last-child,
.woocommerce-order .woocommerce-order-overview li:last-child,
.woocommerce ul.order_details li:last-child {
	border-right: none !important;
}

/* ============================================================
   v0.112 — Fix RIB borders + responsive overview
============================================================ */

/* sup dans titre produit : oblique + petit espace à gauche */
.mustangs-order__item-title sup {
	font-size: 0.55em !important;
	vertical-align: super !important;
	line-height: 0 !important;
	letter-spacing: 0 !important;
	margin-left: 5px !important;
	font-style: oblique !important;
}

/* RIB : bordures internes des cellules retirées (renforcement, plus spécifique) */
.woocommerce-order .woocommerce-bacs-bank-details ul li,
.woocommerce-order .wc-bacs-bank-details-account li,
.woocommerce-bacs-bank-details ul.wc-bacs-bank-details-account li,
.woocommerce-bacs-bank-details ul li {
	border: none !important;
	border-right: none !important;
	border-left: none !important;
	border-top: none !important;
	border-bottom: none !important;
}

/* Bandeau overview : responsive amélioré pour éviter que les mails wrappent */

/* Tablet : 2 cellules par ligne (au lieu de 5 comprimées) */
@media (max-width: 899px) {
	ul.woocommerce-order-overview li,
	.woocommerce-order-overview li,
	ul.order_details li {
		flex-basis: calc(50% - 1px) !important;
		min-width: 0 !important;
		border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	}
	ul.woocommerce-order-overview li:nth-child(2n),
	.woocommerce-order-overview li:nth-child(2n),
	ul.order_details li:nth-child(2n) {
		border-right: none !important;
	}
	/* Sur cette taille, autoriser wrap normal si mail trop long */
	
}

/* ============================================================
   v0.113 — Retirer ellipsis (rien de masqué)
============================================================ */
/* Autoriser le wrap naturel sur toutes les tailles — plus de nowrap ni ellipsis */

/* ============================================================
   v0.114 — Fix email qui wrap après un point
============================================================ */
ul.woocommerce-order-overview li strong,
.woocommerce-order-overview li strong,
ul.order_details li strong {
	display: block !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	margin-top: 8px !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	hyphens: none !important;
}
/* Cellules : sizing basé sur le contenu (l'email peut prendre plus de place que "Date") */
ul.woocommerce-order-overview li,
.woocommerce-order-overview li,
ul.order_details li {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}
@media (max-width: 899px) {
	ul.woocommerce-order-overview li strong, .woocommerce-order-overview li strong, ul.order_details li strong {
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
}
}

/* ============================================================
   v0.115 — Overview : distribution égale (grid 5 col) au lieu de flex auto
============================================================ */
@media (min-width: 900px) {
	ul.woocommerce-order-overview,
	.woocommerce-order-overview,
	ul.order_details {
		display: grid !important;
		grid-template-columns: repeat(5, 1fr) !important;
		gap: 0 !important;
	}
	ul.woocommerce-order-overview li,
	.woocommerce-order-overview li,
	ul.order_details li {
		flex: unset !important;
		min-width: 0 !important;
		border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
		border-bottom: none !important;
	}
	ul.woocommerce-order-overview li:last-child,
	.woocommerce-order-overview li:last-child,
	ul.order_details li:last-child {
		border-right: none !important;
	}
}

/* ============================================================
   v0.116 — Fix : grid overview uniquement, RIB reste flex column
============================================================ */

/* Overview : grid 5 col uniquement (ne matche PAS le RIB) */
@media (min-width: 900px) {
	.woocommerce-order ul.woocommerce-order-overview,
	.woocommerce-order .woocommerce-order-overview {
		display: grid !important;
		grid-template-columns: repeat(5, 1fr) !important;
		grid-template-rows: auto !important;
		gap: 0 !important;
	}
	.woocommerce-order ul.woocommerce-order-overview li,
	.woocommerce-order .woocommerce-order-overview li {
		border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
		border-bottom: none !important;
	}
	.woocommerce-order ul.woocommerce-order-overview li:last-child,
	.woocommerce-order .woocommerce-order-overview li:last-child {
		border-right: none !important;
	}
}

/* RIB : force flex column, écrase toute tentative grid héritée */
.woocommerce-order .woocommerce-bacs-bank-details ul,
.woocommerce-order .woocommerce-bacs-bank-details ul.order_details,
.woocommerce-order .woocommerce-bacs-bank-details ul.bacs_details,
.woocommerce-order .woocommerce-bacs-bank-details ul.wc-bacs-bank-details-account,
.woocommerce-order .wc-bacs-bank-details-account {
	display: flex !important;
	flex-direction: column !important;
	grid-template-columns: none !important;
	gap: 8px !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.woocommerce-order .woocommerce-bacs-bank-details ul li {
	width: 100% !important;
	grid-column: unset !important;
	border: none !important;
}

/* ============================================================
   v0.117 — Overview : flex nowrap forcé (au lieu de grid capricieux)
============================================================ */
@media (min-width: 900px) {
	.woocommerce-order ul.woocommerce-order-overview,
	.woocommerce-order .woocommerce-order-overview,
	.woocommerce-order ul.woocommerce-thankyou-order-details {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		gap: 0 !important;
		grid-template-columns: none !important;
	}
	.woocommerce-order ul.woocommerce-order-overview > li,
	.woocommerce-order .woocommerce-order-overview > li,
	.woocommerce-order ul.woocommerce-thankyou-order-details > li {
		flex: 1 1 0 !important;
		min-width: 0 !important;
		max-width: none !important;
		border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
		border-bottom: none !important;
	}
	.woocommerce-order ul.woocommerce-order-overview > li:last-child,
	.woocommerce-order .woocommerce-order-overview > li:last-child,
	.woocommerce-order ul.woocommerce-thankyou-order-details > li:last-child {
		border-right: none !important;
	}
}

/* ============================================================
   v0.118 — Fix responsive overview + rappel paiement
============================================================ */

/* Overview : nowrap partout, stack uniquement <600px */
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order ul.woocommerce-thankyou-order-details {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 0 !important;
	grid-template-columns: none !important;
}
.woocommerce-order ul.woocommerce-order-overview > li,
.woocommerce-order .woocommerce-order-overview > li,
.woocommerce-order ul.woocommerce-thankyou-order-details > li {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	max-width: none !important;
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-bottom: none !important;
}
.woocommerce-order ul.woocommerce-order-overview > li:last-child,
.woocommerce-order .woocommerce-order-overview > li:last-child,
.woocommerce-order ul.woocommerce-thankyou-order-details > li:last-child {
	border-right: none !important;
}
/* Autoriser le wrap DANS la cellule pour les contenus longs (email) */
.woocommerce-order ul.woocommerce-order-overview li strong,
.woocommerce-order .woocommerce-order-overview li strong {
	overflow-wrap: break-word !important;
	word-break: normal !important;
	white-space: normal !important;
}

/* Mobile (<600px) : stack vertical, une cellule par ligne */
@media (max-width: 599px) {
	.woocommerce-order ul.woocommerce-order-overview,
	.woocommerce-order .woocommerce-order-overview,
	.woocommerce-order ul.woocommerce-thankyou-order-details {
		flex-direction: column !important;
	}
	.woocommerce-order ul.woocommerce-order-overview > li,
	.woocommerce-order .woocommerce-order-overview > li,
	.woocommerce-order ul.woocommerce-thankyou-order-details > li {
		flex-basis: auto !important;
		border-right: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	}
	.woocommerce-order ul.woocommerce-order-overview > li:last-child,
	.woocommerce-order .woocommerce-order-overview > li:last-child,
	.woocommerce-order ul.woocommerce-thankyou-order-details > li:last-child {
		border-bottom: none !important;
	}
}

/* ---------- Bandeau rappel paiement (au-dessus du RIB) ---------- */
.mustangs-payment-reminder {
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	background: rgb(227 3 42 / 15%) !important;
	border: 1px solid rgba(227, 3, 42, 0.6) !important;
	border-radius: 0 !important;
	padding: 14px 18px !important;
	margin: 0 0 16px !important;
	color: #ffffff !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	animation: mustangs-pulse-border 2.4s ease-in-out infinite;
}
.mustangs-payment-reminder__icon {
	flex: 0 0 auto;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #e3032a;
	color: #ffffff;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif;
	font-size: 22px;
	font-weight: 900;
	line-height: 32px;
	text-align: center;
}
.mustangs-payment-reminder__text {
	flex: 1 1 auto;
	line-height: 1.4;
	font-size: 13px;
}
.mustangs-payment-reminder__text strong {
	display: block;
	color: #e3032a;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-size: 12px;
	font-weight: 800;
	margin-bottom: 3px;
}
@keyframes mustangs-pulse-border {
	0%, 100% { border-color: rgba(227, 3, 42, 0.6); box-shadow: 0 0 0 0 rgba(227, 3, 42, 0.2); }
	50%      { border-color: rgba(227, 3, 42, 1);   box-shadow: 0 0 0 4px rgba(227, 3, 42, 0);   }
}

/* ============================================================
   v0.119 — Overview : grid auto-fit responsive (5 cols max, s'adapte)
============================================================ */

/* Grid auto-fit : chaque cellule fait au moins 200px, sinon wrap sur nouvelle ligne
   Le "gap" fait office de séparateur visuel (trick bg-color) */

.woocommerce div.woocommerce-order ul.woocommerce-order-overview > li,
.woocommerce-order ul.woocommerce-order-overview > li,
.woocommerce-order .woocommerce-order-overview > li {
	background-color: #100c08 !important;
	border: none !important;
	flex: unset !important;
	min-width: 0 !important;
	max-width: none !important;
	padding: 10px 16px !important;
}

/* Mobile pur <500px : force 1 colonne */
@media (max-width: 499px) {
	
}

/* ============================================================
   v0.120 — "Merci" repasse en vert (contraste avec RIB + reminder rouges)
============================================================ */
.woocommerce-order > .woocommerce-notice,
.woocommerce-order > p.woocommerce-notice,
.woocommerce-order > .woocommerce-order-received {
	background: rgb(92 181 110 / 10%) !important;
	border: 1px solid rgba(92, 181, 110, 0.5) !important;
	border-radius: 12px !important;
	padding: 36px 28px !important;
	text-align: center !important;
	font-size: 18px !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	margin: 0 !important;
	line-height: 1.5 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 14px !important;
}
.woocommerce-order > .woocommerce-notice::before,
.woocommerce-order > p.woocommerce-notice::before,
.woocommerce-order > .woocommerce-order-received::before {
	content: "\2713" !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 64px !important;
	height: 64px !important;
	border-radius: 50% !important;
	background-color: #5cb56e !important;
	color: #ffffff !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	margin: 0 !important;
}

/* ============================================================
   v0.121 — Overview 5 cols forcées + reminder collé au RIB
============================================================ */

/* Overview : 5 colonnes FORCÉES sur desktop (peu importe la largeur du contenu) */

/* Tablet <800px : 3 colonnes */
@media (max-width: 799px) {
	.woocommerce div.woocommerce-order ul.woocommerce-order-overview,
	.woocommerce-order ul.woocommerce-order-overview,
	.woocommerce-order .woocommerce-order-overview {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

/* Mobile <500px : 1 colonne (stack) */
@media (max-width: 499px) {
	
}

/* Reminder paiement collé au RIB (annule le gap sidebar entre les 2) */

/* ============================================================
   v0.122 — Reset overview + bg #1a1a1a + borders retirées
============================================================ */

/* Fond blocs + suppression bordures */
.woocommerce-order section,
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview,
.woocommerce-order ul.order_details,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-customer-details {
	background-color: #1a1a1a !important;
	border: none !important;
}

/* RIB : retirer bordure du haut (pour ne pas doubler avec le reminder) */
.woocommerce-order .woocommerce-bacs-bank-details {
	border: 1px solid rgba(227, 3, 42, 0.5) !important;
	background: linear-gradient(135deg, rgba(227, 3, 42, 0.18), rgba(227, 3, 42, 0.04)) !important;
	border-top: none !important;
}

/* Reminder : coller pile au RIB */
.mustangs-order__sidebar > .mustangs-payment-reminder {
	margin-bottom: -21px !important;
}

/* ---------- Overview : reset flex nowrap propre ---------- */
.woocommerce div.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order ul.woocommerce-order-overview,
.woocommerce-order .woocommerce-order-overview {
	display: flex !important;
	grid-template-columns: none !important;
	grid-template-rows: auto !important;
	gap: 0 !important;
	background-color: #1a1a1a !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
}
.woocommerce div.woocommerce-order ul.woocommerce-order-overview > li,
.woocommerce-order ul.woocommerce-order-overview > li,
.woocommerce-order .woocommerce-order-overview > li {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	max-width: none !important;
	background-color: transparent !important; /* neutralise le bg individuel du grid */
	border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-bottom: none !important;
	padding: 10px 16px !important;
}
.woocommerce div.woocommerce-order ul.woocommerce-order-overview > li:last-child,
.woocommerce-order ul.woocommerce-order-overview > li:last-child,
.woocommerce-order .woocommerce-order-overview > li:last-child {
	border-right: none !important;
}

/* Mobile <500px : stack vertical */
@media (max-width: 499px) {
	.woocommerce div.woocommerce-order ul.woocommerce-order-overview, .woocommerce-order ul.woocommerce-order-overview, .woocommerce-order .woocommerce-order-overview {
	grid-template-columns: 1fr !important;
	flex-direction: column !important;
}
	.woocommerce-order ul.woocommerce-order-overview > li,
	.woocommerce-order .woocommerce-order-overview > li {
		border-right: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	}
	.woocommerce-order ul.woocommerce-order-overview > li:last-child,
	.woocommerce-order .woocommerce-order-overview > li:last-child {
		border-bottom: none !important;
	}
}

/* ============================================================
   v0.123 — Steps checkout width 98%
============================================================ */

/* ============================================================
   v0.124 — Alignement layout thank-you avec le menu / steps
============================================================ */

/* Assurer que .mfn-checkout-steps est bien centré aussi */
.mfn-checkout-steps {
	display: flex !important;
	align-items: stretch !important;
	gap: 0 !important;
	margin: 0 0 32px !important;
	padding: 0 !important;
	list-style: none !important;
	width: 98% !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ============================================================
   v0.125 — Aligne .woocommerce-order sur le container Betheme
   (steps + menu utilisent un wrapper à max-width 1240px)
============================================================ */

/* ============================================================
   v0.126 — Order area : 100% width, no centering
============================================================ */
.woocommerce-order {
	max-width: 1240px !important;
	margin: 40px 0 60px !important;
	padding: 0 !important;
	color: #ffffff;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	align-items: start;
	width: 98% !important;
	box-sizing: border-box !important;
}

/* ============================================================
   v0.129 — Mon compte : styles visuels ciblés, PAS de layout override
   (le layout est laissé à Betheme pour ne pas casser le header/page)
============================================================ */

/* Sidebar navigation : styling des liens uniquement */

/* Contenu : titre "Mon compte" en Tungsten rouge */

/* Liens dans le contenu en rouge Mustangs */
body.woocommerce-account .woocommerce-MyAccount-content a:not(.button) {
	color: #e3032a !important;
}
body.woocommerce-account .woocommerce-MyAccount-content strong {
	color: #ffffff !important;
}

/* Formulaires : forcer inputs sombres uniformes (fix inputs password blancs) */
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
	border-radius: 0 !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
}
body.woocommerce-account .woocommerce-MyAccount-content label {
	color: rgba(255, 255, 255, 0.85) !important;
}

/* Boutons submit : pill rouge Mustangs */
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content a.button {
	background: #e3032a !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 50px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	text-decoration: none !important;
	padding: 10px 24px !important;
}

/* ============================================================
   v0.130 — Mon compte : stylisation approfondie (sans casser layout)
============================================================ */

/* Contenu principal : cartouche subtil */
body.woocommerce-account .woocommerce-MyAccount-content {
	background: #1a1a1a !important;
	padding: 32px 36px !important;
}

/* Sidebar : cartouche cohérent */
body.woocommerce-account .woocommerce-MyAccount-navigation {
	background: #1a1a1a !important;
	padding: 12px 0 !important;
}

/* Bandeau confirmation email : dark au lieu de blanc */
body.woocommerce-account .woocommerce-Message,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-notices-wrapper > * {
	background: rgba(227, 3, 42, 0.08) !important;
	border: 1px solid rgba(227, 3, 42, 0.4) !important;
	border-left: 4px solid #e3032a !important;
	color: #ffffff !important;
	padding: 16px 22px !important;
	border-radius: 0 !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
}
body.woocommerce-account .woocommerce-Message a,
body.woocommerce-account .woocommerce-message a,
body.woocommerce-account .woocommerce-info a {
	color: #ffffff !important;
	background: #e3032a !important;
	padding: 8px 20px !important;
	border-radius: 50px !important;
	text-decoration: none !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 13px !important;
	display: inline-block !important;
	margin-left: 12px !important;
}

/* Tableau commandes : hover + polish */
body.woocommerce-account .woocommerce-orders-table tbody tr {
	transition: background 0.15s ease !important;
}
body.woocommerce-account .woocommerce-orders-table tbody tr:hover {
	background: rgba(255, 255, 255, 0.03) !important;
}
body.woocommerce-account .woocommerce-orders-table tbody td {
	padding: 18px 12px !important;
}

/* Badges de statut commande */
body.woocommerce-account .woocommerce-orders-table__cell-order-status {
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
	letter-spacing: 0.08em !important;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-status::before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
	background: currentColor;
}
/* Couleurs par statut (via texte contenu) */
body.woocommerce-account .woocommerce-orders-table tr.order-status-on-hold .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table tr.order-status-pending .woocommerce-orders-table__cell-order-status {
	color: #ffb300 !important;
}
body.woocommerce-account .woocommerce-orders-table tr.order-status-processing .woocommerce-orders-table__cell-order-status {
	color: #4fc3f7 !important;
}
body.woocommerce-account .woocommerce-orders-table tr.order-status-completed .woocommerce-orders-table__cell-order-status {
	color: #5cb56e !important;
}
body.woocommerce-account .woocommerce-orders-table tr.order-status-cancelled .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table tr.order-status-refunded .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table tr.order-status-failed .woocommerce-orders-table__cell-order-status {
	color: rgba(255, 255, 255, 0.5) !important;
}

/* Adresses : chaque bloc dans un mini-cartouche */

body.woocommerce-account .woocommerce-Address-title h3,
body.woocommerce-account .woocommerce-Address-title .woocommerce-Address-title-text {
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	color: #e3032a !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	font-style: normal !important;
	margin: 0 0 8px !important;
}
body.woocommerce-account .woocommerce-Address-title .edit {
	color: #ffffff !important;
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	padding: 4px 12px !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	border-radius: 50px !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	display: inline-block !important;
	margin-left: 8px !important;
	transition: background 0.2s ease !important;
}
body.woocommerce-account .woocommerce-Address-title .edit:hover {
	background: #e3032a !important;
	border-color: #e3032a !important;
	color: #ffffff !important;
}

/* Fix Select2 (Pays/Région) en dark */
body.woocommerce-account .select2-container--default .select2-selection--single,
body.woocommerce-account .select2-selection--single {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	border-radius: 0 !important;
	height: 42px !important;
	line-height: 42px !important;
}

body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent !important;
}
/* Dropdown Select2 */
.select2-container--default .select2-dropdown {
	background: #1a1a1a !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
}
.select2-container--default .select2-results__option {
	color: #ffffff !important;
	background: transparent !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #e3032a !important;
	color: #ffffff !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
}

/* Étiquettes de section (Adresse de facturation, etc.) dans le form d'édition */
body.woocommerce-account .woocommerce-address-fields h3 {
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	color: #e3032a !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	font-style: normal !important;
	margin: 0 0 20px !important;
}

/* ============================================================
   v0.131 — Mon compte : menu horizontal (au lieu de sidebar)
============================================================ */

/* Navigation en onglets horizontaux */
body.woocommerce-account .woocommerce-MyAccount-navigation {
	background: #1a1a1a !important;
	padding: 0 !important;
	margin: 0 0 20px !important;
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	display: flex !important;
	flex-wrap: wrap !important;
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
	gap: 0 !important;
}

body.woocommerce-account .woocommerce-MyAccount-navigation-link:last-child {
	border-right: none !important;
}

/* Contenu principal : pleine largeur sous le menu */
body.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	background: #1a1a1a !important;
	padding: 32px 40px !important;
}

/* Responsive mobile : menu wrap plus proprement */
@media (max-width: 767px) {
	
	body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
		padding: 14px 16px !important;
		font-size: 12px !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-content {
		padding: 24px 20px !important;
	}
}

/* ============================================================
   v0.132 — Mon compte : polish additionnel
============================================================ */

/* Titre principal "Mon compte" plus impactant */

/* Sous-titres h3 (Changement mot de passe, etc.) */
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content .password-fieldset legend {
	color: #e3032a !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.04em !important;
	margin: 32px 0 18px !important;
	padding: 0 0 10px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	line-height: 1 !important;
}

/* Adresses : layout 2 colonnes billing/shipping côte à côte */
body.woocommerce-account .u-columns.woocommerce-Addresses,
body.woocommerce-account .woocommerce-Addresses {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 20px !important;
	margin: 20px 0 0 !important;
	float: none !important;
	width: 100% !important;
}
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2,
body.woocommerce-account .woocommerce-Addresses .woocommerce-column,
body.woocommerce-account .woocommerce-Addresses > * {
	width: 100% !important;
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Mobile : stack */
@media (max-width: 767px) {
	body.woocommerce-account .u-columns.woocommerce-Addresses,
	body.woocommerce-account .woocommerce-Addresses {
		grid-template-columns: 1fr !important;
	}
}

/* Masquer les icônes Betheme (📄) qui chevauchent le texte d'adresse */
body.woocommerce-account .woocommerce-Address address .mfn-icon,
body.woocommerce-account .woocommerce-Address address i,
body.woocommerce-account .woocommerce-Address address svg,
body.woocommerce-account .woocommerce-Address address::before {
	display: none !important;
	content: none !important;
}

/* Onglet "Se déconnecter" détaché (action secondaire) */

body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
	color: rgba(255, 255, 255, 0.5) !important;
	font-size: 12px !important;
	padding: 18px 24px !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout:hover a {
	color: #e3032a !important;
	background: transparent !important;
}
/* Retirer l'active state sur logout (jamais actif logiquement) */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout.is-active a {
	background: transparent !important;
	border-bottom-color: transparent !important;
	padding-left: 24px !important;
}

/* Mention champs obligatoires (petit + discret) */
body.woocommerce-account .required,
body.woocommerce-account em.required,
body.woocommerce-account .optional {
	color: #e3032a !important;
	font-style: normal !important;
	font-weight: 700 !important;
	margin-left: 3px !important;
}
body.woocommerce-account .woocommerce-MyAccount-content form::after {
	content: '* champs obligatoires';
	display: block;
	margin-top: 20px;
	font-size: 11px;
	color: rgba(255, 255, 255, 0.4);
	font-style: italic;
	text-align: right;
	clear: both;
}

/* Icônes eye (mot de passe show/hide) : améliorer la visibilité sur fond dark */
body.woocommerce-account .show-password-input,
body.woocommerce-account .hide-password-input {
	color: rgba(255, 255, 255, 0.5) !important;
	opacity: 0.7 !important;
}
body.woocommerce-account .show-password-input:hover,
body.woocommerce-account .hide-password-input:hover {
	opacity: 1 !important;
	color: #e3032a !important;
}

/* Password strength indicator dark */
body.woocommerce-account .password-input {
	position: relative;
}

/* Focus states sur inputs */
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	border-color: #e3032a !important;
	outline: none !important;
	background: rgba(255, 255, 255, 0.06) !important;
}

/* Espacement plus généreux entre les groupes de champs */
body.woocommerce-account .form-row {
	margin-bottom: 20px !important;
}

/* Ligne "N°XXXX" dans le tableau commandes : plus visible */
body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
	color: #e3032a !important;
	font-weight: 800 !important;
	font-size: 15px !important;
	text-decoration: none !important;
	letter-spacing: 0.02em !important;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover {
	text-decoration: underline !important;
}

/* ============================================================
   v0.133 — Menu Mon compte : icône au-dessus du titre (onglets carrés)
============================================================ */

/* Icônes Betheme : plus grosses en layout vertical */
body.woocommerce-account .woocommerce-MyAccount-navigation-link a::before,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a i,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a svg {
	font-size: 22px !important;
	width: 22px !important;
	height: 22px !important;
	line-height: 1 !important;
	margin: 0 !important;
	display: block !important;
}

/* Logout : garde le même layout vertical mais reste discret */
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a {
	padding: 22px 18px !important;
}

/* ============================================================
   v0.134 — Fixes multiples : dashboard cards + menu full-width + adresses grid + banner align + badges statut
============================================================ */

/* ---------- Menu horizontal full-width ---------- */
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
	width: 100% !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link {
	border: none !important;
	background: transparent !important;
	flex: 1 1 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
	margin-top: 0 !important;
	border-top: none !important;
	border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
	flex: 0 0 auto !important;
	margin-left: auto !important;
	border-right: none !important;
}

/* ---------- Banner "Confirmez votre email" aligné verticalement ---------- */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-Message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-notices-wrapper > * {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	flex-wrap: wrap !important;
}

/* ---------- Badges statut : couleurs par classe WC réelle ---------- */
/* WC utilise plusieurs formats de classe : couvrir les 2 */
body.woocommerce-account .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr.order-status-on-hold .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr.order-status-pending .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr[class*="status-on-hold"] .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr[class*="status-pending"] .woocommerce-orders-table__cell-order-status {
	color: #ffb300 !important;
}
body.woocommerce-account .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr.order-status-processing .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr[class*="status-processing"] .woocommerce-orders-table__cell-order-status {
	color: #4fc3f7 !important;
}
body.woocommerce-account .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr.order-status-completed .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr[class*="status-completed"] .woocommerce-orders-table__cell-order-status {
	color: #5cb56e !important;
}
body.woocommerce-account .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr[class*="status-cancelled"] .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr[class*="status-refunded"] .woocommerce-orders-table__cell-order-status,
body.woocommerce-account tr[class*="status-failed"] .woocommerce-orders-table__cell-order-status {
	color: rgba(255, 255, 255, 0.5) !important;
}

/* ---------- Adresses : force 2 cols alignées ---------- */
body.woocommerce-account .u-columns,
body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .col2-set {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 20px !important;
	margin: 20px 0 0 !important;
	width: 100% !important;
	float: none !important;
}
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2,
body.woocommerce-account .col-1,
body.woocommerce-account .col-2,
body.woocommerce-account .woocommerce-Addresses > * {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
}
@media (max-width: 767px) {
	
}

/* ============================================================
   v0.134 — Dashboard cards
============================================================ */

/* Masquer le texte WC par défaut (Bonjour + description) au profit de nos cards */
body.woocommerce-account .woocommerce-MyAccount-content > p:not(.mustangs-dashboard *):not(.woocommerce-message):not(.woocommerce-info) {
	display: none !important;
}
/* Restaurer les <p> à l'intérieur de nos cards */
body.woocommerce-account .mustangs-dashboard p {
	display: block !important;
}

.mustangs-dashboard {
	margin: 0 !important;
}

@media (max-width: 900px) {
	.mustangs-dashboard__cards { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 500px) {
	.mustangs-dashboard__cards { grid-template-columns: 1fr; }
}

.mustangs-dashboard__card-value {
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif;
	font-size: 42px;
	font-weight: 900;
	color: #ffffff;
	line-height: 1;
	letter-spacing: 0.02em;
}
.mustangs-dashboard__card--warning .mustangs-dashboard__card-value { color: #ffb300; }
.mustangs-dashboard__card--success .mustangs-dashboard__card-value { color: #5cb56e; }
.mustangs-dashboard__card--total .mustangs-dashboard__card-value { color: #e3032a; }

.mustangs-dashboard__card-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 700;
	line-height: 1.3;
}

.mustangs-dashboard__actions .button {
	background: #e3032a !important;
	color: #ffffff !important;
	padding: 12px 28px !important;
	border-radius: 50px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: background 0.2s ease !important;
}
.mustangs-dashboard__actions .button--outline {
	background: transparent !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	color: rgba(255, 255, 255, 0.85) !important;
}
.mustangs-dashboard__actions .button:hover {
	background: #b8021f !important;
	color: #ffffff !important;
}
.mustangs-dashboard__actions .button--outline:hover {
	background: #e3032a !important;
	border-color: #e3032a !important;
	color: #ffffff !important;
}

/* ============================================================
   v0.135 — Harmonisation avec thank-you page
============================================================ */

/* Titre "MON COMPTE" : même style que les h2 sections thank-you (Tungsten 30px 900 centré) */

/* Sous-titres h3 : Tungsten centré cohérent (24px pour hiérarchie sous h1) */
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content .password-fieldset legend,
body.woocommerce-account .woocommerce-Address-title h3,
body.woocommerce-account .woocommerce-Address-title .woocommerce-Address-title-text,
body.woocommerce-account .woocommerce-address-fields h3 {
	color: #e3032a !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	text-align: center !important;
	font-style: normal !important;
	margin: 0 0 16px !important;
	padding: 0 0 10px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	line-height: 1.2 !important;
}

/* Adresses : bouton "Modifier" centré sous le titre (harmonisation avec layout thank-you) */
body.woocommerce-account .woocommerce-Address-title {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 16px !important;
}
body.woocommerce-account .woocommerce-Address-title .edit {
	margin: 0 !important;
}
body.woocommerce-account .woocommerce-Address address {
	text-align: center !important;
}

/* Bandeau email confirm : style identique au bloc RIB / reminder de thank-you */

/* Cards dashboard : harmoniser avec les blocs sections thank-you (fond #1a1a1a plus prononcé) */

/* Salutation dashboard : titre "Bonjour [Prénom]" avec style h2 cohérent */

/* Actions dashboard : boutons centrés */

/* Onglet actif : cohérence avec l'indicateur bottom rouge des blocs thank-you */
body.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	color: #ffffff !important;
	background: rgb(227 3 42 / 10%) !important;
	border-left: none !important;
	padding-left: 20px !important;
	border-bottom: 3px solid #e3032a !important;
}

/* Boutons hover cohérents (rouge foncé partout comme thank-you) — scopé Mon compte uniquement */
body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit:hover,
body.woocommerce-account .mustangs-dashboard .button:hover,
body.woocommerce-account .mustangs-dashboard__actions .button:hover {
	background: #b8021f !important;
	border-color: #b8021f !important;
}

/* Bandeau confirm email : icône visuelle cohérente avec reminder RIB thank-you */
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-Message::before {
	content: none !important;
}

/* ============================================================
   v0.136 — Harmonisation complète Mon compte ↔ autres pages
============================================================ */

/* ---------- 1. Menu et contenu : MÊME largeur exacte ---------- */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-content {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
	box-sizing: border-box !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ---------- 2. Boutons : mêmes styles que les autres pages ---------- */
/* Bouton primaire (rouge plein → hover transparent bordure rouge) */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .mustangs-dashboard .button:not(.button--outline),
body.woocommerce-account .mustangs-dashboard__actions .button:not(.button--outline) {
	background: var(--must-red) !important;
	color: #ffffff !important;
	border: 2px solid var(--must-red) !important;
	border-radius: var(--must-radius) !important;
	padding: 14px 28px !important;
	font-weight: 800 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.25s ease !important;
	box-shadow: none !important;
	line-height: 1 !important;
	cursor: pointer !important;
}
body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button:hover,
body.woocommerce-account .mustangs-dashboard .button:hover,
body.woocommerce-account .mustangs-dashboard__actions .button:hover {
	background: transparent !important;
	color: var(--must-red) !important;
	border-color: var(--must-red) !important;
}

/* Bouton outline / secondaire (Modifier adresse, Nouvel engagement) */
body.woocommerce-account .woocommerce-Address-title .edit,
body.woocommerce-account .mustangs-dashboard__actions .button--outline {
	background: transparent !important;
	color: #ffffff !important;
	border: 2px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: var(--must-radius) !important;
	padding: 10px 20px !important;
	font-weight: 700 !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.25s ease !important;
	line-height: 1 !important;
	margin-left: 0 !important;
}
body.woocommerce-account .woocommerce-Address-title .edit:hover,
body.woocommerce-account .mustangs-dashboard__actions .button--outline:hover {
	background: var(--must-red) !important;
	border-color: var(--must-red) !important;
	color: #ffffff !important;
}

/* ---------- 3. Menu onglets : radius 0 + couleurs cohérentes ---------- */
body.woocommerce-account .woocommerce-MyAccount-navigation-link,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	border-radius: 0 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	color: rgba(255, 255, 255, 0.7) !important;
	text-decoration: none !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	padding: 22px 14px !important;
	display: flex !important;
	transition: background 0.2s ease, color 0.2s ease !important;
	line-height: 1.2 !important;
	font-size: 11px !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 10px !important;
	border-left: none !important;
	border-bottom: 3px solid transparent !important;
	white-space: nowrap !important;
	flex-direction: column !important;
	text-align: center !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link:hover a {
	color: #ffffff !important;
	background: rgba(255, 255, 255, 0.04) !important;
}

/* ---------- 4. Module info (bandeau email) : style reminder RIB thank-you ---------- */

/* ---------- 6. Adresses vraiment côte à côte (fix Betheme floats) ---------- */
body.woocommerce-account .u-columns,
body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .col2-set {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	gap: 20px !important;
	width: 100% !important;
	margin: 20px 0 0 !important;
	float: none !important;
	clear: both !important;
}
body.woocommerce-account .u-columns > *,
body.woocommerce-account .woocommerce-Addresses > *,
body.woocommerce-account .col2-set > *,
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2,
body.woocommerce-account .col-1,
body.woocommerce-account .col-2 {
	flex: 1 1 0 !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	clear: none !important;
}
@media (max-width: 767px) {
	body.woocommerce-account .u-columns, body.woocommerce-account .woocommerce-Addresses, body.woocommerce-account .col2-set {
	grid-template-columns: 1fr !important;
	flex-direction: column !important;
}
}

/* ---------- 7. Fields : mêmes styles que checkout ---------- */
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea,
body.woocommerce-account .select2-container--default .select2-selection--single {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.15) !important;
	color: #ffffff !important;
	border-radius: var(--must-radius-sm) !important;
	padding: 12px 16px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
	transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
	box-sizing: border-box !important;
	width: 100% !important;
}
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="number"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	border-color: var(--must-red) !important;
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(227, 3, 42, 0.1) !important;
	background: rgba(255, 255, 255, 0.06) !important;
}
body.woocommerce-account .select2-container--default .select2-selection--single {
	height: 46px !important;
}

/* Labels form-row : uppercase muted comme checkout */
body.woocommerce-account .woocommerce-MyAccount-content label,
body.woocommerce-account .form-row label {
	font-weight: 700 !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	margin-bottom: 6px !important;
	color: rgba(255, 255, 255, 0.85) !important;
	display: block !important;
}

/* ============================================================
   v0.137 — Fixes agressifs Mon compte
============================================================ */

/* 1. Menu : TOUS les onglets same width (incl logout) */
body.woocommerce-account .woocommerce-MyAccount-navigation-link,
body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
	flex: 1 1 0 !important;
	min-width: 0 !important;
}

/* 2. Menu : border-radius 0 partout (agressif) */
body.woocommerce-account .woocommerce-MyAccount-navigation,
body.woocommerce-account .woocommerce-MyAccount-navigation *,
body.woocommerce-account .woocommerce-MyAccount-navigation-link,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a::before,
body.woocommerce-account .woocommerce-MyAccount-navigation-link i,
body.woocommerce-account .woocommerce-MyAccount-navigation-link svg {
	border-radius: 0 !important;
}

/* 3. Icônes menu en BLANC */
body.woocommerce-account .woocommerce-MyAccount-navigation-link a i,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a svg,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a::before,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a img {
	color: #ffffff !important;
	fill: #ffffff !important;
	opacity: 1 !important;
}
body.woocommerce-account .woocommerce-MyAccount-navigation-link a svg path,
body.woocommerce-account .woocommerce-MyAccount-navigation-link a svg * {
	fill: #ffffff !important;
	stroke: #ffffff !important;
}

/* 4. Boutons dashboard : STRICTEMENT pill rouge Mustangs (spécificité max) */
body.woocommerce-account .mustangs-dashboard__actions .button,
body.woocommerce-account .mustangs-dashboard__actions a.button,
body.woocommerce-account .the_content_wrapper .mustangs-dashboard__actions .button {
	display: inline-block !important;
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: 2px solid #e3032a !important;
	border-radius: 50px !important;
	padding: 14px 28px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;
	text-decoration: none !important;
	line-height: 1 !important;
	transition: all 0.25s ease !important;
	box-shadow: none !important;
	cursor: pointer !important;
	white-space: nowrap !important;
}
body.woocommerce-account .mustangs-dashboard__actions .button:hover,
body.woocommerce-account .mustangs-dashboard__actions a.button:hover {
	background: transparent !important;
	background-color: transparent !important;
	color: #e3032a !important;
	border-color: #e3032a !important;
	text-decoration: none !important;
}
/* Bouton outline dashboard */
body.woocommerce-account .mustangs-dashboard__actions .button--outline,
body.woocommerce-account .mustangs-dashboard__actions a.button--outline {
	background: transparent !important;
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
}
body.woocommerce-account .mustangs-dashboard__actions .button--outline:hover,
body.woocommerce-account .mustangs-dashboard__actions a.button--outline:hover {
	background: #e3032a !important;
	background-color: #e3032a !important;
	border-color: #e3032a !important;
	color: #ffffff !important;
}

/* 5. Bandeau info (email confirm) : style plus proche configurateur (compact + icône + bordure rouge subtile) */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-Message,
body.woocommerce-account .woocommerce-info {
	background: rgba(227, 3, 42, 0.08) !important;
	border: 1px solid rgba(227, 3, 42, 0.4) !important;
	border-left: 3px solid #e3032a !important;
	padding: 16px 20px !important;
	margin: 0 0 24px !important;
	display: flex !important;
	align-items: center !important;
	gap: 14px !important;
	color: rgba(255, 255, 255, 0.9) !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	border-radius: 0 !important;
}

/* 6. Adresses : nuclear option pour forcer côte à côte */
body.woocommerce-account .u-columns.woocommerce-Addresses,
body.woocommerce-account .woocommerce-Addresses,
body.woocommerce-account .u-columns,
body.woocommerce-account .col2-set {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 20px !important;
	width: 100% !important;
	max-width: none !important;
	margin: 20px 0 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: both !important;
	list-style: none !important;
}
body.woocommerce-account .woocommerce-Addresses::before,
body.woocommerce-account .woocommerce-Addresses::after,
body.woocommerce-account .u-columns::before,
body.woocommerce-account .u-columns::after,
body.woocommerce-account .col2-set::before,
body.woocommerce-account .col2-set::after {
	content: none !important;
	display: none !important;
}
body.woocommerce-account .woocommerce-Addresses > *,
body.woocommerce-account .u-columns > *,
body.woocommerce-account .col2-set > *,
body.woocommerce-account .u-column1,
body.woocommerce-account .u-column2,
body.woocommerce-account .col-1,
body.woocommerce-account .col-2 {
	grid-column: auto !important;
	grid-row: auto !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	display: block !important;
	clear: none !important;
}

/* ============================================================
   v0.138 — Match style configurateur (bandeau info + fixes)
============================================================ */

/* Bandeau info : style configurateur (dark bg + border-left rouge, PAS d'icône) */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-Message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-notices-wrapper > .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper > .woocommerce-info {
	background: #1a1a1a !important;
	border: none !important;
	border-left: 3px solid #e3032a !important;
	border-radius: 0 !important;
	padding: 18px 24px !important;
	margin: 0 0 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 20px !important;
	color: rgba(255, 255, 255, 0.9) !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.4 !important;
	flex-wrap: wrap !important;
}
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-Message::before,
body.woocommerce-account .woocommerce-info::before {
	content: none !important;
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	flex: 0 0 auto !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 50% !important;
	background: #e3032a !important;
	color: #ffffff !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	margin: 0 !important;
}

/* Menu : border-radius 0 encore plus agressif (couvre les coins arrondis Betheme) */
body.woocommerce-account nav.woocommerce-MyAccount-navigation,
body.woocommerce-account nav.woocommerce-MyAccount-navigation *,
body.woocommerce-account nav.woocommerce-MyAccount-navigation ul,
body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li,
body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a {
	border-radius: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

/* Icônes menu : blanc, plus agressif (couvre tous les cas Betheme) */
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a i,
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a i::before,
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a svg,
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a svg path,
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a [class*="icon-"],
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a [class*="icon-"]::before,
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a [class*="fa-"],
body.woocommerce-account nav.woocommerce-MyAccount-navigation li a [class*="fa-"]::before {
	color: #ffffff !important;
	fill: #ffffff !important;
	stroke: #ffffff !important;
	opacity: 1 !important;
	filter: none !important;
}

/* Cards dashboard : matcher visuel configurateur (fond #1a1a1a subtile bordure) */
.mustangs-dashboard__card {
	background: #1a1a1a !important;
	border-left: 3px solid rgba(255, 255, 255, 0.15) !important;
	padding: 24px 22px !important;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-height: 120px;
	justify-content: center;
}
.mustangs-dashboard__card--warning {
	border-left-color: #ffb300 !important;
}
.mustangs-dashboard__card--success {
	border-left-color: #5cb56e !important;
}
.mustangs-dashboard__card--total {
	border-left-color: #e3032a !important;
}

/* ============================================================
   v0.139 — Fields underline style (match checkout partenariat)
============================================================ */

/* Fields : refonte complète en style "underline" comme le checkout */
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="number"],
body.woocommerce-account .woocommerce-MyAccount-content select,
body.woocommerce-account .woocommerce-MyAccount-content textarea {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: 0 !important;
	padding: 10px 0 12px !important;
	color: #ffffff !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	width: 100% !important;
	box-sizing: border-box !important;
	box-shadow: none !important;
	transition: border-color 0.2s ease !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
body.woocommerce-account .woocommerce-MyAccount-content input[type="text"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="email"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="password"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content input[type="number"]:focus,
body.woocommerce-account .woocommerce-MyAccount-content select:focus,
body.woocommerce-account .woocommerce-MyAccount-content textarea:focus {
	background: transparent !important;
	border-bottom-color: #ffffff !important;
	outline: none !important;
	box-shadow: none !important;
}

/* Select : ajout chevron flèche à droite */
body.woocommerce-account .woocommerce-MyAccount-content select {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
	background-repeat: no-repeat !important;
	background-position: right 4px center !important;
	padding-right: 30px !important;
	cursor: pointer !important;
}

/* Select2 : même style underline */
body.woocommerce-account .select2-container--default .select2-selection--single {
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-radius: 0 !important;
	height: auto !important;
	padding: 10px 30px 12px 0 !important;
	box-shadow: none !important;
}
body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #ffffff !important;
	padding-left: 14px !important;
	line-height: 1.2 !important;
	padding: 0 !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 17px !important;
	font-weight: 700 !important;
}
body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 20px !important;
	top: 12px !important;
	right: 4px !important;
}
body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: rgba(255, 255, 255, 0.6) transparent transparent transparent !important;
}

/* Labels : plus discrets, uppercase small au-dessus */
body.woocommerce-account .woocommerce-MyAccount-content label,
body.woocommerce-account .form-row label {
	display: block !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.1em !important;
	color: rgba(255, 255, 255, 0.5) !important;
	margin-bottom: 6px !important;
	font-weight: 700 !important;
}

/* Placeholder discret */
body.woocommerce-account .woocommerce-MyAccount-content input::placeholder,
body.woocommerce-account .woocommerce-MyAccount-content textarea::placeholder {
	color: rgba(255, 255, 255, 0.3) !important;
	font-weight: 400 !important;
}

/* Retirer notre astérisque rouge trop visible — laisser discret */
body.woocommerce-account .required,
body.woocommerce-account em.required {
	color: rgba(255, 255, 255, 0.4) !important;
	font-weight: 400 !important;
}

/* Espacement form-row plus large */
body.woocommerce-account .form-row {
	margin-bottom: 24px !important;
	padding: 0 !important;
}

/* ============================================================
   v0.139 — Menu : restreindre les règles pour éviter les fuites
============================================================ */
/* Retirer les * wildcard qui peuvent affecter des éléments non-menu */
body.woocommerce-account nav.woocommerce-MyAccount-navigation ul {
	border-radius: 0 !important;
}
/* Ne cibler que les <li> et <a> directs pour border-radius */
body.woocommerce-account nav.woocommerce-MyAccount-navigation > ul > li,
body.woocommerce-account nav.woocommerce-MyAccount-navigation > ul > li > a {
	border-radius: 0 !important;
}

/* ============================================================
   v0.142 — Restore Betheme header + bg #222222
============================================================ */

/* Bg cards + info : #222222 (per Sarah) */
.mustangs-dashboard__card,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-Message {
	background: #222222 !important;
}

/* ============================================================
   Restore styles Betheme header (BILLETTERIE, MENU, réseaux sociaux)
   Les styles Betheme ont été écrasés par mes règles Mon compte trop larges.
   Je re-applique les styles attendus explicitement.
============================================================ */

/* BILLETTERIE : pill rouge plein blanc */
body.woocommerce-account #Header .button,
body.woocommerce-account #Header a.button,
body.woocommerce-account .Header_wrapper .button,
body.woocommerce-account .Header_wrapper a.button,
body.woocommerce-account .action_bar .button,
body.woocommerce-account .action_bar a.button,
body.woocommerce-account .mfn-header .button,
body.woocommerce-account .mfn-header a.button,
body.woocommerce-account .top_bar .button,
body.woocommerce-account .top_bar a.button {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 50px !important;
	padding: 12px 26px !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	text-decoration: none !important;
	display: inline-block !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
}

/* MENU toggle : pill blanc fond, texte noir */
body.woocommerce-account #Header .mfn-menu-toggle,
body.woocommerce-account #Header .menu-toggle,
body.woocommerce-account #Header button[class*="menu-toggle"],
body.woocommerce-account .mfn-header .mfn-menu-toggle,
body.woocommerce-account .mfn-header .menu-toggle,
body.woocommerce-account .Header_wrapper .menu-toggle,
body.woocommerce-account .Header_wrapper button[class*="menu"] {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	border: none !important;
	border-radius: 50px !important;
	padding: 12px 26px !important;
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	text-decoration: none !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 10px !important;
	line-height: 1.2 !important;
	cursor: pointer !important;
}

/* Réseaux sociaux header : icônes rondes rouges */
body.woocommerce-account #Header a[href*="facebook"],
body.woocommerce-account #Header a[href*="instagram"],
body.woocommerce-account #Header a[href*="youtube"],
body.woocommerce-account .Header_wrapper a[href*="facebook"],
body.woocommerce-account .Header_wrapper a[href*="instagram"],
body.woocommerce-account .Header_wrapper a[href*="youtube"],
body.woocommerce-account .mfn-header a[href*="facebook"],
body.woocommerce-account .mfn-header a[href*="instagram"],
body.woocommerce-account .mfn-header a[href*="youtube"],
body.woocommerce-account .action_bar a[href*="facebook"],
body.woocommerce-account .action_bar a[href*="instagram"],
body.woocommerce-account .action_bar a[href*="youtube"] {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border-radius: 50% !important;
	width: 36px !important;
	height: 36px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	font-size: 0 !important;
	padding: 0 !important;
	margin: 0 4px !important;
	line-height: 1 !important;
}
body.woocommerce-account #Header a[href*="facebook"] i,
body.woocommerce-account #Header a[href*="instagram"] i,
body.woocommerce-account #Header a[href*="youtube"] i,
body.woocommerce-account .Header_wrapper a[href*="facebook"] i,
body.woocommerce-account .Header_wrapper a[href*="instagram"] i,
body.woocommerce-account .Header_wrapper a[href*="youtube"] i,
body.woocommerce-account .mfn-header a[href*="facebook"] i,
body.woocommerce-account .mfn-header a[href*="instagram"] i,
body.woocommerce-account .mfn-header a[href*="youtube"] i {
	color: #ffffff !important;
	font-size: 16px !important;
	line-height: 1 !important;
	fill: #ffffff !important;
}

/* Menu principal (Calendrier, Classement, Actualités) : texte blanc uppercase */
body.woocommerce-account #Header nav a,
body.woocommerce-account #Header ul.menu a,
body.woocommerce-account .Header_wrapper nav a,
body.woocommerce-account .mfn-header nav a,
body.woocommerce-account .mfn-main-menu a {
	color: #ffffff !important;
	text-decoration: none !important;
	background: transparent !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
}

/* Footer réseaux sociaux idem */
body.woocommerce-account #Footer a[href*="facebook"],
body.woocommerce-account #Footer a[href*="instagram"],
body.woocommerce-account #Footer a[href*="youtube"] {
	background: #e3032a !important;
	color: #ffffff !important;
	border-radius: 50% !important;
	width: 36px !important;
	height: 36px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	text-decoration: none !important;
	font-size: 0 !important;
}
body.woocommerce-account #Footer a[href*="facebook"] i,
body.woocommerce-account #Footer a[href*="instagram"] i,
body.woocommerce-account #Footer a[href*="youtube"] i {
	color: #ffffff !important;
	font-size: 16px !important;
	line-height: 1 !important;
}

/* ============================================================
   v0.146 — Refonte : boutons style .mcfg-offer-btn + titre dynamique + view-order 2 cols + adresses
============================================================ */

/* ---------- 1. Tous les boutons Mon compte au style .mcfg-offer-btn ---------- */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message a,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message a,
body.woocommerce-account .mustangs-dashboard .button,
body.woocommerce-account .mustangs-dashboard__actions .button {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: 2px solid #e3032a !important;
	padding: 10px 18px !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	border-radius: 50px !important;
	transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1) !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	text-decoration: none !important;
	display: inline-block !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
}
/* Hover style .mcfg-offer-btn : blanc plein, texte rouge */
body.woocommerce-account .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button:hover,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit:hover,
body.woocommerce-account .mustangs-dashboard .button:hover,
body.woocommerce-account .mustangs-dashboard__actions .button:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border-color: #ffffff !important;
}
/* Bouton outline dashboard : hover pareil */
body.woocommerce-account .mustangs-dashboard__actions .button--outline {
	background: transparent !important;
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: rgba(255, 255, 255, 0.4) !important;
}
body.woocommerce-account .mustangs-dashboard__actions .button--outline:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border-color: #ffffff !important;
}

/* ---------- 2. Salutation dashboard : simplifiée + plus élégante ---------- */

/* ---------- 3. Titre dynamique par onglet ---------- */
body.woocommerce-account .woocommerce-MyAccount-content::before {
	content: 'Mon compte';
	display: block;
	color: #e3032a;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif;
	font-size: 30px !important;
	font-weight: 900 !important;
	text-transform: uppercase;
	letter-spacing: 0.05em !important;
	line-height: 1;
	margin: 0 0 22px;
	padding: 0 0 14px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	margin-bottom: 24px !important;
	padding-bottom: 14px !important;
	text-align: center !important;
}
body.mustangs-endpoint-dashboard .woocommerce-MyAccount-content::before {
	content: 'Mon tableau de bord';
}
body.mustangs-endpoint-orders .woocommerce-MyAccount-content::before {
	content: 'Mes commandes';
}
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content::before {
	content: 'Ma commande';
}
body.mustangs-endpoint-edit-address .woocommerce-MyAccount-content::before {
	content: 'Mes adresses';
}
body.mustangs-endpoint-edit-account .woocommerce-MyAccount-content::before {
	content: 'Détails de mon compte';
}

/* ---------- 4. View-order (commande passée) : layout 2 colonnes ---------- */
@media (min-width: 900px) {
	body.mustangs-endpoint-view-order .woocommerce-MyAccount-content {
		display: grid !important;
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
		grid-template-areas:
			"title title"
			"intro intro"
			"details sidebar" !important;
		gap: 24px !important;
		align-items: start !important;
	}
	body.mustangs-endpoint-view-order .woocommerce-MyAccount-content::before {
		grid-column: 1 / -1 !important;
		grid-area: title !important;
	}
	body.mustangs-endpoint-view-order .woocommerce-MyAccount-content > p {
		grid-column: 1 / -1 !important;
		grid-area: intro !important;
	}
	body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .mustangs-order--web {
		grid-column: 1 !important;
		grid-area: details !important;
	}
	body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .mustangs-order__sidebar {
		grid-column: 2 !important;
		grid-area: sidebar !important;
	}
	/* Si pas de sidebar (JS pas encore run) : customer-details va tout de même à droite */
	body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-customer-details {
		grid-column: 2 !important;
	}
}

/* ---------- 5. Blocs adresses plus beaux ---------- */

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 14px !important;
	margin: 0 !important;
	padding: 0 0 18px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ============================================================
   v0.147 — Boutons letter-spacing 0.05em + view-order :has() + salutation
============================================================ */

/* Boutons : letter-spacing 0.05em uniforme + tailles adaptées */
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit,
body.woocommerce-account .mustangs-dashboard .button,
body.woocommerce-account .mustangs-dashboard__actions .button {
	letter-spacing: 0.05em !important;
	font-size: 14px !important;
}

/* Bouton "Modifier adresse" plus compact (dans les cartouches d'adresse) */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
	font-size: 12px !important;
	padding: 8px 16px !important;
}

/* Boutons submit (Enregistrer les modifications, Enregistrer l'adresse) : taille standard */
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"] {
	font-size: 14px !important;
	padding: 12px 22px !important;
}

/* Boutons dashboard actions : légèrement plus grands (call-to-action) */
body.woocommerce-account .mustangs-dashboard__actions .button {
	font-size: 14px !important;
	padding: 12px 24px !important;
}

/* Salutation simplifiée */

.mustangs-dashboard__greeting .mustangs-dashboard__punct {
	color: rgba(255, 255, 255, 0.85) !important;
}

/* View-order layout 2 colonnes via :has() (fallback si body class ne marche pas) */
@media (min-width: 900px) {
	
	.woocommerce-MyAccount-content:has(.mustangs-order--web)::before {
		grid-area: title !important;
		grid-column: 1 / -1 !important;
	}
	.woocommerce-MyAccount-content:has(.mustangs-order--web) > p {
		grid-area: intro !important;
		grid-column: 1 / -1 !important;
	}
	.woocommerce-MyAccount-content:has(.mustangs-order--web) > .mustangs-order--web {
		grid-area: details !important;
		grid-column: 1 !important;
	}
	.woocommerce-MyAccount-content:has(.mustangs-order--web) > .mustangs-order__sidebar,
	.woocommerce-MyAccount-content:has(.mustangs-order--web) > .woocommerce-customer-details {
		grid-area: sidebar !important;
		grid-column: 2 !important;
	}
}

/* ============================================================
   v0.148 — Big greeting + bouton secondaire différencié + orders list + pagination + adresse view-order
============================================================ */

/* ---------- 1. Grand titre salutation style "NOS PARTENAIRES" ---------- */

@media (max-width: 599px) {
	.mustangs-dashboard__greeting .mustangs-dashboard__name {
		font-size: 44px !important;
	}
}

/* ---------- 2. Boutons dashboard : primary rouge + secondary blanc ---------- */
/* "Nouvel engagement" = fond BLANC plein, texte rouge (contraste fort avec Voir mes commandes) */
body.woocommerce-account .mustangs-dashboard__actions .button--outline {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border: 2px solid #ffffff !important;
}
body.woocommerce-account .mustangs-dashboard__actions .button--outline:hover {
	background: transparent !important;
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
}

/* ---------- 3. Liste commandes : textes uniformes + prix bold ---------- */
body.woocommerce-account .woocommerce-orders-table tbody td {
	font-size: 14px !important;
	font-weight: 400 !important;
	color: rgba(255, 255, 255, 0.9) !important;
}
/* N° commande : rouge bold pour rester identifiable */
body.woocommerce-account .woocommerce-orders-table__cell-order-number,
body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
	font-weight: 800 !important;
	font-size: 14px !important;
}
/* Total : bold + blanc */
body.woocommerce-account .woocommerce-orders-table__cell-order-total {
	font-weight: 800 !important;
	color: #ffffff !important;
}
/* Statut : garde son style badge (11px + couleurs) */
body.woocommerce-account .woocommerce-orders-table__cell-order-status {
	font-size: 11px !important;
}

/* ---------- 4. Boutons pagination Suivant/Précédent : outline blanc (différencié) ---------- */
body.woocommerce-account .woocommerce-pagination .button,
body.woocommerce-account .woocommerce-pagination a.button,
body.woocommerce-account .woocommerce-Pagination .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination a,
body.woocommerce-account .woocommerce-MyAccount-content nav.woocommerce-pagination a,
body.woocommerce-account .woocommerce-MyAccount-content nav.woocommerce-pagination .button {
	background: transparent !important;
	background-color: transparent !important;
	color: #ffffff !important;
	border: 2px solid rgba(255, 255, 255, 0.4) !important;
	padding: 10px 20px !important;
	font-size: 13px !important;
	letter-spacing: 0.05em !important;
	border-radius: 50px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1) !important;
	display: inline-block !important;
}
body.woocommerce-account .woocommerce-pagination .button:hover,
body.woocommerce-account .woocommerce-pagination a.button:hover,
body.woocommerce-account .woocommerce-Pagination .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .button:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination a:hover,
body.woocommerce-account .woocommerce-MyAccount-content nav.woocommerce-pagination a:hover {
	background: #ffffff !important;
	color: #e3032a !important;
	border-color: #ffffff !important;
}

/* ---------- 5. Adresse facturation dans view-order : fond propre ---------- */

.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details h2,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details h3,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details .woocommerce-column__title {
	color: #e3032a !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	font-style: normal !important;
	text-align: center !important;
	margin: 0 0 16px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details address {
	color: #ffffff !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.7 !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	font-style: normal !important;
}
/* Wrapper sidebar : pas de padding/border en plus (déjà stylé sur le customer-details) */
.woocommerce-MyAccount-content:has(.mustangs-order--web) .mustangs-order__sidebar {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
}

/* ============================================================
   v0.149 — Grand titre "NOS PARTENAIRES" + boutons distincts + orders list + statut + adresse
============================================================ */

/* ---------- 1. Dashboard : grand titre à gauche + 4 cards à droite ---------- */
@media (min-width: 900px) {
	
	.mustangs-dashboard__greeting {
		grid-area: greeting !important;
	}
	.mustangs-dashboard__cards {
		grid-area: cards !important;
		grid-template-columns: repeat(2, 1fr) !important;
	}
	.mustangs-dashboard__actions {
		grid-area: actions !important;
	}
}

/* Grand titre style "NOS PARTENAIRES" — Tungsten italic big + 2 lignes */

@media (max-width: 899px) {
	
	.mustangs-dashboard__greeting .mustangs-dashboard__hello,
	.mustangs-dashboard__greeting .mustangs-dashboard__name {
		font-size: 52px !important;
	}
}
@media (max-width: 499px) {
	.mustangs-dashboard__greeting .mustangs-dashboard__hello,
	.mustangs-dashboard__greeting .mustangs-dashboard__name {
		font-size: 40px !important;
	}
}

/* ---------- 2. Bouton "Nouvel engagement" fond BLANC (forcing specificity) ---------- */
body.woocommerce-account .mustangs-dashboard__actions a.button.button--outline,
body.woocommerce-account .mustangs-dashboard a.button.button--outline {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border: 2px solid #ffffff !important;
}
body.woocommerce-account .mustangs-dashboard__actions a.button.button--outline:hover,
body.woocommerce-account .mustangs-dashboard a.button.button--outline:hover {
	background: transparent !important;
	background-color: transparent !important;
	color: #ffffff !important;
	border-color: #ffffff !important;
}

/* ---------- 3. Liste commandes : total en gras (forcing specificity multi-selector) ---------- */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-total,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-total,
body.woocommerce-account .woocommerce-MyAccount-content td.order-total,
body.woocommerce-account .woocommerce-MyAccount-content td[class*="order-total"] {
	font-weight: 800 !important;
	color: #ffffff !important;
	font-size: 15px !important;
}

/* État en gras + garde son style badge coloré */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-status,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-status {
	font-weight: 800 !important;
	font-size: 12px !important;
	letter-spacing: 0.08em !important;
	text-transform: uppercase !important;
}

/* ---------- 4. Statut commande sur view-order (badge visible) ---------- */
.woocommerce-MyAccount-content:has(.mustangs-order--web) mark.order-status,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .order-status {
	display: inline-block !important;
	background: rgba(227, 3, 42, 0.15) !important;
	border: 1px solid rgba(227, 3, 42, 0.5) !important;
	color: #ffb300 !important;
	padding: 6px 14px !important;
	border-radius: 50px !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
	font-weight: 800 !important;
	letter-spacing: 0.1em !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	margin: 0 4px !important;
	line-height: 1 !important;
}
/* Intro text : bien visible */
.woocommerce-MyAccount-content:has(.mustangs-order--web) > p {
	color: rgba(255, 255, 255, 0.85) !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
	margin: 0 0 16px !important;
	padding: 16px 20px !important;
	background: rgba(255, 255, 255, 0.03) !important;
	border-left: 3px solid #e3032a !important;
}
.woocommerce-MyAccount-content:has(.mustangs-order--web) > p strong {
	color: #ffffff !important;
	font-weight: 800 !important;
}

/* ---------- 5. Adresse view-order : fond plus foncé + gap plus large ---------- */
@media (min-width: 900px) {
	.woocommerce-MyAccount-content:has(.mustangs-order--web) {
	display: grid !important;
	grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
	grid-template-areas: "title title" "intro intro" "details sidebar" !important;
	align-items: start !important;
	gap: 24px 48px !important;
}
}

/* ============================================================
   v0.150 — Fine-tune dashboard : prénom à cheval, alignement vertical, boutons centrés
============================================================ */

/* ---------- 1. Prénom rouge légèrement à cheval sur "Bonjour" ---------- */
/* Chevauchement vertical subtil : le prénom remonte de ~15% de sa hauteur de ligne */

/* ---------- 2. Desktop : greeting centré verticalement par rapport aux 4 cards ---------- */
/* Nouveau grid : greeting aligné uniquement sur la ligne des cards,
   actions dans la 2e ligne (colonne cards uniquement, cellule gauche vide) */
@media (min-width: 900px) {
	
	.mustangs-dashboard__greeting {
		align-self: center !important; /* centré verticalement / hauteur des cards */
	}
}

/* ---------- 3. Boutons centrés sur le bloc principal (cards) ---------- */
/* La cellule "actions" occupe la même colonne que "cards" → justify-content:center
   centre les deux boutons dans cet axe (donc sous les cards, centré) */

/* ============================================================
   v0.151 — Nouveau style titre BONJOUR + reorder stack vertical + letter-spacing 0
============================================================ */

@media (min-width: 900px) {
	
	.mustangs-dashboard__greeting,
	.mustangs-dashboard__cards,
	.mustangs-dashboard__actions {
		grid-area: auto !important;
	}
	/* Cards reviennent à 4 en ligne */
	.mustangs-dashboard__cards {
		grid-template-columns: repeat(4, 1fr) !important;
	}
}

/* ---------- 2. Ordre : titre → boutons → cards ---------- */
.mustangs-dashboard {
	display: flex !important;
	flex-direction: column !important;
	gap: 32px !important;
}

.mustangs-dashboard__cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	order: 3 !important;
	margin: 0 !important;
}

/* ---------- 3. Titre "BONJOUR SARAH" — Tungsten 90px, line-height 55px, centré ---------- */
.mustangs-dashboard__greeting {
	font-size: initial !important;
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.9) !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	text-align: center !important;
	padding: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	font-weight: 400 !important;
	line-height: 55px !important;
	display: block !important;
	border: none !important;
	order: 1 !important;
}
.mustangs-dashboard__greeting .mustangs-dashboard__hello,
.mustangs-dashboard__greeting .mustangs-dashboard__name {
	display: block !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 90px !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	font-style: normal !important; /* pas d'italic */
	letter-spacing: 0.01em !important;
	line-height: 55px !important;
	margin: 0 !important;
	padding: 0 !important;
}
.mustangs-dashboard__greeting .mustangs-dashboard__hello {
	font-weight: 900 !important;
	display: block !important;
	font-size: 72px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.01em !important;
	color: #ffffff !important;
	margin-bottom: 6px;
	margin: 0 !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	line-height: 0.9 !important;
	font-style: italic !important;
	padding: 0 !important;
}
.mustangs-dashboard__greeting .mustangs-dashboard__name {
	color: #e3032a !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.01em !important;
	margin-left: 6px !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 72px !important;
	display: block !important;
	margin: 0 !important;
	line-height: 0.9 !important;
	font-style: italic !important;
	padding: 0 !important;
	margin-top: -0.18em !important;
}

/* ---------- 4. Actions centrées ---------- */
.mustangs-dashboard__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 20px !important;
	justify-content: center !important;
	align-items: center !important;
	order: 2 !important;
	margin: 0 !important;
}

/* ---------- 5. Boutons dashboard : SUPPRIMER le letter-spacing ---------- */
body.woocommerce-account .mustangs-dashboard__actions .button,
body.woocommerce-account .mustangs-dashboard__actions a.button,
body.woocommerce-account .mustangs-dashboard__actions .button--outline,
body.woocommerce-account .mustangs-dashboard__actions a.button.button--outline,
body.woocommerce-account .mustangs-dashboard .button,
body.woocommerce-account .mustangs-dashboard a.button {
	letter-spacing: 0 !important;
}

/* ---------- 6. Responsive : titre plus petit sur mobile ---------- */
@media (max-width: 899px) {
	.mustangs-dashboard__greeting {
	text-align: center !important;
	margin: 0 0 32px !important;
	padding: 0 0 24px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	line-height: 44px !important;
}
	.mustangs-dashboard__greeting .mustangs-dashboard__hello,
	.mustangs-dashboard__greeting .mustangs-dashboard__name {
		font-size: 72px !important;
		line-height: 44px !important;
	}
}
@media (max-width: 499px) {
	.mustangs-dashboard__greeting {
		line-height: 34px !important;
	}
	.mustangs-dashboard__greeting .mustangs-dashboard__hello,
	.mustangs-dashboard__greeting .mustangs-dashboard__name {
		font-size: 54px !important;
		line-height: 34px !important;
	}
}

/* ============================================================
   v0.152 — Italic titre + retour 2 cols + letter-spacing 0 sur tous les boutons Mon compte
============================================================ */

/* ---------- 1. Italic remis sur le titre ---------- */
.mustangs-dashboard__greeting .mustangs-dashboard__hello,
.mustangs-dashboard__greeting .mustangs-dashboard__name {
	font-style: italic !important;
}

/* ---------- 2. Retour layout 2 colonnes : greeting+actions à gauche, cards à droite ---------- */
@media (min-width: 900px) {
	.mustangs-dashboard {
	display: grid !important;
	flex-direction: unset !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
	grid-template-areas: "greeting cards" "actions cards" !important;
	gap: 24px 48px !important;
	align-items: center !important;
}
	.mustangs-dashboard__greeting {
		grid-area: greeting !important;
		align-self: end !important;    /* bas de sa cellule → colle aux boutons */
		order: unset !important;
	}
	.mustangs-dashboard__actions {
		grid-area: actions !important;
		align-self: start !important;  /* haut de sa cellule → colle au titre */
		order: unset !important;
	}
	.mustangs-dashboard__cards {
		grid-area: cards !important;
		grid-template-columns: repeat(2, 1fr) !important;  /* 2×2 à droite */
		order: unset !important;
	}
}

/* ---------- 3. Letter-spacing 0 sur TOUS les boutons Mon compte ---------- */
body.woocommerce-account .button,
body.woocommerce-account a.button,
body.woocommerce-account button[type="submit"],
body.woocommerce-account input[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content .button,
body.woocommerce-account .woocommerce-MyAccount-content a.button,
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
body.woocommerce-account .mustangs-dashboard .button,
body.woocommerce-account .mustangs-dashboard a.button,
body.woocommerce-account .mustangs-dashboard__actions .button,
body.woocommerce-account .mustangs-dashboard__actions a.button,
body.woocommerce-account .mustangs-dashboard__actions .button--outline,
body.woocommerce-account .mustangs-dashboard__actions a.button.button--outline,
body.woocommerce-account .woocommerce-Address-title .edit,
body.woocommerce-account .woocommerce-pagination .button,
body.woocommerce-account .woocommerce-pagination a.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination a,
body.woocommerce-account .woocommerce-MyAccount-content nav.woocommerce-pagination a {
	letter-spacing: 0 !important;
}

/* ============================================================
   v0.153 — Gap view-order + pagination gauche/droite + strong rouge
============================================================ */

/* ---------- 1. View-order : gap vertical 0 entre récap et adresse ---------- */
@media (min-width: 900px) {
	body.mustangs-endpoint-view-order .woocommerce-MyAccount-content {
		gap: 0 40px !important;
	}
}

/* ---------- 2. Pagination liste commandes : Précédent gauche, Suivant droite ---------- */
body.woocommerce-account .woocommerce-pagination,
body.woocommerce-account .woocommerce-Pagination,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination,
body.woocommerce-account .woocommerce-MyAccount-content nav.woocommerce-pagination {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	gap: 12px !important;
	margin-top: 24px !important;
}
/* Fallback : si seul "Suivant" présent (pas de "Précédent") → poussé à droite */
body.woocommerce-account .woocommerce-pagination .woocommerce-button--next,
body.woocommerce-account .woocommerce-pagination a.woocommerce-Button--next,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-pagination .woocommerce-button--next {
	margin-left: auto !important;
}

/* ---------- 3. <strong> en rouge Mustangs dans tout Mon compte ---------- */
body.woocommerce-account .woocommerce-MyAccount-content strong {
	color: #e3032a !important;
}

/* ============================================================
   v0.154 — Letter-spacing "Voir mes commandes" (fix specificity) + bouton Modifier aligné droite du titre
============================================================ */

body.woocommerce-account .mustangs-dashboard__actions .button:not(.button--outline),
body.woocommerce-account .mustangs-dashboard__actions a.button:not(.button--outline),
body.woocommerce-account .woocommerce-MyAccount-content .button:not(.button--outline),
body.woocommerce-account .woocommerce-MyAccount-content a.button:not(.button--outline),
body.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:not(.button--outline),
body.woocommerce-account .woocommerce-MyAccount-content input[type="submit"]:not(.button--outline) {
	letter-spacing: 0 !important;
}

/* ---------- 2. Page Adresses : titre à gauche, bouton "Modifier" à droite ---------- */

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	text-align: left !important;
	padding: 0 0 18px !important;
	margin: 0 0 20px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
/* Titre H3 à gauche */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title h3,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .woocommerce-Address-title-h3 {
	text-align: left !important;
	margin: 0 !important;
	flex: 1 1 auto !important;
}
/* Bouton "Modifier" à droite, plus compact */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit {
	margin: 0 !important;
	padding: 8px 18px !important;
	font-size: 12px !important;
	flex: 0 0 auto !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address address {
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	line-height: 1.7 !important;
	font-size: 15px !important;
	color: #ffffff !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
	font-style: normal !important;
}

/* ============================================================
   v0.157 — Hover boutons blancs → fond rouge (au lieu de bordure)
============================================================ */

/* Nouvel engagement (dashboard, fond blanc) + Modifier (adresses, transparent + bordure blanche) :
   hover uniforme = FOND ROUGE, texte blanc */
body.woocommerce-account .mustangs-dashboard__actions a.button.button--outline:hover,
body.woocommerce-account .mustangs-dashboard__actions .button--outline:hover,
body.woocommerce-account .mustangs-dashboard a.button.button--outline:hover,
body.woocommerce-account .woocommerce-Address-title .edit:hover,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address-title .edit:hover {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: 2px solid #e3032a !important;
	border-color: #e3032a !important;
}

/* ============================================================
   v0.158 — Fond #222222 sur blocs adresse + border cleanup
============================================================ */

/* ---------- 1. View-order : bloc adresse (customer-details) fond #222222 sans bordure autour ---------- */
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details {
	background: #222222 !important;
	border: none !important;
	border-left: 3px solid #e3032a !important;
	padding: 32px 28px !important;
	margin: 0 !important;
}

/* ---------- 2. Page Mes adresses : bloc .woocommerce-Address fond #222222, border 0, red left ---------- */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
	background: #222222 !important;
	border-left: 3px solid #e3032a !important;
	padding: 32px 32px 28px !important;
	margin-bottom: 16px !important;
	margin: 0 !important;
	height: 100% !important;
	box-sizing: border-box !important;
	border: 0 solid rgba(255, 255, 255, 0.08) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 20px !important;
	text-align: left !important;
	align-items: stretch !important;
}

/* ============================================================
   v0.159 — Bloc RIB sur view-order : styling identique à la thank-you page
============================================================ */

/* Les styles h2 / h3 / li du RIB (lignes 1752, 1776, 1798) sont déjà globaux,
   il ne manque que le bloc-level (border rouge + border-top: none pour se coller à la bannière). */
.mustangs-order__sidebar > .woocommerce-bacs-bank-details,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-bacs-bank-details,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-bacs-bank-details {
	background: transparent !important;
	border: 2px solid #e3032a !important;
	border-top: none !important;   /* colle à la bannière rappel qui est au-dessus */
	border-radius: 0 !important;
	padding: 24px !important;
	margin: 0 !important;
}

/* ============================================================
   v0.160 — RIB stacked list + alignement Modifier + hover + woocommerce-message bg
============================================================ */

/* ---------- 1. Liste RIB stackée (transformée depuis <table> par JS) ---------- */

/* Sécurité si le JS ne transforme pas : reset table pour ne pas casser le layout */

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-bacs-bank-details td,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-bacs-bank-details th {
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-bacs-bank-details strong,
body.woocommerce-account .woocommerce-MyAccount-content .wc-bacs-bank-details-account strong {
	color: #ffffff !important;
}

/* ---------- 2. Adresses : alignement titre / bouton (spécificité renforcée) ---------- */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding: 0 0 18px !important;
	margin: 0 0 20px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	text-align: left !important;
	width: 100% !important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
	text-align: left !important;
	margin: 0 !important;
	padding: 0 !important;
	flex: 1 1 auto !important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit {
	margin: 0 !important;
	flex: 0 0 auto !important;
	padding: 8px 18px !important;
	font-size: 12px !important;
}

/* ---------- 3. Modifier button hover : blanc + rouge (base rouge → hover visible) ---------- */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit:hover,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title .edit:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border: 2px solid #ffffff !important;
	border-color: #ffffff !important;
}

/* ---------- 4. .woocommerce-message fond #222222 ---------- */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-Message {
	background: #222222 !important;
	background-color: #222222 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ============================================================
   v0.161 — RIB stacked list : reprendre le look du recap (un seul gros bloc centré)
============================================================ */

/* Le <ul> devient le gros bloc dark centré (au lieu de mini-boxes séparés) */

/* Chaque item : pas de bordure, centré, label+value stackés avec petit gap */

/* Label : petit uppercase muted centré */

/* Value : blanc bold uppercase centré, plus lisible */

/* ============================================================
   v0.162 — Fallback CSS : transformation table BACS → liste stackée sans dépendance JS
============================================================ */

/* Le <table> devient le gros bloc dark centré */

/* Le thead est caché (les labels sont injectés via ::before sur les td) */

/* tbody + tr en flex colonne pour empiler chaque champ */

/* Chaque td = un bloc label + value centré */

/* Label injecté via ::before selon la classe du td */

/* ============================================================
   v0.163 — RIB : cible la VRAIE structure WC (<ul class="wc-bacs-bank-details"> avec <li>)
============================================================ */

/* Le <ul> devient le gros bloc dark centré */
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul.wc-bacs-bank-details,
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul.bacs_details,
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul {
	list-style: none !important;
	padding: 32px 24px !important;
	margin: 16px 0 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 24px !important;
	background: rgba(255, 255, 255, 0.03) !important;
	border: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-radius: 0 !important;
	text-align: center !important;
}

/* Chaque <li> : flex column ; le texte nu ("Banque: ") s'empile en haut,
   le <strong> (valeur) en bas — le tout centré */
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul li,
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul.wc-bacs-bank-details li,
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul.bacs_details li {
	list-style: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 6px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	text-align: center !important;
	/* Style du label (nœud texte "Banque:") */
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.18em !important;
	color: rgba(255, 255, 255, 0.55) !important;
	font-weight: 700 !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-style: normal !important;
	line-height: 1.3 !important;
}

/* Le <strong> = la valeur : blanc, gras, uppercase, plus grand */
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul li strong,
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul.wc-bacs-bank-details li strong,
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul.bacs_details li strong,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-bacs-bank-details ul li strong {
	display: block !important;
	color: #ffffff !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-style: normal !important;
	line-height: 1.3 !important;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	box-shadow: none !important;
	overflow-wrap: break-word !important;
	word-break: normal !important;
}

/* Intro <p> WC ("La commande n° X a été passée le ... et est actuellement En attente")
   déjà visible sur cette page — on peut styler le mark.order-status en badge */
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content > p mark.order-status,
.woocommerce-MyAccount-content:has(.mustangs-order--web) > p mark.order-status {
	display: inline-block !important;
	background: rgba(227, 3, 42, 0.15) !important;
	color: #e3032a !important;
	padding: 2px 10px !important;
	border-radius: 50px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
	letter-spacing: 0.1em !important;
}

/* ============================================================
   v0.164 — Fix "Voir mes commandes" + legend + descriptions + adresses + RIB uniform
============================================================ */

/* ---------- 1. "Voir mes commandes" : fond rouge + hover blanc (force reset) ---------- */

body.woocommerce-account .mustangs-dashboard__actions .button:not(.button--outline):hover,
body.woocommerce-account .mustangs-dashboard__actions a.button:not(.button--outline):hover,
body.woocommerce-account .mustangs-dashboard a.button:not(.button--outline):hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border: 2px solid #ffffff !important;
	border-color: #ffffff !important;
}

/* ---------- 2. Détails du compte : <legend> uppercase 800 rouge ---------- */
body.woocommerce-account .woocommerce-MyAccount-content fieldset legend,
body.woocommerce-account .woocommerce-MyAccount-content .password-fieldset legend {
	text-transform: uppercase !important;
	font-weight: 800 !important;
	color: #e3032a !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 13px !important;
	letter-spacing: 0.1em !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: none !important;
}

/* ---------- 3. Textes indicatifs sous les fields : margin-top 10px ---------- */
body.woocommerce-account .woocommerce-MyAccount-content .form-row span[id$="_description"],
body.woocommerce-account .woocommerce-MyAccount-content .form-row .description,
body.woocommerce-account .woocommerce-MyAccount-content span[id$="_description"] {
	display: block !important;
	margin-top: 10px !important;
	margin-bottom: 0 !important;
	font-size: 12px !important;
	color: rgba(255, 255, 255, 0.6) !important;
	line-height: 1.4 !important;
}
body.woocommerce-account .woocommerce-MyAccount-content span[id$="_description"] em,
body.woocommerce-account .woocommerce-MyAccount-content .form-row .description em {
	font-style: italic !important;
}

/* ---------- 4. h2 Mon compte : vertical-align middle + margin-bottom 0 ---------- */
body.woocommerce-account .woocommerce-MyAccount-content h2 {
	vertical-align: middle !important;
	margin-bottom: 0 !important;
}

/* ---------- 5. Page Mes adresses : titre à gauche, bouton "Modifier" à droite (full width) ---------- */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address header.woocommerce-Address-title,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .title {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: 100% !important;
	gap: 16px !important;
	text-align: left !important;
	margin: 0 0 20px !important;
	padding: 0 0 18px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .title h2,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .title h3 {
	flex: 1 1 auto !important;
	text-align: left !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .title .edit {
	flex: 0 0 auto !important;
	margin: 0 !important;
}

/* ---------- 6. RIB : border 1px rouge PARTOUT (recap + view-order + drawer) ---------- */
.woocommerce-order .woocommerce-bacs-bank-details,
.mustangs-order__sidebar > .woocommerce-bacs-bank-details,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-bacs-bank-details,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-bacs-bank-details {
	background: #100c08 !important;
	background-color: #100c08 !important;
	border: 1px solid #e3032a !important;
	border-top: none !important; /* colle à la bannière rappel au-dessus */
	padding: 24px !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

/* ---------- 7. RIB h3 (nom du compte "MULHOUSE BASKET…") : uniforme recap + view-order ---------- */
.woocommerce-order .woocommerce-bacs-bank-details h3,
.woocommerce-order .wc-bacs-bank-details-account-name,
.mustangs-order__sidebar .woocommerce-bacs-bank-details h3,
.mustangs-order__sidebar .wc-bacs-bank-details-account-name,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-bacs-bank-details h3,
body.woocommerce-account .woocommerce-MyAccount-content .wc-bacs-bank-details-account-name {
	color: #ffffff !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 22px !important;
	font-weight: 900 !important;
	font-style: italic !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	text-align: center !important;
	margin: 8px 0 20px !important;
	padding: 0 0 14px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	line-height: 1.2 !important;
}

/* ---------- 8. RIB <ul> : transparent (le section a déjà le fond) ---------- */
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul,
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul.wc-bacs-bank-details,
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul.bacs_details {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* ---------- 9. Sous-total HT : margin-bottom si pas de "Vos économies" ---------- */
.mustangs-order__totals:not(:has(.mustangs-order__total-row--savings)) .mustangs-order__total-row:first-child {
	margin-bottom: 15px !important;
}

/* ---------- 10. Items produit : margin bottom 15px ---------- */
.mustangs-order__items {
	margin: 0 0 15px 0 !important;
}

/* ============================================================
   v0.165 — Notices Mon compte : fond #222222 + texte blanc + croix centrée
============================================================ */

/* ---------- 1. Fond #222222 sur toutes les notices Mon compte ---------- */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-Message,
body.woocommerce-account .woocommerce-info,
body.woocommerce-account .woocommerce-notices-wrapper > .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper > .woocommerce-info,
body.woocommerce-account .woocommerce-notices-wrapper .alert_success,
body.woocommerce-account .alert_success {
	background: #222222 !important;
	background-color: #222222 !important;
	border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ---------- 2. Texte blanc dans .alert_success (Betheme wrapper des notices) ---------- */
body.woocommerce-account .alert_success,
body.woocommerce-account .alert_success a,
body.woocommerce-account .alert_success a:hover,
body.woocommerce-account .alert_success a.close .icon,
body.woocommerce-account .alert_success .close,
body.woocommerce-account .alert_success .close i {
	color: #ffffff !important;
}

/* ---------- 3. Croix bien centrée dans son rond ---------- */
body.woocommerce-account .alert_success a.close.mfn-close-icon,
body.woocommerce-account .woocommerce-message a.close.mfn-close-icon,
body.woocommerce-account .woocommerce-info a.close.mfn-close-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	padding: 0 !important;
	text-align: center !important;
}
body.woocommerce-account .alert_success a.close.mfn-close-icon i,
body.woocommerce-account .alert_success a.close.mfn-close-icon .icon,
body.woocommerce-account .woocommerce-message a.close.mfn-close-icon i,
body.woocommerce-account .woocommerce-message a.close.mfn-close-icon .icon {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
	font-size: 12px !important;
}

/* ============================================================
   v0.166 — Border-radius bouton, RIB fond translucide rouge, Adresse comme RIB, h3 recap style, margins
============================================================ */

/* ---------- 2. RIB fond translucide rouge (au lieu de #100c08) ---------- */
.woocommerce-order .woocommerce-bacs-bank-details,
.mustangs-order__sidebar > .woocommerce-bacs-bank-details,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-bacs-bank-details,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-bacs-bank-details {
	background: rgb(227 3 42 / 15%) !important;
	background-color: rgb(227 3 42 / 15%) !important;
}

/* ---------- 3. Adresse de facturation : même CSS que Nos coordonnées bancaires ---------- */
.mustangs-order__sidebar > .woocommerce-customer-details,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-customer-details,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details {
	background: rgb(227 3 42 / 15%) !important;
	background-color: rgb(227 3 42 / 15%) !important;
	border: 1px solid #e3032a !important;
	border-left: 1px solid #e3032a !important; 
	border-radius: 0 !important;
	padding: 24px !important;
}

/* ---------- 4. RIB h3 : Din Pro Condensed 18px normal, sans border-bottom ---------- */
.woocommerce-order .woocommerce-bacs-bank-details h3,
.woocommerce-order .wc-bacs-bank-details-account-name,
.mustangs-order__sidebar .woocommerce-bacs-bank-details h3,
.mustangs-order__sidebar .wc-bacs-bank-details-account-name,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-bacs-bank-details h3,
body.woocommerce-account .woocommerce-MyAccount-content .wc-bacs-bank-details-account-name {
	color: #ffffff !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	letter-spacing: 0.02em !important;
	text-align: center !important;
	margin: 8px 0 0 !important;
	padding: 0 !important;
	border-bottom: 0 solid rgba(255, 255, 255, 0.12) !important;
	border: none !important;
	line-height: 1.2 !important;
}

/* ---------- 5. Prix items : margin-top 0 ---------- */
.mustangs-order__item-prices {
	font-size: 14px;
	margin-top: 0 !important;
}

/* ---------- 6. Liste des réductions : margin bottom 15px ---------- */
.mustangs-order__discounts-list {
	margin: 0 0 15px 0 !important;
}

body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title.title,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address header.woocommerce-Address-title,
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .title {
	gap: 0 !important;
}

/* ============================================================
   v0.167 — Padding "Voir mes commandes" + revert Adresse fond + h2 titre unifié + legend 18px
============================================================ */

/* ---------- 1. "Voir mes commandes" : padding 14px 20px ---------- */
body.woocommerce-account .mustangs-dashboard__actions .button:not(.button--outline),
body.woocommerce-account .mustangs-dashboard__actions a.button:not(.button--outline),
body.woocommerce-account .mustangs-dashboard a.button:not(.button--outline) {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: 2px solid #e3032a !important;
	border-color: #e3032a !important;
	border-radius: 50px !important;
	padding: 14px 20px !important;
}

.mustangs-order__sidebar > .woocommerce-customer-details,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-customer-details,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details {
	background: #222222 !important;
	background-color: #222222 !important;
	border: none !important;
	border-left: 3px solid #e3032a !important;
	border-radius: 0 !important;
	padding: 28px !important;
}

/* ---------- 3. Titre "Adresse de facturation" = même style que "Nos coordonnées bancaires" ---------- */
/* Override du bloc line 5124 qui mettait Tungsten 22px, pour matcher la ligne 1752 (Din Pro 13px small) */
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details h2,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details h3,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details .woocommerce-column__title,
.mustangs-order__sidebar > .woocommerce-customer-details h2,
.mustangs-order__sidebar > .woocommerce-customer-details .woocommerce-column__title,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-customer-details h2,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title {
	color: #e3032a !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 13px !important;
	font-weight: 800 !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	letter-spacing: 0.12em !important;
	text-align: center !important;
	margin: 0 0 18px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	line-height: 1.3 !important;
}

body.woocommerce-account .woocommerce-MyAccount-content fieldset legend,
body.woocommerce-account .woocommerce-MyAccount-content .password-fieldset legend {
	font-size: 18px !important;
}

/* ============================================================
   v0.169 — Responsive Mon compte : nav, orders table, adresses
============================================================ */

/* ---------- 1. Nav Mon compte : wrap correctement en mobile ---------- */
@media (max-width: 767px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation ul {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation-link {
	flex: 0 0 50% !important;
	max-width: 50% !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
	border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}
	body.woocommerce-account .woocommerce-MyAccount-navigation-link:nth-child(2n) {
		border-right: none !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
		padding: 16px 8px !important;
		font-size: 11px !important;
		text-align: center !important;
		line-height: 1.2 !important;
		letter-spacing: 0.05em !important;
	}
}

/* Très petit mobile : 1 seul item par ligne, layout horizontal (icône + label) */
@media (max-width: 420px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation-link {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		border-right: none !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation-link a {
		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;
		gap: 14px !important;
		padding: 14px 20px !important;
		text-align: left !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation-link a::before,
	body.woocommerce-account .woocommerce-MyAccount-navigation-link a i,
	body.woocommerce-account .woocommerce-MyAccount-navigation-link a svg {
		margin: 0 !important;
	}
}

/* ---------- 2. Orders table : layout stacked propre en mobile ---------- */
@media (max-width: 767px) {
	body.woocommerce-account .woocommerce-orders-table {
		display: block !important;
		border: none !important;
	}
	body.woocommerce-account .woocommerce-orders-table thead {
		display: none !important;
	}
	body.woocommerce-account .woocommerce-orders-table tbody {
		display: block !important;
	}
	body.woocommerce-account .woocommerce-orders-table tr {
		display: block !important;
		width: 100% !important;
		margin: 0 0 16px !important;
		padding: 16px !important;
		background: rgba(255, 255, 255, 0.02) !important;
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		border-radius: 0 !important;
	}
	body.woocommerce-account .woocommerce-orders-table td {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 10px 0 !important;
		border: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
		text-align: right !important;
		width: 100% !important;
	}
	body.woocommerce-account .woocommerce-orders-table td:last-child {
		border-bottom: none !important;
	}
	/* Label via data-title (natif WC) : réhabiliter ::before */
	body.woocommerce-account .woocommerce-orders-table td::before {
		content: attr(data-title) !important;
		display: inline-block !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		color: rgba(255, 255, 255, 0.6) !important;
		letter-spacing: 0.05em !important;
		text-align: left !important;
		flex: 0 0 auto !important;
		white-space: normal !important;
		margin: 0 !important;
		width: auto !important;
		height: auto !important;
		background: transparent !important;
		border-radius: 0 !important;
	}
	/* Status : override du badge dot ::before pour montrer le label data-title */
	body.woocommerce-account .woocommerce-orders-table__cell-order-status {
		text-align: right !important;
	}
	body.woocommerce-account .woocommerce-orders-table__cell-order-status::before {
		content: attr(data-title) !important;
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		border-radius: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		vertical-align: baseline !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		color: rgba(255, 255, 255, 0.6) !important;
		letter-spacing: 0.05em !important;
		text-align: left !important;
		flex: 0 0 auto !important;
	}
}

/* ---------- 3. Adresses : 1 colonne mobile + titre stackable ---------- */
@media (max-width: 767px) {
	
	body.woocommerce-account .u-columns.woocommerce-Addresses,
	body.woocommerce-account .woocommerce-Addresses,
	body.woocommerce-account .u-columns,
	body.woocommerce-account .col2-set {
		grid-template-columns: 1fr !important;
	}
	/* Bloc adresse : padding réduit mobile */
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
		padding: 20px !important;
	}
	/* Titre + bouton : stack vertical (titre en haut, bouton en bas full-width) */
	
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2,
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
		text-align: left !important;
		flex: 1 1 auto !important;
		width: 100% !important;
		font-size: 20px !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit {
		align-self: flex-start !important;
	}
}

/* ============================================================
   v0.170 — Recap border mobile + validation checkout tweaks + menu 3 chevron
============================================================ */

/* ---------- 1. Recap : bordure droite (order-overview) retirée en mobile ---------- */
@media (max-width: 767px) {
	ul.woocommerce-order-overview li,
	.woocommerce-order-overview li,
	ul.order_details li,
	ul.woocommerce-order-overview li:nth-child(2n),
	.woocommerce-order-overview li:nth-child(2n) {
		border-right: none !important;
	}
}

/* ---------- 2. Validation checkout : gap 0 sur description + margin-top 0 sur prix unit ---------- */
.wc-block-components-order-summary-item__description {
	margin-left: 0 !important;
	padding-left: 0 !important;
	width: auto !important;
	display: flex !important;
	flex-direction: column !important;
	margin: 0 !important;
	padding: 0 !important;
	position: static !important;
	grid-area: description !important;
	grid-column: 1 !important;
	grid-row: 1 !important;
	gap: 0 !important;
}
.wc-block-components-order-summary-item__individual-prices {
	float: none !important;
	margin: 0 !important;
	padding-right: 120px !important;
	grid-area: prices !important;
	position: static !important;
	padding: 0 !important;
	text-align: left !important;
	grid-column: 1 / -1 !important;
	grid-row: 2 !important;
	margin-top: 0 !important;
}

/* ---------- 3. Chevron "Récapitulatif" (step 3 / dernier) : padding uniformisé ---------- */
/* Aligne le padding-left du dernier chevron entre validation (checkout) et récap (order-received) */

/* ============================================================
   v0.171 — Margin greeting -25px + menu 3 chevron 26px + responsive orders table étendu
============================================================ */

/* ---------- 1. Prénom : margin-top -25px absolu ---------- */
.mustangs-dashboard__greeting .mustangs-dashboard__name {
	margin-top: -25px !important;
}

/* ---------- 3. Orders table responsive : étendre à tablette (900px) + safety anti-char-stack ---------- */
@media (max-width: 900px) {
	body.woocommerce-account .woocommerce-orders-table {
		display: block !important;
		border: none !important;
	}
	body.woocommerce-account .woocommerce-orders-table thead {
		display: none !important;
	}
	body.woocommerce-account .woocommerce-orders-table tbody {
		display: block !important;
	}
	body.woocommerce-account .woocommerce-orders-table tr {
		display: block !important;
		width: 100% !important;
		margin: 0 0 16px !important;
		padding: 16px !important;
		background: rgba(255, 255, 255, 0.02) !important;
		border: 1px solid rgba(255, 255, 255, 0.08) !important;
		border-radius: 0 !important;
	}
	body.woocommerce-account .woocommerce-orders-table td {
		display: flex !important;
		justify-content: space-between !important;
		align-items: center !important;
		gap: 12px !important;
		padding: 10px 0 !important;
		border: none !important;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
		text-align: right !important;
		width: 100% !important;
	}
	body.woocommerce-account .woocommerce-orders-table td:last-child {
		border-bottom: none !important;
	}
	/* Label ::before : anti char-stack (nowrap + width mini) */
	body.woocommerce-account .woocommerce-orders-table td::before {
		content: attr(data-title) !important;
		display: inline-block !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		color: rgba(255, 255, 255, 0.6) !important;
		letter-spacing: 0.05em !important;
		text-align: left !important;
		flex: 0 0 auto !important;
		white-space: nowrap !important;   /* empêche le "T A T" letter-stack */
		margin: 0 !important;
		width: auto !important;
		min-width: 60px !important;
		height: auto !important;
		background: transparent !important;
		border-radius: 0 !important;
	}
	body.woocommerce-account .woocommerce-orders-table__cell-order-status {
		text-align: right !important;
	}
	
	body.woocommerce-account .woocommerce-orders-table__cell-order-status::before {
		content: attr(data-title) !important;
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		border-radius: 0 !important;
		margin: 0 !important;
		background: transparent !important;
		vertical-align: baseline !important;
		font-size: 11px !important;
		font-weight: 700 !important;
		text-transform: uppercase !important;
		color: rgba(255, 255, 255, 0.6) !important;
		letter-spacing: 0.05em !important;
		text-align: left !important;
		white-space: nowrap !important;
		min-width: 60px !important;
		flex: 0 0 auto !important;
	}
}

/* ============================================================
   v0.172 — Titres RIB + Adresse unifiés (30px Tungsten) + menu 3 chevron 52px
============================================================ */

/* ---------- 1. Titres "Nos coordonnées bancaires" + "Adresse de facturation" : même style ---------- */
/* Recap + view-order + Mon compte : Tungsten 30px 900 rouge centré uppercase */
.woocommerce-order .wc-bacs-bank-details-heading,
.woocommerce-order .woocommerce-bacs-bank-details h2,
.woocommerce-order .woocommerce-customer-details h2,
.woocommerce-order .woocommerce-column__title,
.mustangs-order__sidebar .wc-bacs-bank-details-heading,
.mustangs-order__sidebar .woocommerce-bacs-bank-details h2,
.mustangs-order__sidebar .woocommerce-customer-details h2,
.mustangs-order__sidebar .woocommerce-column__title,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .wc-bacs-bank-details-heading,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-bacs-bank-details h2,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-customer-details h2,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-column__title,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-bacs-bank-details h2,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-customer-details h2,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details h2,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details .woocommerce-column__title {
	color: #e3032a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 30px !important;
	font-weight: 900 !important;
	margin: 0 0 18px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	text-align: center !important;
	line-height: 1.3 !important;
	font-style: normal !important;
}

/* ---------- 2. Menu 3 chevron : revert à padding-left 52px (le 26px cachait le "3") ---------- */
.woocommerce-checkout .mfn-checkout-steps li:last-child:not(:first-child), .woocommerce-order-received .mfn-checkout-steps li:last-child:not(:first-child), .woocommerce-order .mfn-checkout-steps li:last-child:not(:first-child), body.woocommerce-checkout .mfn-checkout-steps li:nth-child(3), body.woocommerce-order-received .mfn-checkout-steps li:nth-child(3), body.woocommerce-order .mfn-checkout-steps li:nth-child(3) {
	padding-left: 52px !important;
	padding-right: 26px !important;
}

/* ============================================================
   v0.176 — Revert v0.173/v0.174/v0.175 (grid + basis 0 cassaient le clip-path chevron)
============================================================ */

/* ============================================================
   v0.177 — Chevron 3 margin-left 0 + width 100% container + border-radius 0 + padding mobile 20px
============================================================ */

/* ---------- 1. Chevron 3 sur validation : margin-left 0 ---------- */
body.woocommerce-checkout .mfn-checkout-steps li:last-child:not(:first-child),
body.woocommerce-checkout .mfn-checkout-steps li:nth-child(3) {
	margin-left: 0 !important;
}

/* ---------- 2. Container stepper : width 100% ---------- */
.mfn-checkout-steps {
	width: 100% !important;
}

/* ---------- 3. Recap : container width 100% + border-radius 0 sur notices ---------- */
.woocommerce-order {
	width: 100% !important;
}
.woocommerce-order > .woocommerce-notice,
.woocommerce-order > p.woocommerce-notice,
.woocommerce-order > .woocommerce-order-received {
	border-radius: 0 !important;
}

/* ---------- 4. Mobile : padding-left 20px sur chevron 3 (au lieu de 52px) ---------- */
@media (max-width: 700px) {
	.woocommerce-checkout .mfn-checkout-steps li:last-child:not(:first-child),
	.woocommerce-order-received .mfn-checkout-steps li:last-child:not(:first-child),
	.woocommerce-order .mfn-checkout-steps li:last-child:not(:first-child),
	body.woocommerce-checkout .mfn-checkout-steps li:nth-child(3),
	body.woocommerce-order-received .mfn-checkout-steps li:nth-child(3),
	body.woocommerce-order .mfn-checkout-steps li:nth-child(3) {
		padding-left: 20px !important;
	}
}

/* ============================================================
   v0.178 — Chevron 3 margin-left -22px (recap) + reset margin sur last-active
============================================================ */

/* ---------- 1. Chevron 3 : margin-left -22px pour combler l'encoche du clip-path ---------- */
/* Applied on the 3 contexts (validation, recap, view-order) — Sarah's CSS ciblait
   .woocommerce-checkout mais le besoin décrit est la page récap, alors on couvre les 2 */
body.woocommerce-checkout .mfn-checkout-steps li:last-child:not(:first-child),
body.woocommerce-checkout .mfn-checkout-steps li:nth-child(3),
body.woocommerce-order-received .mfn-checkout-steps li:last-child:not(:first-child),
body.woocommerce-order-received .mfn-checkout-steps li:nth-child(3),
body.woocommerce-order .mfn-checkout-steps li:last-child:not(:first-child),
body.woocommerce-order .mfn-checkout-steps li:nth-child(3) {
	margin-left: -22px !important;
}

/* ---------- 2. Reset margin sur l'étape en cours (last active) ---------- */
.mfn-checkout-steps li.active:not(:has(+ .active)) {
	margin: 0 !important;
}

/* ============================================================
   v0.179 — Chevron 1 margin-right -22px (validation) + mobile chevron 3 margin-left 0
============================================================ */

/* ---------- 1. Chevron 1 sur validation : margin-right -22px pour overlap ---------- */
body.woocommerce-checkout .mfn-checkout-steps li:first-child {
	margin-right: -22px !important;
}

@media (max-width: 767px) {
	body.woocommerce-checkout .mfn-checkout-steps li:last-child:not(:first-child),
	body.woocommerce-checkout .mfn-checkout-steps li:nth-child(3),
	body.woocommerce-order-received .mfn-checkout-steps li:last-child:not(:first-child),
	body.woocommerce-order-received .mfn-checkout-steps li:nth-child(3),
	body.woocommerce-order .mfn-checkout-steps li:last-child:not(:first-child),
	body.woocommerce-order .mfn-checkout-steps li:nth-child(3) {
		margin-left: 0 !important;
	}
}

/* ============================================================
   v0.180 — Chevron 1 margin-right 0 sur mobile (override v0.179)
============================================================ */
@media (max-width: 767px) {
	body.woocommerce-checkout .mfn-checkout-steps li:first-child {
		margin-right: 0 !important;
	}
}

/* ============================================================
   v0.181 — Recap page : chevron 2 actif fond #1a1a1a
============================================================ */
body.woocommerce-order-received .mfn-checkout-steps li.active:nth-child(2),
body.woocommerce-order .mfn-checkout-steps li.active:nth-child(2) {
	background: #1a1a1a !important;
}

/* ============================================================
   v0.182 — Overlap uniforme des chevrons au dessus de 700px
============================================================ */

/* Tous les chevrons non-last : margin-right -22px pour combler l'encoche du suivant.
   Étend le v0.179 (qui ne visait que .woocommerce-checkout li:first-child) aux 3
   contextes et à tous les chevrons non-last (chevron 1 ET chevron 2). */
@media (min-width: 701px) {
	body.woocommerce-checkout .mfn-checkout-steps li:not(:last-child),
	body.woocommerce-order-received .mfn-checkout-steps li:not(:last-child),
	body.woocommerce-order .mfn-checkout-steps li:not(:last-child) {
		margin-right: -22px !important;
	}
}

/* ============================================================
   v0.183 — Force padding 52px chevron 3 au-dessus 700px + unifier largeur stepper/contenu recap
============================================================ */

/* ---------- 1. Force padding-left 52px sur chevron 3 au-dessus de 700px ---------- */
@media (min-width: 701px) {
	.woocommerce-checkout .mfn-checkout-steps li:last-child:not(:first-child),
	.woocommerce-order-received .mfn-checkout-steps li:last-child:not(:first-child),
	.woocommerce-order .mfn-checkout-steps li:last-child:not(:first-child),
	body.woocommerce-checkout .mfn-checkout-steps li:nth-child(3),
	body.woocommerce-order-received .mfn-checkout-steps li:nth-child(3),
	body.woocommerce-order .mfn-checkout-steps li:nth-child(3) {
		padding-left: 52px !important;
	}
}

/* ---------- 2. Recap : stepper aligné en largeur avec le contenu de la page ---------- */
/* Le stepper est dans un mcb-wrap Betheme qui a une largeur inférieure à .woocommerce-order.
   On force les wrappers Muffin Builder à prendre 100% pour que le stepper corresponde. */
body.woocommerce-order-received .mcb-wrap:has(.mfn-checkout-steps),
body.woocommerce-order-received .mcb-column:has(.mfn-checkout-steps),
body.woocommerce-order-received .mcb-item-columns-inner:has(.mfn-checkout-steps),
body.woocommerce-order .mcb-wrap:has(.mfn-checkout-steps),
body.woocommerce-order .mcb-column:has(.mfn-checkout-steps),
body.woocommerce-order .mcb-item-columns-inner:has(.mfn-checkout-steps) {
	max-width: none !important;
	width: 100% !important;
}
body.woocommerce-order-received .mfn-checkout-steps,
body.woocommerce-order .mfn-checkout-steps {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

/* ============================================================
   v0.184 — Force padding chevron 3 avec spécificité maximale
============================================================ */
/* html body prefix + double class hack = spécificité renforcée pour battre toute
   règle Betheme qui pourrait cacher le padding-left 52px sur validation checkout */
@media (min-width: 701px) {
	html body.woocommerce-checkout .mfn-checkout-steps li:last-child:not(:first-child),
	html body.woocommerce-checkout .mfn-checkout-steps li:nth-child(3),
	html body.woocommerce-order-received .mfn-checkout-steps li:last-child:not(:first-child),
	html body.woocommerce-order-received .mfn-checkout-steps li:nth-child(3),
	html body.woocommerce-order .mfn-checkout-steps li:last-child:not(:first-child),
	html body.woocommerce-order .mfn-checkout-steps li:nth-child(3) {
		padding-left: 52px !important;
		padding-right: 26px !important;
	}
}

/* ============================================================
   v0.185 — Validation : chevron 2 (actif courant, non last-child) sans margin-right -22px
============================================================ */
/* Sur validation, mon v0.182 mettait margin-right -22px sur tous les non-last chevrons
   (incluant chevron 2 actif). Chevron 2 étant l'étape courante ne doit PAS overlapper
   sur chevron 3. On cible spécifiquement le last-active (chevron 2 sur validation)
   qui n'est pas le last-child. */
@media (min-width: 769px) {
	body.woocommerce-checkout .mfn-checkout-steps li.active:not(:has(+ .active)):not(:last-child) {
		margin-right: 0 !important;
	}
}

/* ============================================================
   v0.187 — Recap : border-right retiré ≤500px + titre "Commande n°" unifié avec les autres
============================================================ */

/* ---------- 1. ≤500px : border-right retirée sur order-overview li ---------- */
@media (max-width: 499px) {
	.woocommerce div.woocommerce-order ul.woocommerce-order-overview > li,
	.woocommerce-order ul.woocommerce-order-overview > li,
	.woocommerce-order .woocommerce-order-overview > li {
		border-right: 0 solid rgba(255, 255, 255, 0.1) !important;
	}
}

/* ---------- 2. Titre "Commande n°XXXX" : même style que "Nos coordonnées" et "Adresse de facturation" ---------- */

.woocommerce-order .mustangs-order__title,
.mustangs-order .mustangs-order__title,
body.woocommerce-order-received .mustangs-order__title,
body.woocommerce-order .mustangs-order__title {
	color: #e3032a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 30px !important;
	font-weight: 900 !important;
	margin: 0 0 18px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	text-align: center !important;
	line-height: 1.3 !important;
	font-style: normal !important;
}
/* Le <span> de date à l'intérieur reste discret (pas hérité du bold rouge) */
.woocommerce-order .mustangs-order__title .mustangs-order__date,
.mustangs-order .mustangs-order__title .mustangs-order__date {
	color: rgba(255, 255, 255, 0.55) !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	margin-left: 8px !important;
	vertical-align: middle !important;
}

/* ============================================================
   v0.188 — Titre "Adresse de facturation" (customer-details) : style demandé par Sarah
============================================================ */
.woocommerce .woocommerce-customer-details .woocommerce-column__title {
	color: #e3032a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 30px !important;
	font-weight: 900 !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	text-align: center !important;
	line-height: 1.3 !important;
	font-style: normal !important;
}

/* ============================================================
   v0.189 — Dashboard mobile : margin-top -5px sur prénom + logout sans border-right
============================================================ */

/* ---------- 1. Prénom : margin-top -5px sur tablette/mobile (au lieu de -25px) ---------- */
@media (max-width: 900px) {
	.mustangs-dashboard__greeting .mustangs-dashboard__name {
		margin-top: -5px !important;
	}
}

/* ---------- 2. Mobile : nav logout sans border-right ---------- */
@media (max-width: 767px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
		border-right: none !important;
	}
}

/* ============================================================
   v0.190 — Mobile : logout sans border-left
============================================================ */
@media (max-width: 767px) {
	body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
		border-left: none !important;
	}
}

/* ============================================================
   v0.191 — Mobile nav : dashboard 100%, autres 50%, logout sans border-bottom
============================================================ */
@media (max-width: 767px) {
	/* Dashboard (1er item) : 100% pleine largeur */
	body.woocommerce-account .woocommerce-MyAccount-navigation-link:first-child {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		border-right: none !important;
	}
	/* Autres items (Commandes / Adresses / Détails / Logout) : 50% chacun */
	body.woocommerce-account .woocommerce-MyAccount-navigation-link:not(:first-child) {
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
	/* Border-right : items impairs (dashboard, Adresses, Logout) = fin de ligne, pas de border-right */
	body.woocommerce-account .woocommerce-MyAccount-navigation-link:nth-child(odd) {
		border-right: none !important;
	}
	body.woocommerce-account .woocommerce-MyAccount-navigation-link:nth-child(even) {
		border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
	}
	/* Logout : pas de border-bottom (dernier item, ligne pleine sans séparateur bas) */
	body.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout {
		border-bottom: none !important;
	}
}

/* ============================================================
   v0.192 — Mobile nav : détails du compte sans border-bottom non plus (dernière ligne)
============================================================ */
@media (max-width: 767px) {
	/* Détails du compte (avant-dernier item, dernière ligne avec Logout) : pas de border-bottom */
	body.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account,
	body.woocommerce-account .woocommerce-MyAccount-navigation-link:nth-last-child(2) {
		border-bottom: none !important;
	}
}

/* ============================================================
   v0.193 — Dashboard : fix largeur cards à 900-1100px (value cassait caractère par caractère)
============================================================ */

/* Empêche le browser de casser "19 360,88 €" caractère par caractère quand la card est étroite */
.mustangs-dashboard__card-value {
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	white-space: nowrap !important;
}

/* Font-size réduit sur viewport tablette-desktop étroit (900-1100)
   où le layout 2 cols met les 4 cards à ~250px chacune → trop juste pour 42px Tungsten */
@media (min-width: 900px) and (max-width: 1100px) {
	.mustangs-dashboard__card-value {
		font-size: 30px !important;
	}
}

/* ============================================================
   v0.194 — Revert notice info à rouge + force affichage numéro commande mobile
============================================================ */

/* ---------- 1. Notice email confirmation (.woocommerce-info) : retour au fond rouge ---------- */

/* ---------- 2. Mobile : force affichage numéro commande dans la liste ---------- */
@media (max-width: 900px) {
	body.woocommerce-account .woocommerce-orders-table__cell-order-number {
		display: flex !important;
		visibility: visible !important;
	}
	
	/* Force le ::before label même si data-title vide */
	
}

/* ============================================================
   v0.195 — Notice info : border-left seul + colonne commande blanc + label "Commande"
============================================================ */

/* ---------- 1. Notice info : garde uniquement le border-left rouge, retire l'entoure ---------- */
body.woocommerce-account .woocommerce-info, body.woocommerce-account .woocommerce-notices-wrapper > .woocommerce-info {
	background: rgba(227, 3, 42, 0.08) !important;
	background-color: rgba(227, 3, 42, 0.08) !important;
	border: none !important;
	border-left: 4px solid #e3032a !important;
}

/* ---------- 2. Mobile : label "Commande" + numéro en blanc ---------- */
@media (max-width: 900px) {
	body.woocommerce-account .woocommerce-orders-table__cell-order-number::before {
	content: "Commande" !important;
}
	body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
	display: inline-block !important;
	visibility: visible !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	font-size: 15px !important;
}
}

/* ============================================================
   v0.196 — Notice success (message/alert_success) : fond vert translucide + border-left vert
============================================================ */

body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-Message,
body.woocommerce-account .woocommerce-notices-wrapper > .woocommerce-message,
body.woocommerce-account .woocommerce-notices-wrapper .alert_success,
body.woocommerce-account .alert_success {
	background: rgba(92, 181, 110, 0.08) !important;
	background-color: rgba(92, 181, 110, 0.08) !important;
	border: none !important;
	border-left: 4px solid #5cb56e !important;
}

/* ============================================================
   v0.197 — Retire margin-left sur liens notices + close vert sur success
============================================================ */

/* ---------- 1. Retire le margin-left: 12px sur les <a> dans les notices ---------- */
body.woocommerce-account .woocommerce-Message a,
body.woocommerce-account .woocommerce-message a,
body.woocommerce-account .woocommerce-info a {
	margin-left: 0 !important;
}

/* ---------- 2. Bouton close vert sur les notices success (alert_success) ---------- */

/* ============================================================
   v0.198 — Alignement label "Commande" et N°XXXX (baseline)
============================================================ */
@media (max-width: 900px) {
	body.woocommerce-account .woocommerce-orders-table__cell-order-number {
		align-items: baseline !important;
	}
	
}

/* ============================================================
   v0.199 — Bouton close success : border vert aussi
============================================================ */
body.woocommerce-account .alert_success a.close.mfn-close-icon, body.woocommerce-account .woocommerce-message.alert_success a.close.mfn-close-icon {
	background: #5cb56e !important;
	background-color: #5cb56e !important;
	border-color: #5cb56e !important;
}

/* ============================================================
   v0.200 — Cellule numéro commande : label et valeur unifiés à 15px + margin-right 5px
============================================================ */
@media (max-width: 900px) {
	body.woocommerce-account .woocommerce-orders-table__cell-order-number::before, body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
	line-height: 1 !important;
	font-size: 15px !important;
	margin-right: 5px !important;
}
}

/* ============================================================
   v0.201 — CSS validation checkout intégré depuis le côté Sarah
   (repris tel quel + !important ajouté pour battre Betheme)
============================================================ */

/* GLOBAL */
.mfn-cart-step {
	padding: 180px 0 10px !important;
}

/* FORM */
.wc-block-checkout__form--with-step-numbers .wc-block-components-checkout-step--with-step-number .wc-block-components-checkout-step__title::before {
	color: #E3032A !important;
}

.wc-block-components-title.wc-block-components-title {
	font-weight: 900 !important;
	font-size: 40px !important;
	text-transform: uppercase !important;
	color: #fff !important;
}

.mfn-checkout-steps li .mfn-step-number {
	font-weight: 800 !important;
}

/* Inputs : bordure underline seule */
.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url],
.wc-blocks-components-select .wc-blocks-components-select__select {
	border-radius: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
	font-size: 18px !important;
}

/* Labels uppercase */
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label,
.has-dark-controls .wc-blocks-components-select .wc-blocks-components-select__label {
	text-transform: uppercase !important;
}

/* Notice banner transparent (erreurs de validation, etc.) */
.wc-block-components-notice-banner,
.wc-block-components-notice-banner.is-error {
	background: transparent !important;
	border-radius: 0 !important;
	color: #fff !important;
}

/* Checkbox round */
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
	border-radius: 100% !important;
}

/* Bouton alt hover : fond blanc + texte rouge */
button.alt:hover,
input[type="button"].alt:hover,
input[type="reset"].alt:hover,
input[type="submit"].alt:hover,
.button.alt:hover,
.widget-area .widget a.button.alt:hover,
.added_to_cart:hover,
.widget a.button.checkout:hover,
.wc-block-components-button:not(.is-link):hover,
.wc-block-components-button:not(.is-link):focus,
.wc-block-components-button:not(.is-link):active {
	background-color: #fff !important;
	color: #e3032a !important;
}

/* Radio option cochée : bordure rouge, pas d'ombre, pas de radius */
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	border-radius: 0 !important;
	box-shadow: none !important;
	border: 1px solid #e3032a !important;
}

/* Radio labels uppercase 800 */
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__label,
.wc-block-components-radio-control__secondary-description,
.wc-block-components-radio-control__secondary-label {
	text-transform: uppercase !important;
	font-weight: 800 !important;
	font-size: 16px !important;
}
.wc-block-components-radio-control-accordion-content {
	font-size: 16px !important;
}

/* Bouton "Commander" + bouton "Appliquer code promo" */
.wc-block-checkout__actions .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button--full-width,
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
	text-transform: uppercase !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: 0.05em !important;
	cursor: pointer !important;
	font-family: "Din Pro Condensed", sans-serif !important;
	padding: 10px 18px !important;
	border-radius: 50px !important;
}

/* Totals footer (Total TTC) */
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-weight: 900 !important;
	text-transform: uppercase !important;
}

/* Titre "Résumé de la commande" */
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
	font-weight: 800 !important;
	text-transform: uppercase !important;
}

/* Wrapper résumé commande */
.wp-block-woocommerce-checkout-order-summary-block {
	border-radius: 0 !important;
}
.wc-block-components-checkout-order-summary__content {
	font-size: 16px !important;
}
.wp-block-woocommerce-checkout-order-summary-taxes-block.wc-block-components-totals-wrapper {
	padding: 10px 0 0 0 !important;
}

/* ============================================================
   v0.202 — View-order customer-details : override v0.167 avec le style unifié Tungsten 30px
============================================================ */
/* v0.167 mettait 13px Din Pro (petit style) sur customer-details h2/h3 view-order.
   Override avec le style large Tungsten 30px pour matcher "Nos coordonnées bancaires"
   et "Adresse de facturation" partout. */
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details h2,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details h3,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-customer-details .woocommerce-column__title,
.mustangs-order__sidebar > .woocommerce-customer-details h2,
.mustangs-order__sidebar > .woocommerce-customer-details .woocommerce-column__title,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-customer-details h2,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-customer-details .woocommerce-column__title {
	color: #e3032a !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	font-size: 30px !important;
	font-weight: 900 !important;
	margin: 0 0 18px !important;
	padding: 0 0 12px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	font-family: 'Tungsten Condensed', 'Helvetica Neue', sans-serif !important;
	text-align: center !important;
	line-height: 1.3 !important;
	font-style: normal !important;
}

/* ============================================================
   v0.203 — RIB : même style que "Adresse de facturation" (#222222 + border-left 3px rouge)
============================================================ */
.woocommerce-order .woocommerce-bacs-bank-details,
.mustangs-order__sidebar > .woocommerce-bacs-bank-details,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-bacs-bank-details,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-bacs-bank-details {
	background: #222222 !important;
	background-color: #222222 !important;
	border: none !important;
	border-left: 3px solid #e3032a !important;
	border-radius: 0 !important;
	padding: 28px !important;
}

/* ============================================================
   v0.204 — Bannière "En attente" : margin 0 (gap du sidebar flex fait le job)
============================================================ */
.mustangs-order__sidebar > .mustangs-payment-reminder,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .mustangs-payment-reminder,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .mustangs-payment-reminder,
.woocommerce-order .mustangs-payment-reminder {
	margin: 0 !important;
}

/* ============================================================
   v0.206 — RIB : retire l'espace sous le dernier <li> (padding-bottom du section)
============================================================ */

.woocommerce-order .woocommerce-bacs-bank-details,
.mustangs-order__sidebar > .woocommerce-bacs-bank-details,
body.mustangs-endpoint-view-order .woocommerce-MyAccount-content .woocommerce-bacs-bank-details,
.woocommerce-MyAccount-content:has(.mustangs-order--web) .woocommerce-bacs-bank-details {
	padding-bottom: 0 !important;
}
/* Sécurité : dernier <li> sans margin-bottom */
.mustangs-order__sidebar .woocommerce-bacs-bank-details ul li:last-child {
	margin-bottom: 0 !important;
}

/* ============================================================
   v0.207 — Responsive view-order < 900px : reorder (RIB → order-details → adresse) + gap
============================================================ */
/* Utilise display: contents pour "aplatir" le sidebar sur mobile, puis order property
   pour repositionner l'adresse APRÈS le récap commande.
   Le gap 20px du flex column crée automatiquement une marge entre chaque bloc. */
@media (max-width: 899px) {
	.woocommerce-MyAccount-content:has(.mustangs-order--web),
	body.mustangs-endpoint-view-order .woocommerce-MyAccount-content {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
	}
	/* Sidebar disparaît en tant que boîte : ses enfants passent direct au parent flex */
	.mustangs-order__sidebar {
		display: contents !important;
	}
	/* Récap commande vient AVANT l'adresse (order 5) */
	.woocommerce-MyAccount-content > .mustangs-order--web {
		order: 5 !important;
	}
	/* Adresse de facturation pousée en fin (order 10) */
	.mustangs-order__sidebar > .woocommerce-customer-details,
	.woocommerce-MyAccount-content .woocommerce-customer-details {
		order: 10 !important;
	}
	/* Bannière et RIB gardent leur ordre naturel (0) → apparaissent en 1er et 2e */
}

/* ============================================================
   v0.208 — Fix FOUC recap : cache banner/RIB/adresse jusqu'au wrap JS
============================================================ */
/* Avant que le JS ne wrap ces éléments dans .mustangs-order__sidebar, ils sont direct-child
   de .woocommerce-order (état non-stylé chaotique). Une fois wrappés, ils ne matchent plus
   ce sélecteur → deviennent visibles automatiquement.
   Safety : animation à 1s qui force opacity 1 si JS n'a pas tourné (fallback pas de contenu caché) */
.woocommerce-order > .mustangs-payment-reminder,
.woocommerce-order > .woocommerce-bacs-bank-details,
.woocommerce-order > .woocommerce-customer-details,
.woocommerce-order > .mustangs-order,
.woocommerce-order > .mustangs-order--web {
	opacity: 0;
	animation: mustangs-fouc-safety-recap 0s ease 1s forwards;
}
@keyframes mustangs-fouc-safety-recap {
	to { opacity: 1; }
}
/* Une fois wrappés, ils sont dans .mustangs-order__sidebar → force opacity 1 immédiate */
.woocommerce-order .mustangs-order__sidebar,
.woocommerce-order .mustangs-order__sidebar > *,
.mustangs-order__sidebar > .mustangs-payment-reminder,
.mustangs-order__sidebar > .woocommerce-bacs-bank-details,
.mustangs-order__sidebar > .woocommerce-customer-details {
	opacity: 1 !important;
	animation: none !important;
}

/* Idem pour view-order (Mon compte) où le wrap JS aussi peut causer un flash */
.woocommerce-MyAccount-content > .mustangs-payment-reminder,
.woocommerce-MyAccount-content > .woocommerce-bacs-bank-details,
.woocommerce-MyAccount-content > .woocommerce-customer-details {
	opacity: 0;
	animation: mustangs-fouc-safety-view 0s ease 1s forwards;
}
@keyframes mustangs-fouc-safety-view {
	to { opacity: 1; }
}

/* ============================================================
   v0.209 — Adresses border-left + titre+bouton même ligne + FOUC recap plus agressif
============================================================ */

/* ---------- 1. Blocs adresse : restaurer border-left rouge 3px ---------- */
body.woocommerce-account .woocommerce-Addresses .woocommerce-Address {
	background: #222222 !important;
	border: 0 solid rgba(255, 255, 255, 0.08) !important;
	border-left: 3px solid #e3032a !important;
}

/* ---------- 2. Adresses : titre + bouton "Modifier" sur MÊME ligne (même en mobile) ---------- */

@media (max-width: 767px) {
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title, body.woocommerce-account .woocommerce-Addresses .woocommerce-Address header.woocommerce-Address-title, body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .title {
	padding: 0 0 16px !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 12px !important;
}
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h2,
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
		width: auto !important;
		flex: 1 1 auto !important;
	}
	body.woocommerce-account .woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title .edit {
		align-self: center !important;
		flex: 0 0 auto !important;
	}
}

/* ---------- 3. FOUC recap : cache TOUT .woocommerce-order jusqu'au wrap ---------- */

.woocommerce-order:not(:has(.mustangs-order__sidebar)) {
	opacity: 0 !important;
	animation: mustangs-fouc-safety-order 0.01s ease 0.6s forwards !important;
}
@keyframes mustangs-fouc-safety-order {
	to { opacity: 1 !important; }
}
.woocommerce-order:has(.mustangs-order__sidebar) {
	opacity: 1 !important;
	animation: none !important;
}

/* ============================================================
   v0.210 — Détails compte : legend fieldset stylé comme un titre Tungsten
============================================================ */
body.woocommerce-account .woocommerce-MyAccount-content fieldset legend,
body.woocommerce-account .woocommerce-MyAccount-content .password-fieldset legend {
	text-transform: uppercase !important;
	font-weight: 800 !important;
	color: #e3032a !important;
	font-family: 'Tungsten Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif !important;
	font-size: 150% !important;
	letter-spacing: 0.05em !important;
	line-height: 1.3 !important;
	font-style: oblique !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: none !important;
	/* Anti-cascade Betheme : neutralise le skew hérité des h1/h2/h3 s'il coule sur le legend */
	transform: none !important;
}

/* ============================================================
   v0.213 — Page login/register non connecté : harmonisation avec le reste du site
============================================================ */

/* ---------- Layout : gap propre entre les 2 colonnes ---------- */
.woocommerce #customer_login.u-columns {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 60px !important;
	margin: 0 auto !important;
}
@media (max-width: 767px) {
	.woocommerce #customer_login.u-columns {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
	}
}
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}

/* ---------- Titres "Se connecter" / "S'inscrire" (déjà rouge italic Tungsten via cascade) ---------- */
.woocommerce #customer_login h2 {
	margin: 0 0 24px !important;
	padding: 0 0 14px !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* ---------- Labels des form-row : uppercase + subtle ---------- */
.woocommerce .woocommerce-form-login label,
.woocommerce .woocommerce-form-register label {
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: rgba(255, 255, 255, 0.7) !important;
	margin-bottom: 6px !important;
	display: block !important;
}

/* ---------- Inputs : underline seule (comme checkout) ---------- */
.woocommerce .woocommerce-form-login input[type="text"],
.woocommerce .woocommerce-form-login input[type="password"],
.woocommerce .woocommerce-form-login input[type="email"],
.woocommerce .woocommerce-form-register input[type="text"],
.woocommerce .woocommerce-form-register input[type="password"],
.woocommerce .woocommerce-form-register input[type="email"] {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	padding: 10px 0 !important;
	width: 100% !important;
	box-shadow: none !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
}
.woocommerce .woocommerce-form-login input:focus,
.woocommerce .woocommerce-form-register input:focus {
	border-bottom-color: #e3032a !important;
	outline: none !important;
}

/* ---------- Champ password : bouton "afficher" positionné correctement ---------- */
.woocommerce .password-input {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}
.woocommerce .password-input .show-password-input {
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: transparent !important;
	border: none !important;
	color: rgba(255, 255, 255, 0.5) !important;
	cursor: pointer !important;
}

/* ---------- Checkbox "Se souvenir de moi" : arrondie + couleurs ---------- */
.woocommerce .woocommerce-form__label-for-checkbox {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	cursor: pointer !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: rgba(255, 255, 255, 0.7) !important;
	font-weight: 700 !important;
}
.woocommerce .woocommerce-form__input-checkbox {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 16px !important;
	height: 16px !important;
	border: 2px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 50% !important;
	background: transparent !important;
	cursor: pointer !important;
	margin: 0 !important;
}
.woocommerce .woocommerce-form__input-checkbox:checked {
	background: #e3032a !important;
	border-color: #e3032a !important;
}

/* ---------- Boutons "Se connecter" / "S'inscrire" : style bouton rouge principal ---------- */
.woocommerce .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register__submit,
.woocommerce button.woocommerce-form-login__submit,
.woocommerce button.woocommerce-form-register__submit,
.woocommerce button[name="login"],
.woocommerce button[name="register"] {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: 2px solid #e3032a !important;
	border-radius: 50px !important;
	padding: 14px 32px !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
	font-size: 14px !important;
	letter-spacing: 0.05em !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	display: inline-block !important;
	margin-top: 12px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
.woocommerce .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-register__submit:hover,
.woocommerce button[name="login"]:hover,
.woocommerce button[name="register"]:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border-color: #ffffff !important;
}

/* ---------- Lien "Mot de passe perdu ?" ---------- */
.woocommerce .woocommerce-LostPassword {
	margin-top: 24px !important;
	text-align: left !important;
}
.woocommerce .woocommerce-LostPassword a {
	color: #e3032a !important;
	text-decoration: none !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}
.woocommerce .woocommerce-LostPassword a:hover {
	text-decoration: underline !important;
}

/* ---------- Texte "Un lien permettant..." + politique confidentialité ---------- */
.woocommerce .woocommerce-form-register p,
.woocommerce .woocommerce-privacy-policy-text p {
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	margin: 14px 0 !important;
}
.woocommerce .woocommerce-privacy-policy-text a,
.woocommerce .woocommerce-privacy-policy-link {
	color: #e3032a !important;
	text-decoration: none !important;
}
.woocommerce .woocommerce-privacy-policy-text a:hover {
	text-decoration: underline !important;
}

/* ---------- Espacements form-row ---------- */
.woocommerce .woocommerce-form-login .form-row,
.woocommerce .woocommerce-form-register .form-row {
	margin: 0 0 20px !important;
	padding: 0 !important;
}

/* ============================================================
   v0.214 — Login/register : underlines fields + boutons style Mustangs + fond modules
============================================================ */

/* ---------- 1. Modules "Se connecter" / "S'inscrire" : fond dark + border-left rouge ---------- */
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
	background: #222222 !important;
	border-left: 3px solid #e3032a !important;
	padding: 32px 32px 40px !important;
}

.woocommerce #customer_login input[type="text"],
.woocommerce #customer_login input[type="password"],
.woocommerce #customer_login input[type="email"],
.woocommerce .woocommerce-form-login input.woocommerce-Input,
.woocommerce .woocommerce-form-register input.woocommerce-Input,
.woocommerce .woocommerce-form-login .input-text,
.woocommerce .woocommerce-form-register .input-text {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	padding: 10px 0 !important;
	width: 100% !important;
	box-shadow: none !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
}
.woocommerce #customer_login input:focus {
	border-bottom-color: #e3032a !important;
	outline: none !important;
}

/* ---------- 3. Bouton "S'inscrire" : ROUGE plein (comme Valider commande) ---------- */
.woocommerce .woocommerce-form-register__submit,
.woocommerce button.woocommerce-form-register__submit,
.woocommerce button[name="register"] {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: 2px solid #e3032a !important;
	border-radius: 50px !important;
	padding: 14px 32px !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
	font-size: 16px !important;
	letter-spacing: 0.05em !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	display: block !important;
	width: 100% !important;
	margin-top: 20px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
.woocommerce .woocommerce-form-register__submit:hover,
.woocommerce button[name="register"]:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border-color: #ffffff !important;
}

/* ---------- 4. Bouton "Se connecter" : BLANC outline (comme Nouvel engagement) ---------- */
.woocommerce .woocommerce-form-login__submit,
.woocommerce button.woocommerce-form-login__submit,
.woocommerce button[name="login"] {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border: 2px solid #ffffff !important;
	border-radius: 50px !important;
	padding: 14px 32px !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
	font-size: 16px !important;
	letter-spacing: 0.05em !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	display: block !important;
	width: 100% !important;
	margin-top: 20px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
.woocommerce .woocommerce-form-login__submit:hover,
.woocommerce button[name="login"]:hover {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border-color: #e3032a !important;
}

/* ============================================================
   v0.215 — Login/register : alignement boutons + checkbox visible + tailles boutons
============================================================ */

/* ---------- 1. Colonnes en flex column pour aligner les boutons en bas ---------- */
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
	display: flex !important;
	flex-direction: column !important;
}
.woocommerce-form-login,
.woocommerce-form-register {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	height: 100% !important;
}
/* Push la form-row qui contient le bouton submit tout en bas de la colonne */
.woocommerce-form-login .form-row:has(button[name="login"]),
.woocommerce-form-register .form-row:has(button[name="register"]) {
	margin-top: auto !important;
}

/* ---------- 2. Checkbox "Se souvenir de moi" : visible + design propre ---------- */
.woocommerce .woocommerce-form-login__rememberme {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	cursor: pointer !important;
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	color: rgba(255, 255, 255, 0.7) !important;
	font-weight: 700 !important;
	margin: 4px 0 !important;
}
.woocommerce .woocommerce-form-login__rememberme .woocommerce-form__input-checkbox {
	appearance: none !important;
	-webkit-appearance: none !important;
	width: 18px !important;
	height: 18px !important;
	min-width: 18px !important;
	border: 2px solid rgba(255, 255, 255, 0.5) !important;
	border-radius: 50% !important;
	background: transparent !important;
	cursor: pointer !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	flex: 0 0 18px !important;
	display: inline-block !important;
	vertical-align: middle !important;
	opacity: 1 !important;
	visibility: visible !important;
}
.woocommerce .woocommerce-form-login__rememberme .woocommerce-form__input-checkbox:checked {
	background: #e3032a !important;
	border-color: #e3032a !important;
}
.woocommerce .woocommerce-form-login__rememberme .woocommerce-form__input-checkbox:checked::after {
	content: "" !important;
	position: absolute !important;
	left: 3px !important;
	top: 0 !important;
	width: 5px !important;
	height: 10px !important;
	border: solid #ffffff !important;
	border-width: 0 2px 2px 0 !important;
	transform: rotate(45deg) !important;
}

/* ---------- 3. Boutons : nouvelles tailles (padding 10x18, letter-spacing 0.18em) ---------- */
.woocommerce .woocommerce-form-login__submit,
.woocommerce button.woocommerce-form-login__submit,
.woocommerce button[name="login"],
.woocommerce .woocommerce-form-register__submit,
.woocommerce button.woocommerce-form-register__submit,
.woocommerce button[name="register"] {
	padding: 10px 18px !important;
	font-size: 16px !important;
	font-weight: 800 !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase !important;
	font-family: 'Din Pro Condensed', sans-serif !important;
}

/* ============================================================
   v0.216 — Login page : icône afficher mot de passe visible + bordure droite retirée
============================================================ */

/* ---------- 1. Icône "afficher mot de passe" en blanc (filter invert du dark icon Betheme) ---------- */
.woocommerce .show-password-input,
.woocommerce .password-input .show-password-input {
	filter: invert(1) !important;
	opacity: 0.7 !important;
}
.woocommerce .show-password-input:hover {
	opacity: 1 !important;
}
.woocommerce .show-password-input.display-password {
	opacity: 1 !important;
}

/* ---------- 2. Retire la bordure droite sur le module "Se connecter" ---------- */
.woocommerce #customer_login .u-column1 {
	border-right: none !important;
}

/* ============================================================
   v0.216 — Login : icône show-password visible + border-right retirée sur modules
============================================================ */

/* ---------- 1. Icône "afficher mot de passe" en blanc (par défaut noire, invisible sur dark) ---------- */
.woocommerce .password-input .show-password-input {
	color: rgba(255, 255, 255, 0.6) !important;
	filter: invert(1) !important;
	opacity: 0.6 !important;
}
.woocommerce .password-input .show-password-input:hover {
	opacity: 1 !important;
}
.woocommerce .password-input .show-password-input::before,
.woocommerce .password-input .show-password-input::after {
	color: rgba(255, 255, 255, 0.6) !important;
}

/* ---------- 2. Modules login/register : uniquement border-left rouge (autres retirées) ---------- */
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
	border-top: none !important;
	border-right: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

/* ============================================================
   v0.216 — Login page : icone password blanche + no border-right + gap checkbox + alignement boutons
============================================================ */

/* ---------- 1. Icone "afficher/masquer mot de passe" en blanc ---------- */
.woocommerce .show-password-input,
.woocommerce .show-password-input::after,
.woocommerce .show-password-input::before {
	color: rgba(255, 255, 255, 0.6) !important;
	opacity: 1 !important;
}
.woocommerce .show-password-input.display-password,
.woocommerce .show-password-input.display-password::after {
	color: #e3032a !important;
}
/* Fallback si l'icone utilise un SVG background : filter invert */
.woocommerce .show-password-input {
	filter: brightness(0) invert(1) opacity(0.7) !important;
}
.woocommerce .show-password-input.display-password {
	filter: none !important;
	color: #e3032a !important;
}

/* ---------- 2. Se connecter module : pas de bordure à droite (juste le border-left rouge) ---------- */
.woocommerce #customer_login .u-column1,
.woocommerce #customer_login .u-column2 {
	border-right: none !important;
	border-top: none !important;
	border-bottom: none !important;
	box-shadow: none !important;
}

/* ---------- 3. Checkbox "Se souvenir de moi" : gap plus grand ---------- */
.woocommerce .woocommerce-form-login__rememberme {
	gap: 16px !important;
}

/* ---------- 4. Alignement boutons horizontal ---------- */
/* Login : reorder pour que "Mot de passe perdu?" soit AVANT le bouton
   → bouton pushé tout en bas via margin-top: auto, aligné avec S'inscrire */
.woocommerce-form-login .woocommerce-LostPassword {
	order: 5 !important;
	margin: 0 !important;
}
.woocommerce-form-login .form-row:has(button[name="login"]) {
	order: 10 !important;
	margin-top: auto !important;
	margin-bottom: 0 !important;
}
/* Register : bouton déjà last, on force mt: auto pour cohérence */
.woocommerce-form-register .form-row:has(button[name="register"]) {
	margin-top: auto !important;
	margin-bottom: 0 !important;
}

/* ============================================================
   v0.222 — Page "Mot de passe perdu" + "Réinitialiser le mot de passe"
   Même traitement que le module Inscription (v0.213/214) :
   carte sombre à liseré rouge, labels uppercase, inputs underline,
   bouton rouge plein pleine largeur.
   Couvre les 2 étapes : formulaire email (lost) et formulaire
   nouveau mot de passe (reset, via lien reçu par email).
============================================================ */

/* ---------- Carte : fond dark + border-left rouge, centrée ---------- */
.woocommerce form.woocommerce-ResetPassword,
.woocommerce form.lost_reset_password {
	background: #222222 !important;
	border-left: 3px solid #e3032a !important;
	padding: 32px 32px 40px !important;
	max-width: 560px !important;
	margin: 0 auto !important;
}

/* ---------- Texte d'intro "Vous avez perdu votre mot de passe ?..." ---------- */
.woocommerce form.lost_reset_password > p:first-child {
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 14px !important;
	line-height: 1.5 !important;
	margin: 0 0 24px !important;
}

/* ---------- Labels : uppercase + subtle ---------- */
.woocommerce form.lost_reset_password label {
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	color: rgba(255, 255, 255, 0.7) !important;
	margin-bottom: 6px !important;
	display: block !important;
}

/* ---------- Inputs : underline seule ---------- */
.woocommerce form.lost_reset_password input[type="text"],
.woocommerce form.lost_reset_password input[type="email"],
.woocommerce form.lost_reset_password input[type="password"],
.woocommerce form.lost_reset_password input.woocommerce-Input,
.woocommerce form.lost_reset_password .input-text {
	background: transparent !important;
	background-color: transparent !important;
	border: 0 !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 0 !important;
	color: #ffffff !important;
	font-size: 16px !important;
	padding: 10px 0 !important;
	width: 100% !important;
	box-shadow: none !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
}
.woocommerce form.lost_reset_password input:focus {
	border-bottom-color: #e3032a !important;
	outline: none !important;
}

/* ---------- Espacements form-row (layout 1 colonne, on neutralise le first/last WC) ---------- */
.woocommerce form.lost_reset_password .form-row,
.woocommerce form.lost_reset_password .form-row-first,
.woocommerce form.lost_reset_password .form-row-last {
	width: 100% !important;
	float: none !important;
	margin: 0 0 20px !important;
	padding: 0 !important;
}

/* ---------- Bouton "Réinitialiser le mot de passe" : rouge plein pleine largeur ---------- */
.woocommerce form.lost_reset_password button[type="submit"],
.woocommerce form.lost_reset_password button.woocommerce-Button,
.woocommerce button[name="wc_reset_password"] {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: 2px solid #e3032a !important;
	border-radius: 50px !important;
	padding: 14px 32px !important;
	text-transform: uppercase !important;
	font-weight: 800 !important;
	font-size: 16px !important;
	letter-spacing: 0.05em !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	cursor: pointer !important;
	transition: all 0.2s ease !important;
	display: block !important;
	width: 100% !important;
	margin-top: 20px !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
.woocommerce form.lost_reset_password button[type="submit"]:hover,
.woocommerce button[name="wc_reset_password"]:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border-color: #ffffff !important;
}

/* ---------- Bouton "afficher le mot de passe" (étape reset) ---------- */
.woocommerce form.lost_reset_password .password-input {
	position: relative !important;
	display: block !important;
	width: 100% !important;
}
.woocommerce form.lost_reset_password .show-password-input {
	position: absolute !important;
	right: 0 !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background: transparent !important;
	border: none !important;
	color: rgba(255, 255, 255, 0.5) !important;
	cursor: pointer !important;
}

@media (max-width: 767px) {
	.woocommerce form.woocommerce-ResetPassword,
	.woocommerce form.lost_reset_password {
		padding: 24px 20px 32px !important;
	}
}

/* ============================================================
   v0.291 — Fix sidebar Betheme au-dessus du bouton sticky-cta
   Le bouton sticky Mustangs est à z-index 999998 → la sidebar
   doit être au-dessus pour ne pas être masquée.
   ============================================================ */
.mfn-sidemenu-tmpl,
body .mfn-sidemenu-tmpl,
body.mfn-be-sidemenu .mfn-sidemenu-tmpl {
	z-index: 1000002 !important;
}

/* ============================================================
   v0.290 — Mobile : bouton d'action Mustangs sticky en bas d'écran
   Bouton CLONE ajouté par JS (assets/js/sticky-cta.js), même style
   que le bouton "Mon partenariat" du configurateur (.mcfg-cart-trigger).
   Le bouton original dans le flow n'est pas modifié.
   ============================================================ */
.mustangs-sticky-cta {
	display: none;
}
@media (max-width: 768px) {
	.mustangs-sticky-cta {
		display: flex;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		width: 100%;
		background: #e3032a;
		color: #ffffff;
		border: 0;
		border-radius: 0;
		padding: 16px 18px;
		font-family: 'Din Pro Condensed', sans-serif;
		font-size: 15px;
		font-weight: 800;
		text-transform: uppercase;
		letter-spacing: 0.14em;
		cursor: pointer;
		z-index: 999998;
		align-items: center;
		justify-content: center;
		gap: 12px;
		box-shadow: none;
		transition: all 0.25s ease;
		text-align: center;
		text-decoration: none;
	}
	.mustangs-sticky-cta:hover,
	.mustangs-sticky-cta:focus {
		background: #ffffff;
		color: #e3032a;
	}
	.mustangs-sticky-cta[disabled],
	.mustangs-sticky-cta.is-loading {
		opacity: 0.6;
		pointer-events: none;
	}
	/* Décale le contenu de la page pour ne pas cacher derrière */
	body.woocommerce-checkout,
	body.wp-block-woocommerce-checkout,
	body.woocommerce-order-pay {
		padding-bottom: 70px !important;
	}
}

/* ============================================================
   v0.292 — Mobile fixes Mon compte
   ============================================================ */

/* --- Fix 1 : boutons Payer + Voir alignés à droite (liste des commandes) --- */
@media (max-width: 768px) {
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions,
	body.woocommerce-account td.woocommerce-orders-table__cell-order-actions {
		display: flex !important;
		justify-content: flex-end !important;
		align-items: center !important;
		gap: 8px !important;
		flex-wrap: nowrap !important;
	}
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button {
		margin: 0 !important;
		flex: 0 0 auto !important;
	}
}

/* --- Fix 2 : dashboard cards responsive (2 col < 900px, 1 col < 500px) --- */
/* Utilise !important pour battre la règle globale `repeat(4, 1fr)` définie plus haut */
@media (max-width: 900px) {
	.mustangs-dashboard__cards {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media (max-width: 500px) {
	.mustangs-dashboard__cards {
		grid-template-columns: 1fr !important;
	}
}


/* ============================================================
   v0.337 — Lignes TVA groupées (pas de séparateur entre taux)
   ============================================================ */

/* Lignes TVA groupées (2e taux collé au 1er, comme Sous-total/Économies).
   v0.339 : la classe est propre au plugin, donc scoping élargi à toutes les
   surfaces qui rendent ce template — Mon Compte ET page de remerciement. */
.mustangs-order__total-row--tva-follow {
	border-top: none !important;
	padding: 0 0 10px 0 !important;
	margin-top: 0 !important;
}

/* Checkout Blocks (affichage détaillé natif) : chaque taux est un
   totals-item ; on retire le séparateur entre les lignes de taxe
   consécutives pour les grouper visuellement. */
.wc-block-components-totals-taxes .wc-block-components-totals-item + .wc-block-components-totals-item,
.wp-block-woocommerce-checkout-order-summary-taxes-block .wc-block-components-totals-item + .wc-block-components-totals-item {
	border-top: none !important;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

/* v0.342 : taux de TVA par ligne produit (récap commande / thank-you / Mon Compte) */
.mustangs-order__item-tva {
	display: block;
	font-size: 11px;
	font-weight: 400;
	color: var(--m-muted, #999);
	text-align: right;
	margin-top: 2px;
}


/* ============================================================
   v0.356 — Fixes CSS Mon compte et configurateur
   ============================================================ */

/* 8.H — Retirer la border des boutons d'actions sur la liste des commandes
   Mon compte. Le fix global a.button (ligne ~2680) couvrait déjà les boutons
   génériques, mais les boutons dans la colonne actions (Payer, Voir, Facture,
   Annuler…) sont rendus par WC natif avec des classes différentes qui
   n'héritent pas toujours du reset. Scoping strict sous MyAccount-content
   pour ne pas polluer d'autres zones. */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions a.button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .woocommerce-button {
	border: none !important;
}

/* J2 — Bénéfices produits configurateur : suppression du margin-bottom
   entre les items de la liste (rendu trop aéré). */
/* J2 — Bénéfices produits configurateur : suppression du margin-bottom
   entre les items de la liste (rendu trop aéré).
   v0.375 : sélecteurs renforcés pour battre les règles Betheme qui appliquent
   line-height: 1.5 avec plus de spécificité. */
body ul.mcfg-offer-benefits li,
body .mcfg-offer ul.mcfg-offer-benefits li,
.mcfg-offer-benefits li,
ul.mcfg-offer-benefits li {
	line-height: 1 !important;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* J1 — Retirer le bouton "Parcourir les produits" sur la liste des
   commandes vide dans Mon compte. Le message natif WC ("Aucune commande
   n'a encore été passée.") reste affiché, seul le CTA vers /boutique/
   est masqué. */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.woocommerce-Button.wc-forward,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info a.button.wc-forward {
	display: none !important;
}


/* ============================================================
   v0.361 — Batch fixes (post-tests session)
   ============================================================ */

/* 9.C — Mobile : quand la colonne actions contient 3+ boutons (Payer + Voir + Annuler),
   le layout déborde et rogne le titre. On force un wrap sur 2 lignes et on réduit
   légèrement le padding des boutons pour tenir. */
@media (max-width: 768px) {
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions {
		flex-wrap: wrap !important;
		gap: 6px !important;
	}
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button,
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions a.button {
		padding: 8px 14px !important;
		font-size: 13px !important;
	}
}


/* ============================================================
   v0.365/v0.366/v0.367 — Bloc facture (view-order + thank-you)
   ============================================================ */

/* Bouton "Télécharger la facture" — la classe .button n'est PAS appliquée
   au HTML pour éviter le combat de spécificité avec le style rouge par défaut.
   Style complet ici. Sélecteurs multiples pour battre toute règle Betheme.
   v0.368 : border-radius 0 (rectangulaire) au lieu de 50px. */
body .mustangs-invoice-block a.mustangs-invoice-btn,
body.woocommerce-account .mustangs-invoice-block a.mustangs-invoice-btn,
body.woocommerce-checkout .mustangs-invoice-block a.mustangs-invoice-btn,
a.mustangs-invoice-btn {
	display: inline-block !important;
	background: #5cb56e !important;
	color: #fff !important;
	border: none !important;
	border-radius: 0 !important;
	padding: 10px 24px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	letter-spacing: 0.05em !important;
	text-decoration: none !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
	line-height: 1.2 !important;
}
body .mustangs-invoice-block a.mustangs-invoice-btn:hover,
a.mustangs-invoice-btn:hover {
	background: #4a9c5a !important;
	color: #fff !important;
	text-decoration: none !important;
}

/* v0.368 : bloc facture en PLEINE LARGEUR en haut de view-order / thank-you.
   Résout aussi le décalage vertical entre colonnes (plus de 2 col à aligner).
   Le grid-column: 1 / -1 force le bloc à s'étendre sur toutes les colonnes du
   grid parent (.woocommerce-order). */
.woocommerce-order .mustangs-invoice-block {
	grid-column: 1 / -1 !important;
}


/* ============================================================
   v0.370 — Fixes CSS mobile Mon compte
   ============================================================ */

@media (max-width: 768px) {
	/* Masquer les labels "COMMANDE" et "ACTIONS" affichés en préfixe via
	   data-title dans le rendu responsive de la table des commandes.
	   Le titre "Partenariat n°XXXX" et les boutons parlent d'eux-mêmes. */
	body.woocommerce-account .woocommerce-orders-table__cell-order-number::before,
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions::before {
		display: none !important;
		content: none !important;
	}

	/* Récupérer la place libérée : le titre prend toute la largeur */
	body.woocommerce-account .woocommerce-orders-table__cell-order-number {
		text-align: left !important;
		padding-left: 16px !important;
	}

	/* Titre "Partenariat n°XXXX" sur une seule ligne (nowrap) pour éviter
	   qu'il se coupe visuellement quand la colonne est étroite. */
	body.woocommerce-account .woocommerce-orders-table__cell-order-number .nobr,
	body.woocommerce-account .woocommerce-orders-table__cell-order-number a {
		white-space: nowrap !important;
	}

	/* Boutons d'actions centrés dans la cellule (sans le label ACTIONS) */
	body.woocommerce-account .woocommerce-orders-table__cell-order-actions {
		justify-content: center !important;
		text-align: center !important;
	}
}


/* ============================================================
   v0.372 — Variante FACTURE du bloc payment-reminder (verte)
   ============================================================ */

/* Décline .mustangs-payment-reminder--facture en vert (succès, paiement
   effectué), sans l'animation pulse du devis (pas d'urgence à agir). */
.mustangs-payment-reminder--facture {
	background: rgb(92 181 110 / 15%) !important;
	border: 1px solid rgba(92, 181, 110, 0.6) !important;
	animation: none !important;
}
.mustangs-payment-reminder--facture .mustangs-payment-reminder__icon {
	background: #5cb56e !important;
	color: #ffffff !important;
}
/* v0.373 : sélecteurs renforcés pour battre la couleur rouge héritée de
   .mustangs-payment-reminder__text strong (règle globale ligne ~2427). */
.mustangs-payment-reminder--facture .mustangs-payment-reminder__text strong,
body .mustangs-payment-reminder--facture .mustangs-payment-reminder__text strong,
.mustangs-payment-reminder.mustangs-payment-reminder--facture strong {
	color: #5cb56e !important;
}
/* Bouton "Télécharger la facture PDF" — hérite du style .button existant
   (rouge par défaut) mais on force en vert pour cohérence avec la variante */
body .mustangs-facture-download-btn,
body a.mustangs-facture-download-btn,
body.woocommerce-account .woocommerce-MyAccount-content a.button.mustangs-facture-download-btn {
	background: #5cb56e !important;
	border: none !important;
	color: #ffffff !important;
}
/* v0.373 : hover cohérent avec le bloc — fond blanc, texte vert */
body .mustangs-facture-download-btn:hover,
body a.mustangs-facture-download-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button.mustangs-facture-download-btn:hover {
	background: #ffffff !important;
	color: #5cb56e !important;
	border: none !important;
}
/* v0.373 : espacement entre l'icône FA et le texte du bouton */
.mustangs-facture-download-btn i,
.mustangs-facture-download-btn .far,
.mustangs-facture-download-btn .fa {
	margin-right: 8px !important;
}


/* ============================================================
   v0.373 — Ajustement padding cells orders-table Mon compte
   ============================================================ */

body.woocommerce-account .woocommerce-orders-table tbody td,
body.woocommerce-account .woocommerce-orders-table tbody th {
	padding: 10px 0px !important;
}


/* ============================================================
   v0.393 → v0.394 — Variantes centralisées de .mustangs-payment-reminder
   ============================================================
   Nouvelle classe Mustangs_Status_Banner rend une bannière par statut
   (wc-devis / pending / on-hold / processing / completed / cancelled /
   refunded / failed). Les variantes historiques `--devis` et `--facture`
   restent en place pour les hooks encore actifs (emails).

   Mapping variante → intention visuelle :
     --devis     : orange rouge (attente devis)     [déjà stylé ailleurs]
     --pending   : orange jaune (attente paiement)  [pending / on-hold]
     --paid      : vert (payé / facture)            [processing / completed]
     --info      : gris (annulé / remboursé)
     --error     : rouge club (paiement échoué)

   v0.394 : retours recette Sarah — ajustement couleurs, icônes centrées
   dans la pastille, boutons stylés pour thankyou ET voir-commande, masquage
   des notices natives WC failed sur thankyou.
*/

/* v0.394 : centrage vertical de l'icône FontAwesome dans la pastille ronde.
   Règle globale — s'applique à toutes les variantes (devis, pending, paid,
   info, error, facture). Sans ça, les FA sont mal cadrées dans le rond. */
.mustangs-payment-reminder__icon {
	font-size: 16px !important;
	line-height: 32px !important;
}

/* -----------------------------------------------------------
   Pending / on-hold — orange #ffb300
   ----------------------------------------------------------- */
.mustangs-payment-reminder--pending {
	background: rgb(255 179 0 / 12%) !important;
	border: 1px solid rgba(255, 179, 0, 0.55) !important;
	animation: none !important;
}
.mustangs-payment-reminder--pending .mustangs-payment-reminder__icon {
	background: #ffb300 !important;
	color: #ffffff !important;
}
.mustangs-payment-reminder--pending .mustangs-payment-reminder__text strong,
body .mustangs-payment-reminder--pending .mustangs-payment-reminder__text strong,
.mustangs-payment-reminder.mustangs-payment-reminder--pending strong {
	/* v0.402 : titre en #ffb300 pur (au lieu du #b37d00 foncé) selon retour
	   recette — la couleur d'accent identique fond/bordure/pastille/titre
	   donne un ensemble plus cohérent. */
	color: #ffb300 !important;
}

/* -----------------------------------------------------------
   Paid — vert #5cb56e (processing / completed)
   ----------------------------------------------------------- */
.mustangs-payment-reminder--paid {
	background: rgb(92 181 110 / 15%) !important;
	border: 1px solid rgba(92, 181, 110, 0.6) !important;
	animation: none !important;
}
.mustangs-payment-reminder--paid .mustangs-payment-reminder__icon {
	background: #5cb56e !important;
	color: #ffffff !important;
}
.mustangs-payment-reminder--paid .mustangs-payment-reminder__text strong,
body .mustangs-payment-reminder--paid .mustangs-payment-reminder__text strong,
.mustangs-payment-reminder.mustangs-payment-reminder--paid strong {
	color: #5cb56e !important;
}

/* v0.394 : sélecteurs élargis pour le bouton facture — matche aussi
   thank-you page (body.woocommerce-order-received) et checkout, en plus
   du view-order (My Account) déjà couvert par la règle historique. */
body .mustangs-facture-download-btn,
body a.mustangs-facture-download-btn,
body a.button.mustangs-facture-download-btn,
body.woocommerce-order-received a.button.mustangs-facture-download-btn,
body.woocommerce-checkout a.button.mustangs-facture-download-btn,
body.woocommerce-account .woocommerce-MyAccount-content a.button.mustangs-facture-download-btn,
.woocommerce a.button.mustangs-facture-download-btn,
.woocommerce-page a.button.mustangs-facture-download-btn,
.mustangs-payment-reminder a.button.mustangs-facture-download-btn {
	background: #5cb56e !important;
	background-color: #5cb56e !important;
	border: none !important;
	border-color: transparent !important;
	color: #ffffff !important;
	border-radius: 50px !important;
	padding: 12px 20px !important;
	font-weight: 800 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.25s ease !important;
	box-shadow: none !important;
	line-height: 1 !important;
	cursor: pointer !important;
}
body .mustangs-facture-download-btn:hover,
body a.mustangs-facture-download-btn:hover,
body a.button.mustangs-facture-download-btn:hover,
body.woocommerce-order-received a.button.mustangs-facture-download-btn:hover,
body.woocommerce-checkout a.button.mustangs-facture-download-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button.mustangs-facture-download-btn:hover,
.woocommerce a.button.mustangs-facture-download-btn:hover,
.woocommerce-page a.button.mustangs-facture-download-btn:hover,
.mustangs-payment-reminder a.button.mustangs-facture-download-btn:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #5cb56e !important;
	border: none !important;
	border-color: transparent !important;
}
.mustangs-facture-download-btn i,
.mustangs-facture-download-btn .far,
.mustangs-facture-download-btn .fa {
	margin-right: 8px !important;
}

/* -----------------------------------------------------------
   Info — gris (cancelled / refunded)
   ----------------------------------------------------------- */
.mustangs-payment-reminder--info {
	background: rgb(120 130 145 / 10%) !important;
	border: 1px solid rgba(120, 130, 145, 0.45) !important;
	animation: none !important;
}
.mustangs-payment-reminder--info .mustangs-payment-reminder__icon {
	background: #6c7684 !important;
	color: #ffffff !important;
}
.mustangs-payment-reminder--info .mustangs-payment-reminder__text strong,
body .mustangs-payment-reminder--info .mustangs-payment-reminder__text strong,
.mustangs-payment-reminder.mustangs-payment-reminder--info strong {
	color: #4d5765 !important;
}

/* v0.394 : bouton "Contacter le club" — style par défaut GRIS (fond gris,
   texte + icône blancs). Hover : fond blanc, texte gris. S'applique sur
   voir-commande ET thank-you page. La variante --error override en rouge
   plus bas (spécificité renforcée). */
body .mustangs-contact-btn,
body a.mustangs-contact-btn,
body a.button.mustangs-contact-btn,
body.woocommerce-order-received a.button.mustangs-contact-btn,
body.woocommerce-checkout a.button.mustangs-contact-btn,
body.woocommerce-account .woocommerce-MyAccount-content a.button.mustangs-contact-btn,
.woocommerce a.button.mustangs-contact-btn,
.woocommerce-page a.button.mustangs-contact-btn,
.mustangs-payment-reminder a.button.mustangs-contact-btn {
	background: #6c7684 !important;
	background-color: #6c7684 !important;
	color: #ffffff !important;
	border: none !important;
	border-color: transparent !important;
	border-radius: 50px !important;
	padding: 12px 20px !important;
	font-weight: 800 !important;
	letter-spacing: 0.05em !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	font-family: 'Din Pro Condensed', 'Helvetica Neue', sans-serif !important;
	text-decoration: none !important;
	display: inline-block !important;
	transition: all 0.25s ease !important;
	box-shadow: none !important;
	line-height: 1 !important;
	cursor: pointer !important;
}
body .mustangs-contact-btn i,
body a.mustangs-contact-btn i,
body a.button.mustangs-contact-btn i,
.mustangs-payment-reminder a.button.mustangs-contact-btn i {
	color: #ffffff !important;
	margin-right: 8px !important;
}
body .mustangs-contact-btn:hover,
body a.mustangs-contact-btn:hover,
body a.button.mustangs-contact-btn:hover,
body.woocommerce-order-received a.button.mustangs-contact-btn:hover,
body.woocommerce-checkout a.button.mustangs-contact-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content a.button.mustangs-contact-btn:hover,
.woocommerce a.button.mustangs-contact-btn:hover,
.woocommerce-page a.button.mustangs-contact-btn:hover,
.mustangs-payment-reminder a.button.mustangs-contact-btn:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #6c7684 !important;
	border: none !important;
	border-color: transparent !important;
}
body .mustangs-contact-btn:hover i,
body a.mustangs-contact-btn:hover i,
body a.button.mustangs-contact-btn:hover i,
.mustangs-payment-reminder a.button.mustangs-contact-btn:hover i {
	color: #6c7684 !important;
}

/* -----------------------------------------------------------
   Error — rouge club #e3032a (failed)
   ----------------------------------------------------------- */
.mustangs-payment-reminder--error {
	background: rgb(227 3 42 / 10%) !important;
	border: 1px solid rgba(227, 3, 42, 0.55) !important;
	animation: none !important;
}
.mustangs-payment-reminder--error .mustangs-payment-reminder__icon {
	background: #e3032a !important;
	color: #ffffff !important;
}
.mustangs-payment-reminder--error .mustangs-payment-reminder__text strong,
body .mustangs-payment-reminder--error .mustangs-payment-reminder__text strong,
.mustangs-payment-reminder.mustangs-payment-reminder--error strong {
	color: #e3032a !important;
}

/* v0.394 : bouton contact ROUGE dans le contexte --error (override du gris).
   Spécificité renforcée (parent .mustangs-payment-reminder--error). */
.mustangs-payment-reminder--error a.button.mustangs-contact-btn,
.mustangs-payment-reminder--error a.mustangs-contact-btn,
body .mustangs-payment-reminder--error a.button.mustangs-contact-btn,
body.woocommerce-order-received .mustangs-payment-reminder--error a.button.mustangs-contact-btn,
body.woocommerce-account .woocommerce-MyAccount-content .mustangs-payment-reminder--error a.button.mustangs-contact-btn,
.woocommerce .mustangs-payment-reminder--error a.button.mustangs-contact-btn,
.woocommerce-page .mustangs-payment-reminder--error a.button.mustangs-contact-btn {
	background: #e3032a !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
	border: none !important;
	border-color: transparent !important;
}
.mustangs-payment-reminder--error a.button.mustangs-contact-btn i,
.mustangs-payment-reminder--error a.mustangs-contact-btn i {
	color: #ffffff !important;
}
.mustangs-payment-reminder--error a.button.mustangs-contact-btn:hover,
.mustangs-payment-reminder--error a.mustangs-contact-btn:hover,
body .mustangs-payment-reminder--error a.button.mustangs-contact-btn:hover,
body.woocommerce-order-received .mustangs-payment-reminder--error a.button.mustangs-contact-btn:hover,
body.woocommerce-account .woocommerce-MyAccount-content .mustangs-payment-reminder--error a.button.mustangs-contact-btn:hover,
.woocommerce .mustangs-payment-reminder--error a.button.mustangs-contact-btn:hover,
.woocommerce-page .mustangs-payment-reminder--error a.button.mustangs-contact-btn:hover {
	background: #ffffff !important;
	background-color: #ffffff !important;
	color: #e3032a !important;
	border: none !important;
	border-color: transparent !important;
}
.mustangs-payment-reminder--error a.button.mustangs-contact-btn:hover i,
.mustangs-payment-reminder--error a.mustangs-contact-btn:hover i {
	color: #e3032a !important;
}

/* v0.399 : bandeau natif WC `.woocommerce-thankyou-order-received` restylé
   selon le statut de la commande. Par défaut il est vert (cf. règle v0.120)
   ce qui est incohérent sur remboursée / annulée / attente.
   La body class `mustangs-thankyou-status-{status}` est ajoutée par PHP
   (`Mustangs_Checkout::add_thankyou_status_body_class`).

   Refunded / Cancelled → gris info (matche la variante --info de Status_Banner).
   v0.400 : ajout de `cancelled` avec le même traitement que `refunded`. */
body.mustangs-thankyou-status-refunded .woocommerce-order > .woocommerce-notice,
body.mustangs-thankyou-status-refunded .woocommerce-order > p.woocommerce-notice,
body.mustangs-thankyou-status-refunded .woocommerce-order > .woocommerce-thankyou-order-received,
body.mustangs-thankyou-status-cancelled .woocommerce-order > .woocommerce-notice,
body.mustangs-thankyou-status-cancelled .woocommerce-order > p.woocommerce-notice,
body.mustangs-thankyou-status-cancelled .woocommerce-order > .woocommerce-thankyou-order-received {
	background: rgb(120 130 145 / 10%) !important;
	border: 1px solid rgba(120, 130, 145, 0.45) !important;
	color: #ffffff !important;
}
body.mustangs-thankyou-status-refunded .woocommerce-order > .woocommerce-notice::before,
body.mustangs-thankyou-status-refunded .woocommerce-order > p.woocommerce-notice::before,
body.mustangs-thankyou-status-refunded .woocommerce-order > .woocommerce-thankyou-order-received::before,
body.mustangs-thankyou-status-cancelled .woocommerce-order > .woocommerce-notice::before,
body.mustangs-thankyou-status-cancelled .woocommerce-order > p.woocommerce-notice::before,
body.mustangs-thankyou-status-cancelled .woocommerce-order > .woocommerce-thankyou-order-received::before {
	/* v0.401 : icône FA fa-info-circle (\f05a) au lieu du char Unicode ⓘ
	   qui ne rendait pas dans toutes les fonts. La font-family en cascade
	   couvre FA 6 puis 5 puis l'ancien nom "FontAwesome" (compat Betheme). */
	content: "\f05a" !important;
	font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome' !important;
	font-weight: 900 !important;
	background-color: #6c7684 !important;
	color: #ffffff !important;
}

/* v0.402 : bandeau natif WC restylé en ORANGE pour pending / on-hold
   (matche la variante --pending de Status_Banner). */
body.mustangs-thankyou-status-pending .woocommerce-order > .woocommerce-notice,
body.mustangs-thankyou-status-pending .woocommerce-order > p.woocommerce-notice,
body.mustangs-thankyou-status-pending .woocommerce-order > .woocommerce-thankyou-order-received,
body.mustangs-thankyou-status-on-hold .woocommerce-order > .woocommerce-notice,
body.mustangs-thankyou-status-on-hold .woocommerce-order > p.woocommerce-notice,
body.mustangs-thankyou-status-on-hold .woocommerce-order > .woocommerce-thankyou-order-received {
	background: rgb(255 179 0 / 10%) !important;
	border: 1px solid rgba(255, 179, 0, 0.55) !important;
	color: #ffffff !important;
}
body.mustangs-thankyou-status-pending .woocommerce-order > .woocommerce-notice::before,
body.mustangs-thankyou-status-pending .woocommerce-order > p.woocommerce-notice::before,
body.mustangs-thankyou-status-pending .woocommerce-order > .woocommerce-thankyou-order-received::before,
body.mustangs-thankyou-status-on-hold .woocommerce-order > .woocommerce-notice::before,
body.mustangs-thankyou-status-on-hold .woocommerce-order > p.woocommerce-notice::before,
body.mustangs-thankyou-status-on-hold .woocommerce-order > .woocommerce-thankyou-order-received::before {
	content: "\f017" !important; /* fa-clock */
	font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome' !important;
	font-weight: 900 !important;
	background-color: #ffb300 !important;
	color: #ffffff !important;
}

/* v0.394 → v0.398 : sur thank-you page d'une commande "failed", WooCommerce
   affiche nativement :
   - un message d'erreur `<p class="...woocommerce-thankyou-order-failed">`
   - deux boutons `<p class="...woocommerce-thankyou-order-failed-actions">`
   On MASQUE seulement les boutons (redondants avec le bouton "Payer maintenant"
   du header + "Contacter le club" de la bannière --error).
   Le message est CONSERVÉ mais restylé en rouge (car par défaut il héritait
   du style vert appliqué à toutes les .woocommerce-notice — cf. v0.120). */
.woocommerce-thankyou-order-failed-actions,
p.woocommerce-notice.woocommerce-thankyou-order-failed-actions {
	display: none !important;
}

/* v0.398 : override du style vert hérité pour la notice failed → rouge club.
   Structure/padding/typo identiques à la notice verte (cohérence visuelle),
   seuls le fond, la bordure, la pastille et l'icône changent. */
.woocommerce-order > .woocommerce-notice.woocommerce-thankyou-order-failed,
.woocommerce-order > p.woocommerce-notice.woocommerce-thankyou-order-failed {
	background: rgb(227 3 42 / 10%) !important;
	border: 1px solid rgba(227, 3, 42, 0.55) !important;
	color: #ffffff !important;
}
.woocommerce-order > .woocommerce-notice.woocommerce-thankyou-order-failed::before,
.woocommerce-order > p.woocommerce-notice.woocommerce-thankyou-order-failed::before {
	/* v0.401 : icône FA fa-exclamation-triangle (\f071) au lieu du char
	   Unicode ⚠ qui ne rendait pas dans toutes les fonts. */
	content: "\f071" !important;
	font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome' !important;
	font-weight: 900 !important;
	background-color: #e3032a !important;
	color: #ffffff !important;
}