/*
 * C2-0069 (cartes BAL-SITE-018 et BAL-SITE-019 du 12/11, remarque de Gt de 14 h 38) — Chaîne d'achat (panier, commande,
 * commande reçue, compte) aux jetons de la vitrine, relevés le 12/11 sur /brame/ et /la-maison/ (styles calculés) :
 *   fond        #f5f4f1                 (--msm-brame-page-bg, --msm-maison-bg-v10)
 *   encre       #1c1915                 (--msm-brame-ink) ; secondaire à 72 %, discrète à 64 % (contraste AA sur le fond)
 *   police      'Inter Variable'        (--msm-brame-sans ; @font-face de src/styles/global.css)
 * Les feuilles reprises de WordPress (Hello, Elementor, WooCommerce) gardent leurs gris-bleus (#69727d), leur noir et leur
 * police système : cette feuille, chargée APRÈS elles (src/layouts/PageWordPress.astro), les remplace. Style seulement :
 * aucun texte, aucun prix, aucune logique d'achat.
 */
:root {
  --msm-achat-fond: #f5f4f1;
  --msm-achat-encre: #1c1915;
  --msm-achat-encre-2: rgba(28, 25, 21, 0.72);
  --msm-achat-encre-3: rgba(28, 25, 21, 0.64); /* 4,8:1 sur le fond (56 % donnait 3,8:1, sous le seuil AA) */
  --msm-achat-filet: rgba(28, 25, 21, 0.12);
  --msm-achat-sans: 'Inter Variable', Inter, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Fond : celui de la vitrine, sur la page entière (panier.css : #ece8e0 ; commander.css : #ede9e1). */
html, body,
html body.woocommerce-checkout, html body.msm-commande-mode-v2, html body.msm-panier-mode-v1, html body.woocommerce-cart, html body.woocommerce-account {
  background: var(--msm-achat-fond) !important;
}
/* Variables des feuilles reprises, ramenées aux jetons de la vitrine (même sélecteur que leur définition, feuille chargée
   après : elle l'emporte). Panier (panier.css, panneau principal) : */
.elementor-44 .elementor-element.elementor-element-67dd4d30 {
  --msm-panier-encre: #1c1915;
  --msm-panier-encre-douce: rgba(28, 25, 21, 0.72);
  --msm-panier-encre-fine: rgba(28, 25, 21, 0.64);
  --msm-panier-encre-intermediaire: rgba(28, 25, 21, 0.82);
  --msm-panier-trait: rgba(28, 25, 21, 0.12);
  --msm-panier-trait-fort: rgba(28, 25, 21, 0.3);
  --msm-panier-fond: #f5f4f1;
}
.elementor-44 .elementor-element.elementor-element-67dd4d30 .msm-panier-chrome-v1 { background: rgba(235, 231, 223, 0.98) !important; }
/* Commande (commander.css, scène) : encre de la vitrine ; les gris à 38 % et 24 % (contraste 2,3:1 et 1,6:1) remontés. */
.elementor-45 .elementor-element.elementor-element-135e8e4e {
  --msm-fond: #f5f4f1;
  --msm-encre: #1c1915;
  --msm-encre-72: rgba(28, 25, 21, 0.72);
  --msm-encre-54: rgba(28, 25, 21, 0.64);
  --msm-encre-38: rgba(28, 25, 21, 0.64);
  --msm-encre-24: rgba(28, 25, 21, 0.64);
}
/* Le bouton « Commander » désactivé doit rester visiblement désactivé. */
.elementor-45 .elementor-element.elementor-element-135e8e4e #place_order:disabled,
.elementor-45 .elementor-element.elementor-element-135e8e4e #place_order.disabled { color: rgba(28, 25, 21, 0.38) !important; }
/* Compte (mon-compte.css, :root) : fond, encre et gris de la vitrine. */
:root {
  --msm-account-bg: #f5f4f1;
  --msm-account-ink: #1c1915;
  --msm-account-muted: rgba(28, 25, 21, 0.72);
  --msm-account-faint: rgba(28, 25, 21, 0.64);
  --msm-account-line: rgba(28, 25, 21, 0.12);
  --msm-account-line-strong: rgba(28, 25, 21, 0.3);
}
/* Voiles de chargement (WooCommerce : blanc) sur le fond de la page. */
.blockUI.blockOverlay { background: rgba(235, 231, 223, 0.82) !important; }

/* Une seule famille : Inter (thème Hello : police système ; widgets WooCommerce d'Elementor : Roboto ; blocs Manrope). */
body,
body :where(.elementor-widget-woocommerce-checkout-page, .elementor-widget-woocommerce-cart, .elementor-widget-woocommerce-my-account, .woocommerce,
  .msm-commande-presentation-v2, .msm-conditions-retour, .select2-container) :where(*:not(svg)),
body :where(input, select, textarea, button, .button, .lien-evitement) {
  font-family: var(--msm-achat-sans) !important;
}

/* Couleur du texte : l'encre de la vitrine au lieu du gris-bleu #69727d et du noir. */
/* (Le récapitulatif de /commander/ et le panier suivent les variables ci-dessus.) */
.elementor-widget-woocommerce-checkout-page,
.elementor-widget-woocommerce-my-account,
.select2-container .select2-results__option, .select2-container .select2-search__field, .select2-container .select2-selection__rendered,
.woocommerce-table--order-details .product-quantity,
.woocommerce-order, .woocommerce-order :where(p, li, strong, th, td, a, span, bdi, h2, h3) {
  color: var(--msm-achat-encre) !important;
}
/* Récapitulatif : ligne d'expédition et case des CGV gardaient le gris-bleu de WooCommerce. */
.elementor-45 .elementor-element.elementor-element-135e8e4e .woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals :where(th, td, label, span, bdi, strong),
.elementor-45 .elementor-element.elementor-element-135e8e4e .woocommerce-terms-and-conditions-wrapper :where(label, span) { color: var(--msm-achat-encre) !important; }
.elementor-widget-woocommerce-checkout-page :where(.woocommerce-form-login-toggle, .woocommerce-form-login-toggle *, .create-account, .create-account *, #ship-to-different-address, #ship-to-different-address *) {
  color: var(--msm-achat-encre-2) !important;
}

/* ---------- Commande reçue ---------- */
.woocommerce-order { font-size: 1rem; line-height: 1.6; }
/* « Merci, votre commande a été reçue » : respiration au-dessus et au-dessous, interligne ample. */
.woocommerce-order .woocommerce-thankyou-order-received {
  margin: 0.5rem 0 2.25rem !important; padding: 0 !important; border: 0 !important; background: none !important;
  font-size: 1.25rem !important; font-weight: 400 !important; line-height: 1.6 !important; letter-spacing: -0.005em;
}
/* Résumé : le numéro de commande sur sa propre ligne, mis en valeur ; date, total et moyen de paiement dessous, en grille. */
.woocommerce-order ul.woocommerce-order-overview {
  display: grid !important; grid-template-columns: 1fr; gap: 1.1rem; /* BAL-SITE-025 : une information par ligne */
  margin: 0 0 3.25rem !important; padding: 1.75rem 0 !important; list-style: none !important;
  border-top: 1px solid var(--msm-achat-filet); border-bottom: 1px solid var(--msm-achat-filet);
}
.woocommerce-order ul.woocommerce-order-overview::before, .woocommerce-order ul.woocommerce-order-overview::after { content: none !important; display: none !important; }
.woocommerce-order ul.woocommerce-order-overview li {
  float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  font-size: 0.6875rem !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--msm-achat-encre-3) !important;
}
.woocommerce-order ul.woocommerce-order-overview li strong {
  display: block; margin-top: 0.45rem; font-size: 1rem !important; font-weight: 400 !important; letter-spacing: 0; text-transform: none;
  line-height: 1.45 !important; color: var(--msm-achat-encre) !important; overflow-wrap: anywhere;
}
.woocommerce-order ul.woocommerce-order-overview li.woocommerce-order-overview__order { grid-column: 1 / -1; }
.woocommerce-order ul.woocommerce-order-overview li.woocommerce-order-overview__order strong { font-size: 1.375rem !important; letter-spacing: 0.01em; }

/* Virement : coordonnées bancaires dans la même grille que le résumé, titre comme « Détails de la commande ». */
.woocommerce-order ul.wc-bacs-bank-details {
  display: grid !important; grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr)); gap: 1.4rem 2.5rem;
  margin: 0 0 3.25rem !important; padding: 1.75rem 0 !important; list-style: none !important;
  border-top: 1px solid var(--msm-achat-filet); border-bottom: 1px solid var(--msm-achat-filet);
}
.woocommerce-order ul.wc-bacs-bank-details::before, .woocommerce-order ul.wc-bacs-bank-details::after { content: none !important; display: none !important; }
.woocommerce-order ul.wc-bacs-bank-details li {
  float: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
  font-size: 0.6875rem !important; font-weight: 400 !important; line-height: 1.5 !important; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--msm-achat-encre-3) !important;
}
.woocommerce-order ul.wc-bacs-bank-details li strong {
  display: block; margin-top: 0.45rem; font-size: 1rem !important; font-weight: 400 !important; letter-spacing: 0; text-transform: none;
  line-height: 1.45 !important; color: var(--msm-achat-encre) !important; overflow-wrap: anywhere;
}
/* Paiement refusé : boutons « Payer » / « Mon compte » sobres (WooCommerce : fond lavande). */
.woocommerce-order .woocommerce-thankyou-order-failed-actions .button {
  background: transparent !important; color: var(--msm-achat-encre) !important; border: 1px solid var(--msm-achat-encre) !important;
  border-radius: 0 !important; padding: 0.75rem 1.4rem !important; font-weight: 400 !important; letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.75rem !important;
}

/* Détails de la commande : intitulés de la vitrine (graisse légère), libellés à l'encre, détails HT/TVA en secondaire. */
.woocommerce-order .woocommerce-order-details__title, .woocommerce-order .wc-bacs-bank-details-heading, .woocommerce-order .woocommerce-column__title {
  margin: 0 0 1rem !important; font-size: 1.125rem !important; font-weight: 400 !important; /* BAL-SITE-025 : nettement plus petit que le titre */
  line-height: 1.25 !important; letter-spacing: -0.01em;
}
.woocommerce-order table.woocommerce-table--order-details { border-collapse: collapse; border: 0 !important; margin: 0 0 2rem !important; }
.woocommerce-order table.woocommerce-table--order-details :where(th, td) {
  border: 0 !important; border-top: 1px solid var(--msm-achat-filet) !important; padding: 0.9rem 0.75rem 0.9rem 0 !important;
  background: none !important; vertical-align: top; line-height: 1.5 !important;
}
.woocommerce-order table.woocommerce-table--order-details thead th {
  border-top: 0 !important; font-size: 0.6875rem !important; font-weight: 400 !important; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--msm-achat-encre-3) !important;
}
.woocommerce-order table.woocommerce-table--order-details :where(tbody, tfoot) :where(th, td, strong, bdi, span) { font-weight: 400 !important; }
.woocommerce-order table.woocommerce-table--order-details tfoot tr:has(.includes_tax) :where(th, td) { font-size: 1.1875rem !important; padding-top: 1.1rem !important; }
.woocommerce-order table.woocommerce-table--order-details tfoot tr:has(.includes_tax) .includes_tax { font-size: 0.8125rem !important; }
.woocommerce-order table.woocommerce-table--order-details tfoot tr:last-child :where(th, td) { border-bottom: 1px solid var(--msm-achat-filet) !important; }
.woocommerce-order :where(small, .product-quantity, .includes_tax, .shipped_via),
.woocommerce-order :where(small, .includes_tax) :where(span, bdi) {
  color: var(--msm-achat-encre-2) !important; font-weight: 400 !important;
}
.woocommerce-order :where(.msm-tva-detail, .msm-tva-pays), .woocommerce-order :where(.msm-tva-detail, .msm-tva-pays) :where(span, bdi) {
  color: var(--msm-achat-encre-3) !important; font-weight: 400 !important; font-size: 0.8125rem !important;
}
.woocommerce-order .product-quantity { margin-left: 0.25rem; }
.woocommerce-order a { text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
.woocommerce-order .msm-retractation-lien { margin-top: 1.5rem; color: var(--msm-achat-encre-2) !important; }
.woocommerce-order .msm-retractation-lien a { color: var(--msm-achat-encre) !important; }

/* ---------- BAL-SITE-025 : page de confirmation ---------- */
/* « Merci » au-dessus du titre ; plus d'étiquette « Commande sécurisée » sur la confirmation. */
.msm-commande-recue .msm-commande-sur-titre-v2 { display: none !important; }
.msm-commande-presentation-v2 .woocommerce-thankyou-order-received {
  margin: 0 0 0.6rem !important; padding: 0 !important; border: 0 !important; background: none !important;
  font-size: 1rem !important; font-weight: 400 !important; line-height: 1.6 !important; color: var(--msm-achat-encre-2) !important;
}
.msm-commande-presentation-v2 .woocommerce-thankyou-order-received::before { content: none !important; display: none !important; }
/* Adresses : côte à côte sur grand écran, l'une sous l'autre sur téléphone, sans cadre ni icône, avec de l'air. */
.woocommerce-order .woocommerce-customer-details { margin-top: 2.75rem !important; }
.woocommerce-order .woocommerce-columns--addresses { display: grid !important; grid-template-columns: 1fr 1fr; gap: 2.5rem; margin: 0 !important; }
.woocommerce-order .woocommerce-columns--addresses::before, .woocommerce-order .woocommerce-columns--addresses::after { content: none !important; display: none !important; }
.woocommerce-order .woocommerce-columns--addresses .woocommerce-column { float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; }
.woocommerce-order .woocommerce-customer-details address {
  border: 0 !important; border-radius: 0 !important; padding: 0 !important; margin: 0 !important; font-style: normal !important; line-height: 1.7 !important;
  color: var(--msm-achat-encre) !important;
}
.woocommerce-order .woocommerce-customer-details :where(.woocommerce-customer-details--email, .woocommerce-customer-details--phone) { padding-left: 0 !important; margin: 0.35rem 0 0 !important; }
.woocommerce-order .woocommerce-customer-details :where(.woocommerce-customer-details--email, .woocommerce-customer-details--phone)::before { content: none !important; display: none !important; }
/* Message de fin, sobre. */
.woocommerce-order .msm-commande-fin { margin: 0 0 2.5rem !important; font-size: 0.9375rem !important; line-height: 1.65 !important; color: var(--msm-achat-encre-2) !important; }
/* Lien de rétractation, déplacé sous « Livraison, retour et rétractation » : petit et discret, jamais supprimé. */
.msm-commande-recue .msm-conditions-retour + .msm-retractation-lien {
  box-sizing: border-box; max-width: 1280px; margin: -0.5rem auto 3rem !important; padding: 0 clamp(16px, 4vw, 48px) !important; /* aligné sur le bloc du dessus */
  font-size: 0.8125rem !important; line-height: 1.6 !important; color: var(--msm-achat-encre-2) !important;
}
.msm-commande-recue .msm-conditions-retour + .msm-retractation-lien a { color: var(--msm-achat-encre-2) !important; text-decoration-thickness: 1px; text-underline-offset: 0.18em; }
/* « Livraison, retour et rétractation » : colonne étroite, interligne aéré (panier, commande, confirmation). */
html.page-wp .msm-conditions-retour > :where(p, h2, h3, div, table) { max-width: 40rem; }
.msm-conditions-retour p { line-height: 1.7 !important; }
.msm-conditions-retour table { font-size: 0.875rem; }

@media (max-width: 600px) {
  .woocommerce-order .woocommerce-columns--addresses { grid-template-columns: 1fr; gap: 1.75rem; }
  .woocommerce-order .woocommerce-thankyou-order-received { font-size: 1.125rem !important; margin-bottom: 1.75rem !important; }
}

/* ======================================================================================================================
 * C2-0069 — Mon compte (cartes BAL-SITE-027 B, 028, 029). Style seulement : aucun montant, aucune facture, aucune
 * numérotation, aucune logique de connexion. Règles fortes (html body …, !important) : mon-compte.css (repris de
 * WordPress, V7.x) est entièrement en !important, avec des sélecteurs à 3 ou 4 classes : « :not(#msm-compte) » (aucun
 * élément ne porte cet identifiant) donne à ces règles le poids d'un identifiant.
 * ==================================================================================================================== */

/* 1. Menu du compte : plus d'accordéon (qui repoussait la page de ~450 px) ; une rangée de liens sobres, toujours
 *    visible, à toutes les largeurs (sans script aussi). « Se déconnecter » quitte le menu : petit lien en bas de page. */
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-nav-toggle { display: none !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .e-my-account-tab > .woocommerce {
  display: block !important; grid-template-columns: none !important; width: 100% !important; max-width: 64rem !important;
  box-sizing: border-box !important; margin: 0 !important; padding: 0 24px !important; /* marge du titre de la page */
}
@media (min-width: 768px) { html body:not(#msm-compte) .msm-compte-page-v1 .e-my-account-tab > .woocommerce { padding: 0 50px !important; max-width: calc(64rem + 100px) !important; } }
html body:not(#msm-compte) .msm-compte-page-v1 .e-my-account-tab > .woocommerce > .woocommerce-MyAccount-navigation {
  position: static !important; float: none !important; display: block !important; width: auto !important; max-width: none !important;
  max-height: none !important; height: auto !important; overflow: visible !important; opacity: 1 !important; visibility: visible !important;
  transform: none !important; transition: none !important;
  margin: 0 0 2rem !important; padding: 0 0 0.875rem !important; border: 0 !important; border-bottom: 1px solid var(--msm-achat-filet) !important;
  background: transparent !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation ul {
  display: flex !important; flex-wrap: wrap !important; gap: 0.5rem 1.5rem !important; margin: 0 !important; padding: 0 !important;
  list-style: none !important; border: 0 !important; grid-template-columns: none !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation li {
  display: block !important; margin: 0 !important; padding: 0 !important; border: 0 !important; width: auto !important; min-height: 0 !important; background: none !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation li::before,
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation li::after,
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation a::before,
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation a::after { content: none !important; display: none !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation a {
  display: inline-block !important; position: static !important; width: auto !important; min-height: 0 !important; height: auto !important;
  margin: 0 !important; padding: 0.25rem 0 !important; border: 0 !important; background: none !important; opacity: 1 !important; transform: none !important;
  font-family: var(--msm-achat-sans) !important; font-size: 0.875rem !important; font-weight: 400 !important; line-height: 1.5 !important;
  letter-spacing: 0 !important; text-transform: none !important; color: var(--msm-achat-encre-2) !important;
  text-decoration: none !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation a:hover { color: var(--msm-achat-encre) !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation li.is-active a {
  color: var(--msm-achat-encre) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 0.3em !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { display: none !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .e-my-account-tab > .woocommerce > .woocommerce-MyAccount-content {
  float: none !important; width: 100% !important; max-width: none !important; margin-left: 0 !important; grid-column: auto !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-deconnexion-bas {
  margin: 3.5rem 0 0 !important; padding: 0 !important; font-size: 0.8125rem !important; line-height: 1.5 !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-deconnexion-bas a {
  font-family: var(--msm-achat-sans) !important; font-size: 0.8125rem !important; letter-spacing: 0 !important; text-transform: none !important;
  color: var(--msm-achat-encre-3) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 0.2em !important;
}
/* Le lien du bloc « Connecté en tant que » (accueil) ferait doublon avec celui du bas de page. */
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-logout-v77 { display: none !important; }

/* 5. Accueil du compte : pages du compte en liste simple. */
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-links {
  display: block !important; margin: 0 0 2rem !important; padding: 0 !important; list-style: none !important; border-top: 1px solid var(--msm-achat-filet);
}
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-links li { margin: 0 !important; padding: 0 !important; border-bottom: 1px solid var(--msm-achat-filet); }
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-links a {
  display: block !important; padding: 0.875rem 0 !important; font-family: var(--msm-achat-sans) !important; font-size: 1rem !important; line-height: 1.4 !important;
  color: var(--msm-achat-encre) !important; text-decoration: none !important; letter-spacing: 0 !important; text-transform: none !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-links a:hover { text-decoration: underline !important; text-underline-offset: 0.25em !important; }

/* 3. Liste des commandes : numéro en premier et en grand, puis date, état, total ; « (dont … TVA) » sur une ligne, en petit. */
html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table { width: 100% !important; max-width: none !important; table-layout: auto !important; border-collapse: collapse !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-number,
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-number a {
  visibility: visible !important; opacity: 1 !important; color: var(--msm-achat-encre) !important; font-family: var(--msm-achat-sans) !important;
  font-size: 1.0625rem !important; font-weight: 400 !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap !important;
  text-decoration: none !important; clip: auto !important; clip-path: none !important; position: static !important; width: auto !important; height: auto !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total { white-space: normal !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total .includes_tax {
  display: block !important; white-space: nowrap !important; font-size: 0.75rem !important; line-height: 1.5 !important; color: var(--msm-achat-encre-3) !important;
  margin: 0.125rem 0 0 !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total .includes_tax * { font-size: inherit !important; color: inherit !important; display: inline !important; }
@media (min-width: 768px) {
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table thead { display: table-header-group !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table thead th {
    visibility: visible !important; opacity: 1 !important; padding: 0 1.25rem 0.75rem 0 !important; text-align: left !important;
    font-family: var(--msm-achat-sans) !important; font-size: 0.75rem !important; font-weight: 400 !important; letter-spacing: 0.04em !important;
    text-transform: uppercase !important; color: var(--msm-achat-encre-3) !important; border-bottom: 1px solid var(--msm-achat-filet) !important; white-space: nowrap !important;
  }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table thead th * { color: inherit !important; font-size: inherit !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody tr { display: table-row !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody :is(th, td) {
    display: table-cell !important; vertical-align: baseline !important; padding: 1.125rem 1.25rem 1.125rem 0 !important; border-bottom: 1px solid var(--msm-achat-filet) !important;
    text-align: left !important; font-size: 0.9375rem !important; color: var(--msm-achat-encre) !important;
  }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody :is(th, td)::before { content: none !important; display: none !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__header-order-total,
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total { min-width: 13rem !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-date { white-space: nowrap !important; }
}
@media (max-width: 767px) {
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table thead { display: none !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table,
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody { display: block !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody tr {
    display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 0.25rem 1rem !important; align-items: baseline !important;
    margin: 0 !important; padding: 1.125rem 0 !important; border: 0 !important; border-bottom: 1px solid var(--msm-achat-filet) !important; position: static !important;
    background: none !important;
  }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody :is(th, td) {
    display: block !important; position: static !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
    text-align: left !important; font-size: 0.875rem !important; line-height: 1.5 !important; color: var(--msm-achat-encre-2) !important; transform: none !important;
  }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody :is(th, td)::before { content: none !important; display: none !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-number { grid-column: 1 / -1 !important; grid-row: 1 !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-number a { font-size: 1.125rem !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-date { grid-column: 1 !important; grid-row: 2 !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-status { grid-column: 2 !important; grid-row: 2 !important; text-align: right !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total { grid-column: 1 / -1 !important; grid-row: 3 !important; color: var(--msm-achat-encre) !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-actions { grid-column: 1 / -1 !important; grid-row: 4 !important; margin-top: 0.5rem !important; }
}

/* 4. Détail d'une commande : lignes du pied à hauteur normale, étiquette et montant sur la même ligne de base ; ordre
 *    Sous-total, Expédition, Total, Total HT, TVA, Moyen de paiement, Factures (le gabarit vues.ts, commun à « Commande
 *    reçue », écrit Sous-total, Expédition, Moyen de paiement, Total, Total HT, TVA, Factures : seul le pied de cette
 *    page, mis en colonne flexible par mon-compte.css, est réordonné, par position et non par texte, donc en FR/EN/IT). */
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr {
  display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 1rem !important;
  min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0.75rem 0 !important; border: 0 !important; border-bottom: 1px solid var(--msm-achat-filet) !important;
}
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr > :is(th, td) {
  display: block !important; position: static !important; align-self: baseline !important; min-height: 0 !important; height: auto !important;
  margin: 0 !important; padding: 0 !important; border: 0 !important; transform: none !important; line-height: 1.5 !important; vertical-align: baseline !important;
}
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr > th { flex: 0 1 auto !important; white-space: nowrap !important; text-align: left !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr > td { flex: 1 1 auto !important; text-align: right !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr:nth-child(1) { order: 1 !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr:nth-child(2) { order: 2 !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr:nth-child(4) { order: 3 !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr.msm-tva-totaux { order: 4 !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr:nth-child(3) { order: 5 !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr.msm-factures { order: 6 !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr { order: 7; }
/* « Facture ESSAI-MSM-WEB-2026-0002 » d'un seul tenant (pas de coupure au tiret) ; le lien de téléchargement reste. */
html body:not(#msm-compte) .msm-compte-page-v1 tr.msm-factures td a,
.woocommerce-order tr.msm-factures td a { white-space: nowrap !important; }
@media (max-width: 767px) {
  html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr.msm-factures { flex-wrap: wrap !important; }
}
/* Le contenu prend la largeur de la colonne (marges intérieures de l'ancienne mise en page à colonne latérale retirées). */
html body:not(#msm-compte) .msm-compte-page-v1 :is(.woocommerce-MyAccount-content, .woocommerce-MyAccount-content-wrapper, .woocommerce-order-details, table.woocommerce-table--order-details, table.woocommerce-orders-table, .woocommerce-customer-details, .msm-account-order-info-v79) {
  margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; max-width: none !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 :is(table.woocommerce-table--order-details, table.woocommerce-orders-table) { width: 100% !important; }
/* Pied du détail : étiquette à sa largeur naturelle (mon-compte.css lui donnait une largeur fixe), montant sur le reste. */
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr > th { width: auto !important; max-width: none !important; min-width: 0 !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr > td { width: auto !important; max-width: none !important; min-width: 0 !important; }
html body.msm-account-server-order-detail:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-table--order-details tfoot > tr.msm-factures > td { flex: 1 0 auto !important; }
/* Liste des commandes : montant à la taille de la cellule, à l'encre ; « pour n articles » en secondaire. */
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total { color: var(--msm-achat-encre-2) !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total > :not(.includes_tax),
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total > :not(.includes_tax) * { font-size: inherit !important; color: var(--msm-achat-encre) !important; letter-spacing: 0 !important; }
html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table { border-top: 0 !important; }
/* Accueil : un seul filet entre l'introduction et la liste ; « Connecté en tant que » lisible (13 px, encre à 64 %). */
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-links { border-top: 0 !important; margin-bottom: 0 !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-copy-v77 { color: var(--msm-achat-encre-2) !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-session-v77 { border-top: 0 !important; max-width: none !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-session-v77 :is(.msm-account-dashboard-session-prefix-v77, .msm-account-dashboard-session-name-v77) {
  font-size: 0.8125rem !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--msm-achat-encre-3) !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .msm-account-dashboard-session-v77 .msm-account-dashboard-session-name-v77 { color: var(--msm-achat-encre-2) !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-orders-table__cell-order-total .includes_tax * { margin: 0 !important; padding: 0 !important; }
@media (max-width: 767px) {
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody :is(.woocommerce-orders-table__cell-order-number, .woocommerce-orders-table__cell-order-date, .woocommerce-orders-table__cell-order-total, .woocommerce-orders-table__cell-order-actions) {
    justify-self: start !important; text-align: left !important; align-self: baseline !important; min-height: 0 !important; height: auto !important;
  }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-status { justify-self: end !important; text-align: right !important; }
  html body:not(#msm-compte) .msm-compte-page-v1 table.woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-total { margin-top: 0.375rem !important; }
}

/* C2-0069 (BAL-SITE-025 appliqué au compte) : adresses du détail de commande comme sur la confirmation — intertitres
   légers, sans icônes ni cadre. */
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-customer-details h2.woocommerce-column__title {
  font-size: 1.125rem !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0 !important; margin: 0 0 0.9rem !important;
  color: var(--msm-achat-encre) !important;
}
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-customer-details address { border: 0 !important; padding: 0 !important; font-style: normal !important; line-height: 1.7 !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-customer-details :where(.woocommerce-customer-details--email, .woocommerce-customer-details--phone) { padding-left: 0 !important; }
html body:not(#msm-compte) .msm-compte-page-v1 .woocommerce-customer-details :where(.woocommerce-customer-details--email, .woocommerce-customer-details--phone)::before { content: none !important; display: none !important; }