/* Fichier: 31-woocommerce-aval.css - Role: Styles: WooCommerce aval (panier/checkout/etats) */
/* =========================================================
   WOOCOMMERCE — AVAL
   (sélection/panier/checkout/paiement)
   ========================================================= */

/* =========================================================
   PANIER — recentrage OceanWP (structure)
   ========================================================= */

/* Panier vide — supprimer l’icône (pseudo-élément) */
.wc-block-cart__empty-cart__title.with-empty-cart-icon::before,
.wc-block-cart__empty-cart__title.with-empty-cart-icon::after {
  content: none !important;
  display: none !important;
}

/* Recentrer la colonne principale OceanWP */
body.woocommerce-cart #primary {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;

  /* sécurité contre offsets */
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

/* Neutraliser les paddings latéraux du wrapper */
body.woocommerce-cart #content-wrap {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Largeur de référence du contenu panier */
body.woocommerce-cart #primary,
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
  max-width: 720px !important;
}

/* =========================================================
   PANIER VIDE — centrage du bloc réel
   ========================================================= */

body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;

  /* neutraliser toute translation parasite */
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;

  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Panier vide — micro-ajustement de centrage (offset constant) */
body.woocommerce-cart .wp-block-woocommerce-empty-cart-block {
  transform: translateX(16px) !important;  /* AJUSTER : 6px / 8px / 10px */
}

/* E16 — panier vide : supprimer la ligne "Parcourir la boutique" */
.wp-block-woocommerce-empty-cart-block > p.has-text-align-center {
  display: none !important;
}

/* =========================================================
   WOOCOMMERCE — Mapping charte gelée vers boutons natifs
   ========================================================= */

/* Primaire = btn-action */
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce #place_order,
.woocommerce a.checkout-button,
.woocommerce button.checkout-button,
.woocommerce input.checkout-button {
  background: #000 !important;
  color: #FFC000 !important;
  border: 1px solid transparent !important;

  border-radius: 4px !important;
  padding: 0 20px !important;
  line-height: 38px !important;

  font-size: 0.88em !important;
  letter-spacing: 0.085em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.woocommerce #respond input#submit:hover,
.woocommerce #respond input#submit:focus,
.woocommerce a.button.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce button.button.alt:hover,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:hover,
.woocommerce input.button.alt:focus,
.woocommerce #place_order:hover,
.woocommerce #place_order:focus,
.woocommerce a.checkout-button:hover,
.woocommerce a.checkout-button:focus,
.woocommerce button.checkout-button:hover,
.woocommerce button.checkout-button:focus,
.woocommerce input.checkout-button:hover,
.woocommerce input.checkout-button:focus {
  background: #FFC000 !important;
  color: #000 !important;
}

/* Secondaire = lnk-stylise */
.woocommerce a.button:not(.alt):not(.checkout-button),
.woocommerce button.button:not(.alt):not(.checkout-button),
.woocommerce input.button:not(.alt):not(.checkout-button),
.woocommerce a.wc-backward,
.woocommerce a.button.wc-backward,
.woocommerce a.wc-forward:not(.checkout-button),
.woocommerce a.button.wc-forward:not(.checkout-button) {
  background: transparent !important;
  color: #555 !important;
  border: 1px solid #FFC000 !important;

  border-radius: 4px !important;
  padding: 0 16px !important;
  line-height: 32px !important;

  font-size: 0.75em !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.woocommerce a.button:not(.alt):not(.checkout-button):hover,
.woocommerce a.button:not(.alt):not(.checkout-button):focus,
.woocommerce button.button:not(.alt):not(.checkout-button):hover,
.woocommerce button.button:not(.alt):not(.checkout-button):focus,
.woocommerce input.button:not(.alt):not(.checkout-button):hover,
.woocommerce input.button:not(.alt):not(.checkout-button):focus,
.woocommerce a.wc-backward:hover,
.woocommerce a.wc-backward:focus,
.woocommerce a.button.wc-backward:hover,
.woocommerce a.button.wc-backward:focus,
.woocommerce a.wc-forward:not(.checkout-button):hover,
.woocommerce a.wc-forward:not(.checkout-button):focus,
.woocommerce a.button.wc-forward:not(.checkout-button):hover,
.woocommerce a.button.wc-forward:not(.checkout-button):focus {
  background: transparent !important;
  color: #555 !important;
  border-color: #000 !important;
}

/* =========================================================
   WOOCOMMERCE BLOCKS — bouton principal (checkout/panier)
   ========================================================= */

.wp-block-woocommerce-cart .wc-block-cart__submit-button,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:visited,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:visited {
  background: #000 !important;
  color: #FFC000 !important;
  border: 1px solid transparent !important;

  border-radius: 4px !important;
  padding: 0 20px !important;
  line-height: 38px !important;

  font-size: 0.88em !important;
  letter-spacing: 0.085em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;

  box-sizing: border-box !important;
}

.wp-block-woocommerce-cart .wc-block-cart__submit-button:hover,
.wp-block-woocommerce-cart .wc-block-cart__submit-button:focus,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout .wc-block-components-checkout-place-order-button:focus,
.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:hover,
.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:focus {
  background: #FFC000 !important;
  color: #000 !important;
}

/* =========================================================
   PANIER (WooCommerce Blocks) — supprimer les blocs parasites
   ========================================================= */

.wp-block-woocommerce-cart .wp-block-woocommerce-product-collection,
.wp-block-woocommerce-cart .wp-block-woocommerce-product-collection-no-results,
.wp-block-woocommerce-cart .wc-block-product-template-pagination,
.wp-block-woocommerce-cart .wp-block-query-pagination,
.wp-block-woocommerce-cart .wp-block-query-pagination-previous,
.wp-block-woocommerce-cart .wp-block-query-pagination-next,
.wp-block-woocommerce-cart .wp-block-query-pagination-numbers {
  display: none !important;
}

/* =========================================================
   PANIER (WooCommerce Blocks) — libellés et alignements
   Remplacement CSS des 3 en-têtes visibles :
   - Votre sélection
   - Total
   - Votre commande
   ========================================================= */

/* =========================================================
   1) Masquage + réinjection (valeurs par défaut EN)
   ========================================================= */

/* --- Votre sélection (colonne image / produit) --- */
.wp-block-woocommerce-cart th.wc-block-cart-items__header-image > span{
  font-size: 0 !important;
}

.wp-block-woocommerce-cart th.wc-block-cart-items__header-image > span::after{
  content: "YOUR SELECTION" !important;
  font-size: 14px !important;
  display: inline-block !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  transform: scaleX(0.88);
}

/* --- Total --- */
.wp-block-woocommerce-cart th.wc-block-cart-items__header-total{
  font-size: 0 !important;
  text-align: right !important;
}

.wp-block-woocommerce-cart th.wc-block-cart-items__header-total::after{
  content: "TOTAL" !important;
  font-size: 14px !important;
  display: inline-block !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  transform: scaleX(0.88);
}

/* --- Votre commande (colonne droite) --- */
.wp-block-woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title{
  font-size: 0 !important;
}

.wp-block-woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title::after{
  content: "YOUR ORDER" !important;
  font-size: 14px !important;
  display: inline-block !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  transform: scaleX(0.88);
}

/* =========================================================
   2) I18N par langue
   ========================================================= */

/* FR */
html[lang^="fr"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-image > span::after{
  content: "VOTRE SÉLECTION" !important;
}
html[lang^="fr"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-total::after{
  content: "TOTAL" !important;
}
html[lang^="fr"] .wp-block-woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title::after{
  content: "VOTRE COMMANDE" !important;
}

/* EN */
html[lang^="en"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-image > span::after{
  content: "YOUR SELECTION" !important;
}
html[lang^="en"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-total::after{
  content: "TOTAL" !important;
}
html[lang^="en"] .wp-block-woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title::after{
  content: "YOUR ORDER" !important;
}

/* ES */
html[lang^="es"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-image > span::after{
  content: "TU SELECCIÓN" !important;
}
html[lang^="es"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-total::after{
  content: "TOTAL" !important;
}
html[lang^="es"] .wp-block-woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title::after{
  content: "TU PEDIDO" !important;
}

/* RU */
html[lang^="ru"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-image > span::after{
  content: "ВАШ ВЫБОР" !important;
}
html[lang^="ru"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-total::after{
  content: "ИТОГО" !important;
}
html[lang^="ru"] .wp-block-woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title::after{
  content: "ВАШ ЗАКАЗ" !important;
}

/* ZH */
html[lang^="zh"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-image > span::after{
  content: "您的选择" !important;
}
html[lang^="zh"] .wp-block-woocommerce-cart th.wc-block-cart-items__header-total::after{
  content: "总计" !important;
}
html[lang^="zh"] .wp-block-woocommerce-cart h2.wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title::after{
  content: "您的订单" !important;
}

/* =========================================================
   CHECKOUT (WooCommerce Blocks) — BACS
   Remplacement visuel du titre + description
   ========================================================= */

/* =========================================================
   1) TITRE BACS
   ========================================================= */

/* Masque le libellé natif BACS */
label[for="radio-control-wc-payment-method-options-bacs"]
  .wc-block-components-payment-method-label{
  font-size: 0 !important;
}

/* Valeur par défaut EN */
label[for="radio-control-wc-payment-method-options-bacs"]
  .wc-block-components-payment-method-label::after{
  content: "Bank transfer" !important;
  font-size: 13px !important;
  display: inline !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  transform: none !important;
}

/* FR */
html[lang^="fr"] label[for="radio-control-wc-payment-method-options-bacs"]
  .wc-block-components-payment-method-label::after{
  content: "Virement bancaire" !important;
}

/* EN */
html[lang^="en"] label[for="radio-control-wc-payment-method-options-bacs"]
  .wc-block-components-payment-method-label::after{
  content: "Bank transfer" !important;
}

/* ES */
html[lang^="es"] label[for="radio-control-wc-payment-method-options-bacs"]
  .wc-block-components-payment-method-label::after{
  content: "Transferencia bancaria" !important;
}

/* RU */
html[lang^="ru"] label[for="radio-control-wc-payment-method-options-bacs"]
  .wc-block-components-payment-method-label::after{
  content: "Банковский перевод" !important;
}

/* ZH */
html[lang^="zh"] label[for="radio-control-wc-payment-method-options-bacs"]
  .wc-block-components-payment-method-label::after{
  content: "银行转账" !important;
}

/* =========================================================
   2) DESCRIPTION BACS
   Inspecteur : #radio-control-wc-payment-method-options-bacs__content > div
   ========================================================= */

/* Masque le texte natif */
#radio-control-wc-payment-method-options-bacs__content > div{
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Valeur par défaut EN */
#radio-control-wc-payment-method-options-bacs__content > div::after{
  content: "Please complete your payment by bank transfer using your order ID as reference.\A Your order will be processed once the payment has been received." !important;
  white-space: pre-line !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  display: block !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  letter-spacing: inherit !important;
}

/* FR */
html[lang^="fr"] #radio-control-wc-payment-method-options-bacs__content > div::after{
  content: "Effectuez le paiement par virement bancaire en indiquant l’ID de votre commande comme référence.\A La commande sera traitée dès réception du paiement." !important;
}

/* EN */
html[lang^="en"] #radio-control-wc-payment-method-options-bacs__content > div::after{
  content: "Please complete your payment by bank transfer using your order ID as reference.\A Your order will be processed once the payment has been received." !important;
}

/* ES */
html[lang^="es"] #radio-control-wc-payment-method-options-bacs__content > div::after{
  content: "Realice el pago por transferencia bancaria indicando el ID de su pedido como referencia.\A El pedido será procesado en cuanto se reciba el pago." !important;
}

/* RU */
html[lang^="ru"] #radio-control-wc-payment-method-options-bacs__content > div::after{
  content: "Выполните оплату банковским переводом, указав номер вашего заказа в качестве назначения платежа.\A Заказ будет обработан сразу после получения оплаты." !important;
}

/* ZH */
html[lang^="zh"] #radio-control-wc-payment-method-options-bacs__content > div::after{
  content: "请通过银行转账付款，并将您的订单编号作为付款附言。\A 我们将在收到付款后立即处理订单。" !important;
}

/* =========================================================
   FIX — LIENS-TITRE (Woo Blocks)
   ========================================================= */

#main .wp-block-woocommerce-cart a.wc-block-components-product-name:link,
#main .wp-block-woocommerce-cart a.wc-block-components-product-name:visited,
#main .wp-block-woocommerce-checkout a.wc-block-components-product-name:link,
#main .wp-block-woocommerce-checkout a.wc-block-components-product-name:visited {
  color: #000 !important;
  text-decoration: none !important;
}

#main .wp-block-woocommerce-cart a.wc-block-components-product-name:hover,
#main .wp-block-woocommerce-cart a.wc-block-components-product-name:focus,
#main .wp-block-woocommerce-checkout a.wc-block-components-product-name:hover,
#main .wp-block-woocommerce-checkout a.wc-block-components-product-name:focus {
  color: #FFC000 !important;
  text-decoration: none !important;
}

/* =========================================================
   E16 — CHECKOUT WOOCOMMERCE (Blocks) — layout & bouton
   ========================================================= */

body.woocommerce-checkout a.wc-block-components-checkout-return-to-cart-button {
  display: none !important;
}

body.woocommerce-checkout .wc-block-checkout {
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.woocommerce-checkout .wc-block-checkout__actions_row {
  width: 100% !important;
  display: flex !important;
  justify-content: flex-end !important;
}

body.woocommerce-checkout .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 280px !important;
  margin: 0 !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  white-space: nowrap !important;
}

/* Centrer le contenu interne du bouton */
body.woocommerce-checkout .wc-block-components-checkout-place-order-button {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
}

body.woocommerce-checkout .wc-block-components-checkout-place-order-button .wc-block-components-button__text {
  text-align: center !important;
  width: auto !important;
}

/* =========================================================
   E16 — PANIER MOBILE (Woo Blocks)
   - conserver le seuil natif
   - rétablir des marges latérales sur petit écran
   ========================================================= */

@media (max-width: 767px){

  body.woocommerce-cart #content-wrap{
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-sizing: border-box !important;
  }

  body.woocommerce-cart #primary,
  body.woocommerce-cart .wp-block-woocommerce-empty-cart-block{
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }

}

/* =========================================================
   E16 — CHECKOUT BLOCKS
   Selects : éviter le chevauchement label / valeur
   (Pays/Région, État, etc.)
   ========================================================= */

body.woocommerce-checkout .wc-blocks-components-select__container{
  position: relative !important;
}

body.woocommerce-checkout .wc-blocks-components-select__label{
  position: absolute !important;
  top: 5px !important;
  left: 12px !important;
  z-index: 3 !important;

  display: block !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 11px !important;
  line-height: 1 !important;
  color: #555 !important;
  background: transparent !important;
  pointer-events: none !important;
}

body.woocommerce-checkout .wc-blocks-components-select__select{
  padding-top: 18px !important;
  padding-bottom: 4px !important;
  line-height: 1.2 !important;
}

/* =========================================================
   PAGE CONFIRMATION COMMANDE (WooCommerce)
   Compactage renforcé + alignements + filets simples
   ========================================================= */

/* Conteneur général */
.woocommerce-order{
  max-width: 540px !important;
  margin: 0 auto !important;
  padding: 0 8px !important;
}

/* Message d’introduction */
.woocommerce-order > p:first-of-type{
  margin: 0 0 10px 0 !important;
}

/* ---------------------------------------------------------
   Bloc récapitulatif haut
   --------------------------------------------------------- */
.woocommerce-order-overview{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 6px 20px !important;
  margin: 0 0 12px 0 !important;
  padding: 8px 0 8px 0 !important;
  list-style: none !important;
  border-top: 1px solid #FFC000 !important;
  border-bottom: 1px solid #FFC000 !important;
}

.woocommerce-order-overview li{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  line-height: 1.35 !important;
}

/* ---------------------------------------------------------
   Titres de sections
   --------------------------------------------------------- */
.woocommerce-order h2,
.woocommerce-order h3{
  margin: 14px 0 8px 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* ---------------------------------------------------------
   Tableau détails commande
   --------------------------------------------------------- */
.woocommerce-order-details{
  margin: 0 0 12px 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.woocommerce-order-details table.shop_table{
  width: 100% !important;
  max-width: 540px !important;
  margin: 0 auto !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

.woocommerce-order-details table.shop_table th,
.woocommerce-order-details table.shop_table td{
  padding: 7px 8px !important;
  vertical-align: top !important;
  line-height: 1.3 !important;
}

/* Alignement global des deux colonnes */
.woocommerce-order-details table.shop_table th:first-child,
.woocommerce-order-details table.shop_table td:first-child{
  width: 58% !important;
}

.woocommerce-order-details table.shop_table th:last-child,
.woocommerce-order-details table.shop_table td:last-child{
  width: 42% !important;
  text-align: right !important;
}

/* Réduction spécifique du footer du tableau */
.woocommerce-order-details table.shop_table tfoot th,
.woocommerce-order-details table.shop_table tfoot td{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/* ---------------------------------------------------------
   Détails client / adresses
   --------------------------------------------------------- */
.woocommerce-customer-details{
  margin-top: 0 !important;
  padding-top: 8px !important;
  border-top: 1px solid #FFC000 !important;
}

.woocommerce-customer-details .addresses{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 22px !important;
}

.woocommerce-customer-details .woocommerce-column{
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.woocommerce-customer-details address{
  margin: 0 !important;
  line-height: 1.4 !important;
}

/* Réduction des espacements parasites */
.woocommerce-order p,
.woocommerce-order section,
.woocommerce-order .woocommerce-column{
  margin-bottom: 8px !important;
}

/* ---------------------------------------------------------
   Mobile
   --------------------------------------------------------- */
@media (max-width: 767px){

  .woocommerce-order{
    max-width: 100% !important;
    padding: 0 10px !important;
  }
  
.woocommerce-order-overview{
  grid-template-columns: 1fr 1fr !important;
  gap: 6px 16px !important;
}

.woocommerce-order-overview li{
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-order-overview li:nth-child(odd){
  text-align: left !important;
  justify-self: start !important;
}

.woocommerce-order-overview li:nth-child(even){
  text-align: right !important;
  justify-self: end !important;
}

  .woocommerce-customer-details .addresses{
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .woocommerce-order-details table.shop_table th:first-child,
  .woocommerce-order-details table.shop_table td:first-child,
  .woocommerce-order-details table.shop_table th:last-child,
  .woocommerce-order-details table.shop_table td:last-child{
    width: auto !important;
  }
}

/* =========================================================
   PAGE CONFIRMATION COMMANDE — alignement colonne droite
   Bloc haut + bloc adresses
   ========================================================= */

/* 1) Bloc haut : la 2e colonne colle à droite */
.woocommerce-order-overview li:nth-child(even){
  text-align: right !important;
}

/* 2) Bloc adresses : la colonne Shipping colle à droite */
.woocommerce-customer-details .addresses .woocommerce-column:last-child{
  text-align: right !important;
}

/* On garde le titre d'adresse lisible */
.woocommerce-customer-details .addresses .woocommerce-column:last-child h2,
.woocommerce-customer-details .addresses .woocommerce-column:last-child h3{
  text-align: right !important;
}

/* L'adresse elle-même colle à droite */
.woocommerce-customer-details .addresses .woocommerce-column:last-child address{
  text-align: right !important;
}

/* =========================================================
   PAGE CONFIRMATION COMMANDE — bloc adresses
   Forcer la colonne droite à coller à droite
   ========================================================= */

/* Grille des 2 adresses */
.woocommerce-customer-details .addresses{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 22px !important;
  align-items: start !important;
}

/* Colonne gauche */
.woocommerce-customer-details .addresses .col-1,
.woocommerce-customer-details .addresses .woocommerce-column:first-child{
  justify-self: start !important;
  text-align: left !important;
}

/* Colonne droite */
.woocommerce-customer-details .addresses .col-2,
.woocommerce-customer-details .addresses .woocommerce-column:last-child{
  justify-self: end !important;
  text-align: right !important;
}

/* Titre + contenu colonne droite */
.woocommerce-customer-details .addresses .col-2 h2,
.woocommerce-customer-details .addresses .col-2 h3,
.woocommerce-customer-details .addresses .col-2 address,
.woocommerce-customer-details .addresses .woocommerce-column:last-child h2,
.woocommerce-customer-details .addresses .woocommerce-column:last-child h3,
.woocommerce-customer-details .addresses .woocommerce-column:last-child address{
  text-align: right !important;
}

/* Annuler d'éventuels floats WooCommerce */
.woocommerce-customer-details .addresses .col-1,
.woocommerce-customer-details .addresses .col-2,
.woocommerce-customer-details .addresses .woocommerce-column{
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* =========================================================
   PAGE CONFIRMATION COMMANDE — bloc coordonnées bancaires
   Compactage fort
   ========================================================= */

.woocommerce-order .woocommerce-bacs-bank-details,
.woocommerce-order .wc-bacs-bank-details{
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
}

.woocommerce-order .wc-bacs-bank-details-heading{
  margin: 6px 0 4px 0 !important;
  padding: 0 !important;
  line-height: 1.05 !important;
}

.woocommerce-order .wc-bacs-bank-details,
.woocommerce-order .wc-bacs-bank-details *{
  line-height: 1.05 !important;
}

.woocommerce-order .wc-bacs-bank-details ul,
.woocommerce-order .wc-bacs-bank-details li{
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-order .wc-bacs-bank-details li{
  margin-bottom: 2px !important;
}

.woocommerce-order .wc-bacs-bank-details li strong,
.woocommerce-order .wc-bacs-bank-details li span,
.woocommerce-order .wc-bacs-bank-details li small,
.woocommerce-order .wc-bacs-bank-details li br{
  margin: 0 !important;
  padding: 0 !important;
}