/* ============================================================
   CLUZELLES — Habillage WooCommerce (thème enfant)
   Pages : Panier · Validation de commande · Mon compte
   ------------------------------------------------------------
   Couvre les DEUX versions de WooCommerce :
     • « Blocs »      (par défaut depuis WooCommerce 8.3) → .wc-block-*
     • « Classique »  (shortcodes)                        → .woocommerce-*
   La page « Mon compte » est toujours en version classique.
   Polices : titres Abril Fatface · corps Outfit · accents Cormorant.
   ============================================================ */
:root{
  --clz-brown:#794233; --clz-espresso:#2A241E; --clz-ink:#2A241E; --clz-ink2:#4A4036;
  --clz-cream:#F7F4EE; --clz-cream-2:#F4F0E8; --clz-offwhite:#FBFAF6;
  --clz-muted:#9A8E7C; --clz-line:#E2D8C8; --clz-error:#B3543F;
  --clz-title:"Abril Fatface", Georgia, serif;
  --clz-body:"Outfit", system-ui, sans-serif;
  --clz-serif:"Cormorant Garamond", Georgia, serif;
}

/* ---------- Typographie sur toutes les pages Woo ---------- */
.woocommerce, .woocommerce-page, .woocommerce-account,
.wc-block-cart, .wc-block-checkout, .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout{
  font-family:var(--clz-body);
  color:var(--clz-ink2);
}
.woocommerce h1, .woocommerce h2,
.woocommerce-account h1, .woocommerce-account h2,
.wc-block-components-title, .wc-block-components-checkout-step__title,
.woocommerce-checkout #order_review_heading, .woocommerce .cart_totals h2{
  font-family:var(--clz-title) !important;
  color:var(--clz-ink);
  font-weight:400;
  letter-spacing:.2px;
}
.woocommerce a, .woocommerce-account a,
.wc-block-cart a, .wc-block-checkout a{ color:var(--clz-brown); }

/* ============================================================
   BOUTONS
   ============================================================ */
/* — Classique — */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .woocommerce .button, .woocommerce-page .button,
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
  background:var(--clz-espresso);
  color:var(--clz-cream);
  font-family:var(--clz-body);
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:1.2px;
  font-size:13px;
  line-height:1.2;
  border:0;
  border-radius:3px;
  padding:15px 32px;
  transition:background .2s ease;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{
  background:var(--clz-brown);
  color:var(--clz-cream);
}
/* Actions principales : passer commande / valider la commande */
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order{
  background:var(--clz-brown);
  font-size:14px;
  padding:17px 36px;
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #place_order:hover{ background:var(--clz-espresso); }

/* — Blocs (le composant bouton WC n'a PAS la classe .button) — */
.wc-block-components-button:not(.is-link){
  background-color:var(--clz-brown) !important;
  color:var(--clz-cream) !important;
  border-radius:3px !important;
  font-family:var(--clz-body) !important;
  font-weight:500 !important;
  text-transform:uppercase;
  letter-spacing:1.2px;
}
.wc-block-components-button:not(.is-link):hover{ background-color:var(--clz-espresso) !important; }
.wc-block-components-button.is-link{ color:var(--clz-brown) !important; }

/* ============================================================
   CHAMPS DE FORMULAIRE  (commande · connexion · mon compte)
   ============================================================ */
/* — Classique — */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-account input.input-text,
.woocommerce .select2-container--default .select2-selection--single{
  font-family:var(--clz-body);
  font-size:15px;
  color:var(--clz-ink);
  background:#fff;
  border:1px solid var(--clz-line);
  border-radius:4px;
  padding:12px 14px;
  box-shadow:none;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-account input.input-text:focus{
  border-color:var(--clz-brown);
  outline:none;
  box-shadow:0 0 0 2px rgba(121,66,51,.12);
}
.woocommerce form .form-row label, .woocommerce-account label{
  font-family:var(--clz-body); color:var(--clz-ink2); font-size:13px;
}
/* — Blocs — */
.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-block-components-select .components-form-token-field__input,
.wc-block-components-combobox input{
  border:1px solid var(--clz-line) !important;
  border-radius:4px;
  font-family:var(--clz-body);
}
.wc-block-components-text-input input:focus{ border-color:var(--clz-brown) !important; }
.wc-block-components-text-input.is-active label{ color:var(--clz-brown) !important; }

/* ============================================================
   PANIER & TOTAUX
   ============================================================ */
/* Tableau panier classique */
.woocommerce table.shop_table{
  border:1px solid var(--clz-line);
  border-radius:6px;
  font-family:var(--clz-body);
}
.woocommerce table.shop_table thead th{
  text-transform:uppercase; letter-spacing:1px;
  font-size:12px; color:var(--clz-muted); font-weight:600;
}
/* Encadrés panier/commande en blocs : fond crème + filet */
.wc-block-checkout__sidebar,
.wc-block-cart__sidebar > .wc-block-components-sidebar,
.wp-block-woocommerce-checkout-order-summary-block{
  background:var(--clz-offwhite);
  border:1px solid var(--clz-line);
  border-radius:8px;
}
/* Montants */
.wc-block-components-totals-item__value,
.wc-block-components-product-price__value,
.wc-block-components-formatted-money-amount{ color:var(--clz-ink); }
.wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount{ font-weight:600; }
/* Badge quantité dans le récap commande (blocs) */
.wc-block-components-order-summary-item__quantity{
  background:var(--clz-brown) !important;
  color:var(--clz-cream) !important;
  box-shadow:none !important;
  border:none !important;
}
/* Badge du mini-panier */
.wc-block-mini-cart__badge{ background:var(--clz-brown); color:#fff; }

/* ============================================================
   MON COMPTE
   ============================================================ */
.woocommerce-account .woocommerce-MyAccount-navigation ul{
  list-style:none; margin:0 0 24px; padding:0;
  border:1px solid var(--clz-line); border-radius:8px; overflow:hidden;
}
.woocommerce-account .woocommerce-MyAccount-navigation li{ border-bottom:1px solid var(--clz-line); }
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{ border-bottom:0; }
.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block; padding:14px 18px;
  font-family:var(--clz-body); font-size:14px; color:var(--clz-ink2);
  text-decoration:none; transition:background .18s, color .18s;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background:var(--clz-cream); color:var(--clz-brown);
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--clz-brown); color:var(--clz-cream); font-weight:500;
}
.woocommerce-account .woocommerce-MyAccount-content{ font-family:var(--clz-body); color:var(--clz-ink2); }
.woocommerce-account .woocommerce form.login,
.woocommerce-account .woocommerce form.register{
  border:1px solid var(--clz-line); border-radius:8px; padding:28px;
}

/* ============================================================
   NOTICES (messages · infos · erreurs)
   ============================================================ */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
  font-family:var(--clz-body); border-radius:6px; border-top:none;
}
.woocommerce-message{ border-left:3px solid var(--clz-brown); background:var(--clz-cream); }
.woocommerce-info{ border-left:3px solid var(--clz-muted); background:var(--clz-offwhite); }
.woocommerce-error{ border-left:3px solid var(--clz-error); background:#faf0ec; }
.woocommerce-message::before, .woocommerce-info::before{ color:var(--clz-brown); }
/* Blocs */
.wc-block-components-notice-banner{ font-family:var(--clz-body); border-radius:6px; }
.wc-block-components-notice-banner.is-info,
.wc-block-components-notice-banner.is-success{ border-color:var(--clz-brown) !important; }
.wc-block-components-notice-banner.is-error{ border-color:var(--clz-error) !important; }

/* ============================================================
   ÉTAPES DE COMMANDE (blocs)
   ============================================================ */
.wc-block-components-checkout-step__heading-content{ color:var(--clz-muted); font-family:var(--clz-body); }
.wc-block-checkout__actions{ font-family:var(--clz-body); }

/* ============================================================
   CLUZELLES — Mini-panier (widget « Menu Cart » d'Elementor)
   ------------------------------------------------------------
   À coller À LA SUITE de cluzelles-woocommerce.css
   (ou dans Apparence → Personnaliser → CSS additionnel).
   Cible les classes .elementor-menu-cart__*
   Polices : titres Abril · corps Outfit · accents Cormorant.
   ============================================================ */

/* ---- Panneau / tiroir ---- */
.elementor-menu-cart__container .elementor-menu-cart__main{
  background:#FBFAF6;
  color:#4A4036;
  font-family:"Outfit", system-ui, sans-serif;
  border:1px solid #E2D8C8;
  box-shadow:0 10px 44px rgba(42,36,30,.12);
  padding:26px 24px;
}

/* Bouton de fermeture (icône) */
.elementor-menu-cart__close-button{
  color:#2A241E; opacity:.65; transition:opacity .2s, color .2s;
}
.elementor-menu-cart__close-button:hover{ opacity:1; color:#794233; }

/* ---- Lignes produit ---- */
.elementor-menu-cart__products{ margin-top:6px; }
.elementor-menu-cart__product.woocommerce-cart-form__cart-item{
  border-bottom:1px solid #E2D8C8;
  padding:16px 0;
  align-items:center;
}
.elementor-menu-cart__product-image img{
  border-radius:4px;
  border:1px solid #E2D8C8;
}

/* Nom du produit */
.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a{
  font-family:"Outfit", system-ui, sans-serif;
  font-size:14px; font-weight:500; line-height:1.35; color:#2A241E;
}
.elementor-menu-cart__product-name a:hover{ color:#794233; }

/* Attribut (Couleur : Blanc / Taille : L) — accent Cormorant */
.elementor-menu-cart__product .variation,
.elementor-menu-cart__product .variation dt,
.elementor-menu-cart__product .variation dd,
.elementor-menu-cart__product .variation p{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:14px; color:#9A8E7C; margin:2px 0 0; line-height:1.3;
}
.elementor-menu-cart__product .variation dt{ display:inline; font-weight:600; }
.elementor-menu-cart__product .variation dd{ display:inline; margin-left:4px; }
.elementor-menu-cart__product .variation dd p{ display:inline; margin:0; }

/* Quantité × prix */
.elementor-menu-cart__product-price .woocommerce-Price-amount{
  font-family:"Outfit", system-ui, sans-serif; font-size:13.5px; color:#4A4036;
}
.elementor-menu-cart__product-price .product-quantity{ color:#9A8E7C; }

/* Bouton « supprimer » (× ) — on recolore l'icône existante */
.elementor-menu-cart__product-remove a{
  color:#9A8E7C !important; opacity:1; transition:color .2s;
}
.elementor-menu-cart__product-remove a:hover{ color:#794233 !important; }

/* ---- Sous-total ---- */
.elementor-menu-cart__subtotal{
  border-top:1px solid #E2D8C8;
  margin-top:6px; padding-top:18px;
  display:flex; align-items:baseline; justify-content:space-between;
}
.elementor-menu-cart__subtotal strong{
  font-family:"Outfit", system-ui, sans-serif; font-weight:500;
  text-transform:uppercase; letter-spacing:1.4px; font-size:12px; color:#9A8E7C;
}
.elementor-menu-cart__subtotal .woocommerce-Price-amount{
  font-family:"Cormorant Garamond", Georgia, serif; font-weight:600; font-size:22px; color:#2A241E;
}

/* ---- Boutons de pied ---- */
.elementor-menu-cart__footer-buttons{ margin-top:18px; gap:10px; }
.elementor-menu-cart__footer-buttons .elementor-button{
  font-family:"Outfit", system-ui, sans-serif !important; font-weight:500;
  text-transform:uppercase; letter-spacing:1.2px; font-size:12.5px;
  border-radius:3px; padding:14px 20px; transition:background .2s, color .2s, border-color .2s;
}
/* « Voir le panier » = secondaire (contour espresso) */
.elementor-menu-cart__footer-buttons .elementor-button--view-cart{
  background:transparent !important; color:#2A241E !important; border:1px solid #2A241E !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{
  background:#2A241E !important; color:#F7F4EE !important;
}
/* « Commander » = principal (terracotta) */
.elementor-menu-cart__footer-buttons .elementor-button--checkout{
  background:#794233 !important; color:#F7F4EE !important; border:1px solid #794233 !important;
}
.elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{
  background:#2A241E !important; border-color:#2A241E !important; color:#F7F4EE !important;
}

/* ---- Panier vide ---- */
.elementor-menu-cart__main .woocommerce-mini-cart__empty-message{
  font-family:"Cormorant Garamond", Georgia, serif; font-style:italic;
  font-size:17px; color:#9A8E7C; text-align:center; padding:28px 0;
}

/* ---- Pastille de quantité sur l'icône panier (barre de menu) ---- */
.elementor-menu-cart__toggle .elementor-button-icon-qty{
  background:#794233 !important; color:#fff !important;
}
/* ============================================================
   CLUZELLES — Page de remerciement / récap après commande
   (WooCommerce « order received » — version CLASSIQUE et BLOCS)
   ------------------------------------------------------------
   À coller À LA SUITE de cluzelles-woocommerce.css
   (ou dans Apparence → Personnaliser → CSS additionnel).
   Polices : titres Abril · corps Outfit · accents Cormorant.
   ============================================================ */

/* ============================================================
   1) VERSION CLASSIQUE  (.woocommerce-order)
   ============================================================ */
.woocommerce-order{ font-family:"Outfit", system-ui, sans-serif; color:#4A4036; }

/* Titres de section : Abril */
.woocommerce-order h2,
.woocommerce-order-details__title,
.woocommerce-customer-details__title,
.woocommerce-column__title{
  font-family:"Abril Fatface", Georgia, serif !important;
  font-weight:400; color:#2A241E; font-size:24px; margin-bottom:16px;
}

/* Message « Merci. Votre commande a été reçue. » */
.woocommerce-order > .woocommerce-notice--success,
.woocommerce-order p.woocommerce-thankyou-order-received{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:26px; font-style:italic; color:#794233; text-align:center;
  background:#F7F4EE; border:1px solid #E2D8C8; border-radius:10px;
  padding:26px 24px; margin:0 0 34px;
}

/* Récap commande (n°, date, e-mail, total, paiement) */
.woocommerce-order ul.woocommerce-order-overview{
  list-style:none; margin:0 0 38px; padding:0;
  display:flex; flex-wrap:wrap;
  border:1px solid #E2D8C8; border-radius:10px; overflow:hidden;
}
.woocommerce-order ul.woocommerce-order-overview li{
  flex:1 1 150px; padding:18px 20px; text-align:center;
  border-right:1px solid #E2D8C8; border-bottom:0; margin:0;
  font-family:"Outfit", system-ui, sans-serif;
  text-transform:uppercase; letter-spacing:1.1px; font-size:11px; color:#9A8E7C;
}
.woocommerce-order ul.woocommerce-order-overview li:last-child{ border-right:0; }
.woocommerce-order ul.woocommerce-order-overview li strong{
  display:block; margin-top:7px;
  font-family:"Cormorant Garamond", Georgia, serif;
  text-transform:none; letter-spacing:0; font-size:18px; color:#2A241E; font-weight:600;
}

/* Tableau des produits / totaux */
.woocommerce-order table.shop_table{
  border:1px solid #E2D8C8; border-radius:8px; font-family:"Outfit", system-ui, sans-serif; overflow:hidden;
}
.woocommerce-order table.shop_table thead th{
  text-transform:uppercase; letter-spacing:1px; font-size:12px; color:#9A8E7C; font-weight:600;
}
.woocommerce-order table.shop_table a{ color:#794233; }
.woocommerce-order table.shop_table tfoot .order-total .woocommerce-Price-amount{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:21px; font-weight:600; color:#2A241E;
}

/* Adresses (facturation / livraison) */
.woocommerce-customer-details .woocommerce-columns--addresses .col-1,
.woocommerce-customer-details .woocommerce-columns--addresses .col-2,
.woocommerce-customer-details address{
  font-family:"Outfit", system-ui, sans-serif; font-style:normal; color:#4A4036; line-height:1.7;
}
.woocommerce-customer-details address{
  border:1px solid #E2D8C8; border-radius:8px; padding:18px 20px; background:#FBFAF6;
}

/* Téléchargements éventuels : héritent du style .shop_table ci-dessus */

@media (max-width:600px){
  .woocommerce-order ul.woocommerce-order-overview li{
    flex:1 1 100%; border-right:0; border-bottom:1px solid #E2D8C8;
  }
  .woocommerce-order ul.woocommerce-order-overview li:last-child{ border-bottom:0; }
}

/* ============================================================
   2) VERSION BLOCS  (.wc-block-order-confirmation-*)
   ============================================================ */
[class*="wc-block-order-confirmation"]{ font-family:"Outfit", system-ui, sans-serif; color:#4A4036; }

/* Titres (Abril) */
.wc-block-order-confirmation-status h1,
.wc-block-order-confirmation-status h2,
.wp-block-woocommerce-order-confirmation-summary h2,
.wp-block-woocommerce-order-confirmation-totals h2,
.wp-block-woocommerce-order-confirmation-shipping-address h2,
.wp-block-woocommerce-order-confirmation-billing-address h2,
.wp-block-woocommerce-order-confirmation-additional-information h2{
  font-family:"Abril Fatface", Georgia, serif !important; font-weight:400; color:#2A241E;
}

/* Statut / message de confirmation */
.wc-block-order-confirmation-status{
  background:#F7F4EE; border:1px solid #E2D8C8; border-radius:10px;
  padding:28px 24px; margin-bottom:34px; text-align:center;
}
.wc-block-order-confirmation-status h1{ color:#2A241E; }
.wc-block-order-confirmation-status p,
.wc-block-order-confirmation-status-description{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:20px; color:#794233;
}

/* Récap commande (résumé) */
.wp-block-woocommerce-order-confirmation-summary,
.wc-block-order-confirmation-summary{
  border:1px solid #E2D8C8; border-radius:10px; padding:20px 22px; margin-bottom:34px;
}
.wc-block-order-confirmation-summary-list-item__key{
  text-transform:uppercase; letter-spacing:1.1px; font-size:11px; color:#9A8E7C;
}
.wc-block-order-confirmation-summary-list-item__value{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:18px; color:#2A241E; font-weight:600;
}

/* Totaux */
.wc-block-order-confirmation-totals table th{
  text-transform:uppercase; letter-spacing:1px; font-size:12px; color:#9A8E7C;
}
.wc-block-order-confirmation-totals .wc-block-components-totals-item__value,
.wc-block-order-confirmation-totals .wc-block-components-formatted-money-amount{ color:#2A241E; }
.wc-block-order-confirmation-totals .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:20px; font-weight:600;
}

/* Adresses */
.wc-block-order-confirmation-shipping-address,
.wc-block-order-confirmation-billing-address,
.wp-block-woocommerce-order-confirmation-shipping-address address,
.wp-block-woocommerce-order-confirmation-billing-address address{
  font-family:"Outfit", system-ui, sans-serif; font-style:normal; line-height:1.7; color:#4A4036;
  border:1px solid #E2D8C8; border-radius:8px; padding:18px 20px; background:#FBFAF6;
}

/* Boutons éventuels (réessayer, mon compte) — cohérence marque */
.woocommerce-order .button,
[class*="wc-block-order-confirmation"] .button{
  background:#794233 !important; color:#F7F4EE !important; border:0 !important;
  text-transform:uppercase; letter-spacing:1.2px;
}
/* ============================================================
   CLUZELLES — Page de remerciement : 2 ajustements
   ------------------------------------------------------------
   1) Masque le titre « Commande reçue » en haut de page
   2) Met le tableau « Détails de la commande » au même style
      que le récapitulatif (bordure crème arrondie, en-tête
      discret en petites capitales, totaux en Cormorant)
   À COLLER À LA SUITE de cluzelles-page-remerciement.css
   (ou dans Apparence → Personnaliser → CSS additionnel).
   ============================================================ */

/* 1) ---- Masquer le titre de page « Commande reçue » (seulement ici) ---- */
body.woocommerce-order-received .page-header{ display:none; }


/* 2) ---- Tableau « Détails de la commande » : même langage que le récap ---- */
.woocommerce-order table.shop_table.order_details{
  width:100%;
  margin:0 0 38px;
  border:1px solid #E2D8C8;
  border-radius:10px;
  border-collapse:separate;     /* indispensable pour que les coins arrondis s'appliquent */
  border-spacing:0;
  overflow:hidden;
  background:#FBFAF6;
  font-family:"Outfit", system-ui, sans-serif;
}

/* En-tête PRODUIT / TOTAL : petites capitales discrètes, comme les libellés du récap */
.woocommerce-order table.shop_table.order_details thead th{
  background:#F4F0E8;
  padding:14px 20px;
  border:0;
  border-bottom:1px solid #E2D8C8;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:1.1px;
  font-size:11px;
  font-weight:600;
  color:#9A8E7C;
}
.woocommerce-order table.shop_table.order_details thead th.product-total{ text-align:right; }

/* Lignes produits */
.woocommerce-order table.shop_table.order_details tbody td{
  padding:16px 20px;
  border:0;
  border-bottom:1px solid #ECE3D5;
  background:transparent;
  vertical-align:top;
  font-size:15px;
  color:#4A4036;
}
.woocommerce-order table.shop_table.order_details tbody td.product-total{ text-align:right; white-space:nowrap; }
.woocommerce-order table.shop_table.order_details tbody a{ color:#2A241E; text-decoration:none; font-weight:500; }
.woocommerce-order table.shop_table.order_details tbody a:hover{ color:#794233; }
.woocommerce-order table.shop_table.order_details .product-quantity{ color:#9A8E7C; font-weight:400; }

/* Méta « Couleur : Blanc » sous le nom de produit */
.woocommerce-order table.shop_table.order_details .wc-item-meta{
  list-style:none; margin:7px 0 0; padding:0; font-size:13px; color:#9A8E7C;
}
.woocommerce-order table.shop_table.order_details .wc-item-meta li{ margin:0; }
.woocommerce-order table.shop_table.order_details .wc-item-meta strong{ font-weight:500; color:#6B6253; }
.woocommerce-order table.shop_table.order_details .wc-item-meta p{ display:inline; margin:0; }

/* Pied : Sous-total / Total / Moyen de paiement */
.woocommerce-order table.shop_table.order_details tfoot th,
.woocommerce-order table.shop_table.order_details tfoot td{
  padding:13px 20px;
  border:0;
  border-top:1px solid #ECE3D5;
  background:transparent;
}
.woocommerce-order table.shop_table.order_details tfoot tr:first-child th,
.woocommerce-order table.shop_table.order_details tfoot tr:first-child td{ border-top:1px solid #E2D8C8; }
.woocommerce-order table.shop_table.order_details tfoot th{
  text-align:left;
  text-transform:uppercase; letter-spacing:.6px; font-size:12px; font-weight:500; color:#9A8E7C;
}
.woocommerce-order table.shop_table.order_details tfoot td{ text-align:right; color:#2A241E; }

/* Montants du pied en Cormorant — comme les valeurs du récapitulatif */
.woocommerce-order table.shop_table.order_details tfoot td .woocommerce-Price-amount{
  font-family:"Cormorant Garamond", Georgia, serif;
  font-size:18px; font-weight:600; color:#2A241E;
}
/* ============================================================
   CLUZELLES — Page « Mon compte » : tableaux harmonisés
   ------------------------------------------------------------
   Même style que la page de remerciement : bordure crème
   arrondie, en-tête discret en petites capitales, montants en
   Cormorant. Couvre la LISTE DES COMMANDES, le DÉTAIL d'une
   commande (page « Voir »), et les TÉLÉCHARGEMENTS éventuels.
   Réservé à la page compte (body.woocommerce-account).
   À COLLER À LA SUITE de cluzelles-woocommerce.css
   (ou dans Apparence → Personnaliser → CSS additionnel).
   ============================================================ */

/* ---- Base commune à tous les tableaux du compte ---- */
body.woocommerce-account table.shop_table{
  width:100%;
  margin:0 0 32px;
  border:1px solid #E2D8C8;
  border-radius:10px;
  border-collapse:separate;     /* requis pour les coins arrondis */
  border-spacing:0;
  overflow:hidden;
  background:#FBFAF6;
  font-family:"Outfit", system-ui, sans-serif;
  color:#4A4036;
}

/* En-têtes de colonnes : petites capitales discrètes */
body.woocommerce-account table.shop_table thead th{
  background:#F4F0E8;
  padding:14px 18px;
  border:0;
  border-bottom:1px solid #E2D8C8;
  text-align:left;
  text-transform:uppercase;
  letter-spacing:1px;
  font-size:11px;
  font-weight:600;
  color:#9A8E7C;
}

/* Cellules */
body.woocommerce-account table.shop_table tbody td{
  padding:16px 18px;
  border:0;
  border-bottom:1px solid #ECE3D5;
  background:transparent;
  vertical-align:middle;
  font-size:15px;
  color:#4A4036;
}
body.woocommerce-account table.shop_table tbody tr:last-child td{ border-bottom:0; }


/* ---- Liste des commandes (onglet « Commandes ») ---- */
body.woocommerce-account .woocommerce-orders-table__cell-order-number a{
  color:#794233; text-decoration:none; font-weight:600;
}
body.woocommerce-account .woocommerce-orders-table__cell-order-number a:hover{ color:#2A241E; }
body.woocommerce-account .woocommerce-orders-table__cell-order-total .woocommerce-Price-amount{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:17px; font-weight:600; color:#2A241E;
}
/* bouton « Voir » compact (couleurs marque déjà héritées) */
body.woocommerce-account .woocommerce-orders-table__cell-order-actions .button{
  margin:0 0 4px; padding:9px 18px; font-size:12px;
}


/* ---- Détail d'une commande (page « Voir ») ---- */
body.woocommerce-account table.shop_table.order_details tbody td{ vertical-align:top; }
body.woocommerce-account table.shop_table.order_details thead th.product-total{ text-align:right; }
body.woocommerce-account table.shop_table.order_details tbody td.product-total{ text-align:right; white-space:nowrap; }
body.woocommerce-account table.shop_table.order_details tbody a{ color:#2A241E; text-decoration:none; font-weight:500; }
body.woocommerce-account table.shop_table.order_details tbody a:hover{ color:#794233; }
body.woocommerce-account table.shop_table.order_details .product-quantity{ color:#9A8E7C; }
body.woocommerce-account table.shop_table.order_details .wc-item-meta{
  list-style:none; margin:7px 0 0; padding:0; font-size:13px; color:#9A8E7C;
}
body.woocommerce-account table.shop_table.order_details .wc-item-meta li{ margin:0; }
body.woocommerce-account table.shop_table.order_details .wc-item-meta strong{ font-weight:500; color:#6B6253; }
body.woocommerce-account table.shop_table.order_details .wc-item-meta p{ display:inline; margin:0; }

/* garde un filet avant le pied + style du pied (Sous-total / Total / Moyen) */
body.woocommerce-account table.shop_table.order_details tbody tr:last-child td{ border-bottom:1px solid #E2D8C8; }
body.woocommerce-account table.shop_table.order_details tfoot th,
body.woocommerce-account table.shop_table.order_details tfoot td{
  padding:13px 18px; border:0; border-top:1px solid #ECE3D5; background:transparent;
}
body.woocommerce-account table.shop_table.order_details tfoot tr:first-child th,
body.woocommerce-account table.shop_table.order_details tfoot tr:first-child td{ border-top:1px solid #E2D8C8; }
body.woocommerce-account table.shop_table.order_details tfoot th{
  text-align:left; text-transform:uppercase; letter-spacing:.6px; font-size:12px; font-weight:500; color:#9A8E7C;
}
body.woocommerce-account table.shop_table.order_details tfoot td{ text-align:right; color:#2A241E; }
body.woocommerce-account table.shop_table.order_details tfoot td .woocommerce-Price-amount{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:18px; font-weight:600; color:#2A241E;
}


/* ---- Affichage mobile (tableau responsive WooCommerce) ---- */
@media (max-width:768px){
  body.woocommerce-account table.shop_table.shop_table_responsive tbody td{
    border-bottom:1px solid #ECE3D5; text-align:right;
  }
  body.woocommerce-account table.shop_table.shop_table_responsive tbody tr{
    border-bottom:1px solid #E2D8C8;
  }
  body.woocommerce-account table.shop_table.shop_table_responsive tbody tr:last-child{ border-bottom:0; }
  body.woocommerce-account table.shop_table.shop_table_responsive tbody td::before{
    color:#9A8E7C; font-weight:600; text-transform:uppercase; letter-spacing:.5px; font-size:11px;
  }
}

/* ============================================================
   CLUZELLES — Fiche produit : sélection Taille / Couleur + panier
   ------------------------------------------------------------
   Habille le formulaire de variations (menus Taille / Couleur,
   quantité, bouton « Ajouter au panier ») dans la DA Cluzelles,
   dans le même esprit que les tableaux de l'espace Mon compte :
   bordure crème, libellés en petites capitales, prix en Cormorant.
   À COLLER À LA SUITE de cluzelles-woocommerce.css
   (ou Apparence → Personnaliser → CSS additionnel).
   Polices : titres Abril · corps Outfit · accents Cormorant.
   ============================================================ */

/* ---- Cadre du formulaire ---- */
body.single-product .variations_form{ font-family:"Outfit", system-ui, sans-serif; }

/* La « table » de variations devient une pile de champs épurés */
body.single-product table.variations{
  width:100%; margin:0 0 6px; border:0; background:transparent; border-collapse:collapse;
}
body.single-product table.variations tbody,
body.single-product table.variations tr{ display:block; }
body.single-product table.variations tr{ margin:0 0 16px; }
body.single-product table.variations th.label,
body.single-product table.variations td.value{
  display:block; width:auto; padding:0; border:0; background:transparent;
}

/* Libellé « Taille » / « Couleur » : petite capitale discrète (= en-têtes Mon compte) */
body.single-product table.variations th.label{ margin:0 0 7px; }
body.single-product table.variations th.label label{
  margin:0; font-family:"Outfit", system-ui, sans-serif;
  text-transform:uppercase; letter-spacing:1.2px; font-size:11px; font-weight:600; color:#9A8E7C;
}

/* ---- Menus déroulants ---- */
body.single-product .variations select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  width:100%; box-sizing:border-box; margin:0;
  padding:13px 44px 13px 16px;
  background-color:#FBFAF6;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23794233' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 16px center;
  border:1px solid #E2D8C8; border-radius:4px;
  font-family:"Outfit", system-ui, sans-serif; font-size:15px; color:#2A241E; line-height:1.3;
  cursor:pointer; transition:border-color .2s ease, background-color .2s ease;
}
body.single-product .variations select:hover{ background-color:#F4F0E8; }
body.single-product .variations select:focus{ outline:0; border-color:#794233; background-color:#fff; }

/* Lien « Effacer » */
body.single-product .reset_variations{
  display:inline-block; margin-top:10px;
  font-family:"Outfit", system-ui, sans-serif; text-transform:uppercase; letter-spacing:.8px;
  font-size:11px; color:#9A8E7C; text-decoration:none; border-bottom:1px solid transparent;
  transition:color .2s, border-color .2s;
}
body.single-product .reset_variations:hover{ color:#794233; border-color:#794233; }

/* ---- Prix de la variation choisie (Cormorant terracotta, comme les valeurs Mon compte) ---- */
body.single-product .single_variation .price,
body.single-product .woocommerce-variation-price .price,
body.single-product .woocommerce-variation-price .woocommerce-Price-amount{
  font-family:"Cormorant Garamond", Georgia, serif !important;
  font-weight:600; font-size:26px; color:#794233; line-height:1.2;
}
body.single-product .woocommerce-variation-price{ margin:6px 0 4px; }

/* Disponibilité / message variation */
body.single-product .woocommerce-variation-availability{
  font-family:"Outfit", system-ui, sans-serif; font-size:13px; color:#9A8E7C; margin-top:4px;
}
body.single-product .single_variation_wrap .woocommerce-variation.single_variation{ margin-bottom:14px; }

/* ---- Quantité + Ajouter au panier ---- */
body.single-product .woocommerce-variation-add-to-cart{
  display:flex; align-items:stretch; gap:12px; flex-wrap:wrap; margin-top:6px;
}
body.single-product .woocommerce-variation-add-to-cart .quantity{ margin:0; }
body.single-product .quantity input.qty{
  width:74px; min-height:52px; box-sizing:border-box; padding:10px 8px; text-align:center;
  background:#FBFAF6; border:1px solid #E2D8C8; border-radius:4px;
  font-family:"Outfit", system-ui, sans-serif; font-size:15px; color:#2A241E;
}
body.single-product .quantity input.qty:focus{ outline:0; border-color:#794233; background:#fff; }

/* Bouton principal terracotta */
body.single-product .single_add_to_cart_button.button{
  flex:1 1 auto; min-width:200px; min-height:52px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#794233 !important; color:#F7F4EE !important; border:1px solid #794233 !important;
  border-radius:3px;
  font-family:"Outfit", system-ui, sans-serif !important; font-weight:500;
  text-transform:uppercase; letter-spacing:1.4px; font-size:13px; padding:14px 28px;
  cursor:pointer; transition:background .2s, border-color .2s, color .2s;
}
body.single-product .single_add_to_cart_button.button:hover{
  background:#2A241E !important; border-color:#2A241E !important; color:#F7F4EE !important;
}
body.single-product .single_add_to_cart_button.disabled,
body.single-product .single_add_to_cart_button.wc-variation-selection-needed{
  opacity:.45; cursor:not-allowed;
}

/* Message « combinaison indisponible » */
body.single-product .wc-no-matching-variations{
  font-family:"Cormorant Garamond", Georgia, serif; font-style:italic; font-size:16px; color:#9A8E7C;
  background:#F7F4EE; border:1px solid #E2D8C8; border-radius:8px; padding:14px 18px;
}

/* ---- Mobile ---- */
@media (max-width:600px){
  body.single-product .single_add_to_cart_button.button{ min-width:0; }
}

/* ============================================================
   CLUZELLES — Fiche produit : onglets + tableau d'attributs
   ------------------------------------------------------------
   Refait l'encart d'onglets (Description / Informations
   complémentaires / Avis) en version éditoriale Cluzelles :
   libellés en capitales Outfit soulignés en terracotta sur un
   simple filet. Et met le tableau d'attributs au style des
   tableaux Mon compte (bordure crème, libellés petites capitales).
   À COLLER À LA SUITE de cluzelles-fiche-produit-variations.css.
   Polices : titres Abril · corps Outfit · accents Cormorant.
   ============================================================ */

/* ---- Barre d'onglets : liste épurée, soulignée ---- */
body.single-product .woocommerce-tabs ul.tabs.wc-tabs{
  margin:0 0 30px !important; padding:0 !important;
  list-style:none;
  display:flex !important; flex-wrap:wrap; gap:34px;
  border:0; border-bottom:1px solid #E2D8C8 !important;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs::before,
body.single-product .woocommerce-tabs ul.tabs.wc-tabs::after{ display:none !important; }

body.single-product .woocommerce-tabs ul.tabs.wc-tabs li{
  margin:0 !important; padding:0 !important;
  background:transparent !important; border:0 !important; border-radius:0 !important;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs li::before,
body.single-product .woocommerce-tabs ul.tabs.wc-tabs li::after{ display:none !important; }

body.single-product .woocommerce-tabs ul.tabs.wc-tabs li a{
  display:block; position:relative;
  padding:0 0 14px !important; margin:0;
  font-family:"Outfit", system-ui, sans-serif !important;
  text-transform:uppercase; letter-spacing:1.3px; font-size:13px; font-weight:500;
  color:#9A8E7C !important; text-decoration:none;
  transition:color .2s ease;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs li a::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px;
  background:#794233; transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
}
body.single-product .woocommerce-tabs ul.tabs.wc-tabs li a:hover{ color:#794233 !important; }
body.single-product .woocommerce-tabs ul.tabs.wc-tabs li.active a{ color:#2A241E !important; }
body.single-product .woocommerce-tabs ul.tabs.wc-tabs li.active a::after{ transform:scaleX(1); }

/* ---- Panneaux ---- */
body.single-product .woocommerce-Tabs-panel{
  font-family:"Outfit", system-ui, sans-serif; color:#4A4036; font-weight:300;
  font-size:15px; line-height:1.8;
}
body.single-product .woocommerce-Tabs-panel p{ margin:0 0 14px; }

/* Titre interne redondant masqué (l'onglet nomme déjà la section).
   Pour le réafficher, supprime ce bloc. */
body.single-product .woocommerce-Tabs-panel--description > h2,
body.single-product #tab-description > h2,
body.single-product .woocommerce-Tabs-panel--additional_information > h2,
body.single-product #tab-additional_information > h2{ display:none; }

/* ---- Tableau d'attributs (onglet « Informations complémentaires ») ---- */
body.single-product table.woocommerce-product-attributes.shop_attributes{
  width:100%; margin:4px 0 0;
  border:1px solid #E2D8C8; border-radius:10px;
  border-collapse:separate; border-spacing:0; overflow:hidden;
  background:#FBFAF6; font-family:"Outfit", system-ui, sans-serif;
}
body.single-product table.woocommerce-product-attributes th,
body.single-product table.woocommerce-product-attributes td{
  border:0; border-bottom:1px solid #ECE3D5; padding:14px 18px; text-align:left;
}
body.single-product table.woocommerce-product-attributes tr:last-child th,
body.single-product table.woocommerce-product-attributes tr:last-child td{ border-bottom:0; }
body.single-product table.woocommerce-product-attributes th{
  width:32%; background:#F4F0E8; vertical-align:top;
  text-transform:uppercase; letter-spacing:1px; font-size:11px; font-weight:600; color:#9A8E7C;
}
body.single-product table.woocommerce-product-attributes td{ color:#4A4036; font-size:15px; }
body.single-product table.woocommerce-product-attributes td p{ margin:0; }

/* ---- Avis : titres dans la DA ---- */
body.single-product #reviews .woocommerce-Reviews-title,
body.single-product #reviews .comment-reply-title{
  font-family:"Abril Fatface", Georgia, serif; font-weight:400; color:#2A241E;
}
body.single-product #reviews .woocommerce-noreviews{
  font-family:"Cormorant Garamond", Georgia, serif; font-style:italic; font-size:17px; color:#9A8E7C;
}

/* ---- Mobile ---- */
@media (max-width:600px){
  body.single-product .woocommerce-tabs ul.tabs.wc-tabs{ gap:22px; }
  body.single-product .woocommerce-tabs ul.tabs.wc-tabs li a{ font-size:12px; letter-spacing:1px; }
  body.single-product table.woocommerce-product-attributes th{ width:40%; }
}
.woocommerce div.product.elementor .woocommerce-tabs .panel{
	border-top:0px!important;
}
/* ============================================================
   CLUZELLES — Page « Liste de souhaits » (YITH WC Wishlist)
   ------------------------------------------------------------
   Habille le tableau de souhaits et ses boutons dans la DA
   Cluzelles, au même style que les tableaux Mon compte / panier :
   cadre crème arrondi, en-têtes en petites capitales, prix en
   Cormorant, boutons terracotta.
   OÙ COLLER : Apparence → Personnaliser → CSS additionnel
   (ou à la suite de cluzelles-woocommerce.css).
   Ciblé sur les classes YITH (.wishlist_table, .yith-wcwl-*),
   donc sans effet sur le reste du site.
   Polices : titres Abril · corps Outfit · accents Cormorant.
   ============================================================ */

form#yith-wcwl-form,
.yith-wcwl-wishlist-content,
.wishlist_table{ font-family:"Outfit", system-ui, sans-serif; }

/* ---- Le tableau : carte crème bordée ---- */
.wishlist_table{
  width:100%; margin:0 0 26px;
  border:1px solid #E2D8C8 !important; border-radius:10px;
  border-collapse:separate !important; border-spacing:0; overflow:hidden;
  background:#FBFAF6;
}
.wishlist_table thead th{
  background:#F4F0E8 !important; border:0 !important; border-bottom:1px solid #E2D8C8 !important;
  padding:14px 16px !important; text-align:left;
  font-family:"Outfit", system-ui, sans-serif !important;
  text-transform:uppercase; letter-spacing:1px; font-size:11px; font-weight:600; color:#9A8E7C !important;
}
.wishlist_table tbody td{
  background:transparent !important; border:0 !important; border-bottom:1px solid #ECE3D5 !important;
  padding:16px !important; vertical-align:middle; color:#4A4036; font-size:15px;
}
.wishlist_table tbody tr:last-child td{ border-bottom:0 !important; }

/* ---- Vignette produit ---- */
.wishlist_table td.product-thumbnail{ width:90px; }
.wishlist_table td.product-thumbnail img{
  width:70px; height:84px; object-fit:cover; border-radius:4px; display:block; background:#F1E9DC;
}

/* ---- Nom du produit ---- */
.wishlist_table td.product-name a{
  font-family:"Outfit", system-ui, sans-serif; font-size:16px; color:#2A241E; text-decoration:none;
  transition:color .2s ease;
}
.wishlist_table td.product-name a:hover{ color:#794233; }

/* ---- Prix (Cormorant, comme les valeurs Mon compte) ---- */
.wishlist_table td.product-price .amount,
.wishlist_table td.product-price .woocommerce-Price-amount{
  font-family:"Cormorant Garamond", Georgia, serif; font-weight:600; font-size:19px; color:#2A241E;
}
.wishlist_table td.product-price del{ color:#9A8E7C; font-weight:400; }
.wishlist_table td.product-price ins{ text-decoration:none; color:#794233; }

/* ---- Statut du stock ---- */
.wishlist_table td.product-stock-status{ font-size:12px; }
.wishlist_table .wishlist-in-stock{
  color:#6E7152; text-transform:uppercase; letter-spacing:.6px; font-size:11px; font-weight:600;
}
.wishlist_table .wishlist-out-of-stock{
  color:#9A8E7C; text-transform:uppercase; letter-spacing:.6px; font-size:11px; font-weight:600;
}

/* ---- Bouton « Ajouter au panier » / « Choix des options » ---- */
.wishlist_table td.product-add-to-cart a,
.wishlist_table td.product-add-to-cart .button{
  display:inline-flex; align-items:center; justify-content:center;
  background:#794233 !important; color:#F7F4EE !important; border:1px solid #794233 !important;
  border-radius:3px !important;
  font-family:"Outfit", system-ui, sans-serif !important; font-weight:500;
  text-transform:uppercase; letter-spacing:1px; font-size:12px; padding:11px 18px !important;
  text-decoration:none; transition:background .2s, border-color .2s, color .2s;
}
.wishlist_table td.product-add-to-cart a:hover,
.wishlist_table td.product-add-to-cart .button:hover{
  background:#2A241E !important; border-color:#2A241E !important; color:#F7F4EE !important;
}

/* ---- Retirer (croix) ---- */
.wishlist_table td.product-remove a.remove,
.wishlist_table a.remove_from_wishlist{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%;
  background:#F4F0E8 !important; color:#9A8E7C !important;
  font-size:18px; line-height:1; text-decoration:none;
  transition:background .2s, color .2s;
}
.wishlist_table td.product-remove a.remove:hover,
.wishlist_table a.remove_from_wishlist:hover{ background:#794233 !important; color:#fff !important; }

/* ---- Boutons d'actions bas de liste + zone de partage ---- */
.wishlist-buttons .button,
.wishlist-footer .button,
.yith-wcwl-share .button{
  background:#2A241E !important; color:#F7F4EE !important; border:1px solid #2A241E !important;
  border-radius:3px !important; font-family:"Outfit", system-ui, sans-serif !important;
  text-transform:uppercase; letter-spacing:1px; font-size:12px; padding:12px 22px !important; text-decoration:none;
}
.wishlist-buttons .button:hover,
.wishlist-footer .button:hover{ background:#794233 !important; border-color:#794233 !important; }

/* ---- Champs (titre de liste, recherche) ---- */
.hidden-title-form input,
.yith-wcwl-wishlist-search-form input[type="text"],
.yith-wcwl-wishlist-search-form input[type="search"]{
  border:1px solid #E2D8C8 !important; border-radius:4px !important; background:#fff !important;
  padding:11px 14px !important; font-family:"Outfit", system-ui, sans-serif !important; font-size:15px; color:#2A241E;
}

/* ---- Partage social : titre ---- */
.yith-wcwl-share .yith-wcwl-share-title,
.yith-wcwl-share h4{
  font-family:"Outfit", system-ui, sans-serif; text-transform:uppercase; letter-spacing:1px;
  font-size:12px; font-weight:600; color:#9A8E7C; margin:0 0 12px;
}

/* ---- Liste vide ---- */
.yith-wcwl-wishlist-empty,
.wishlist-empty{
  font-family:"Cormorant Garamond", Georgia, serif; font-style:italic; font-size:18px; color:#9A8E7C;
  background:#F7F4EE; border:1px solid #E2D8C8; border-radius:8px; padding:18px 20px;
}

/* ---- Titre éventuel de la liste ---- */
h1.wishlist-title,
.entry-content .wishlist-title{ font-family:"Abril Fatface", Georgia, serif; font-weight:400; color:#2A241E; }

/* ---- Mobile ---- */
@media (max-width:600px){
  .wishlist_table thead th{ padding:11px 12px !important; font-size:10px; }
  .wishlist_table tbody td{ padding:12px !important; }
  .wishlist_table td.product-thumbnail img{ width:58px; height:70px; }
  .wishlist_table td.product-add-to-cart a,
  .wishlist_table td.product-add-to-cart .button{ padding:9px 12px !important; font-size:11px; }
}
/* ============================================================
   CLUZELLES — Mon compte : onglets Adresses & Détails du compte
   ------------------------------------------------------------
   Complète cluzelles-mon-compte-tableaux.css (qui gère déjà
   Commandes + Téléchargements) et reprend l'esprit du tableau
   de bord : cartes crème arrondies, titres Abril, libellés en
   petites capitales mutées, bouton terracotta.
   Réservé à la page compte (body.woocommerce-account).
   À COLLER À LA SUITE de cluzelles-mon-compte-tableaux.css
   (ou dans Apparence → Personnaliser → CSS additionnel).
   Polices : titres Abril · corps Outfit · accents Cormorant.
   ============================================================ */

/* ============================================================
   1) ONGLET « ADRESSES »
   ============================================================ */
/* Deux colonnes (facturation / livraison) en grille régulière */
body.woocommerce-account .woocommerce-Addresses.col2-set{
  display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:0 0 8px;
}
body.woocommerce-account .woocommerce-Addresses.col2-set .col-1,
body.woocommerce-account .woocommerce-Addresses.col2-set .col-2{
  width:auto; float:none; margin:0; padding:0;
}

/* Carte d'adresse */
body.woocommerce-account .woocommerce-Address{
  background:#FBFAF6; border:1px solid #E2D8C8; border-radius:10px;
  padding:22px 24px; height:100%;
}
/* En-tête de la carte : titre + lien Modifier */
body.woocommerce-account .woocommerce-Address-title{
  display:flex; align-items:baseline; justify-content:space-between; gap:14px;
  margin:0 0 14px; padding-bottom:12px; border-bottom:1px solid #ECE3D5;
}
body.woocommerce-account .woocommerce-Address-title h3{
  font-family:"Abril Fatface", Georgia, serif; font-weight:400;
  color:#2A241E; font-size:19px; margin:0; line-height:1.2;
}
body.woocommerce-account .woocommerce-Address-title .edit{
  font-family:"Outfit", system-ui, sans-serif; text-transform:uppercase;
  letter-spacing:1px; font-size:11px; font-weight:600; color:#794233;
  text-decoration:none; white-space:nowrap; transition:color .2s ease;
}
body.woocommerce-account .woocommerce-Address-title .edit:hover{ color:#2A241E; }

/* Texte de l'adresse */
body.woocommerce-account .woocommerce-Address address{
  font-family:"Outfit", system-ui, sans-serif; font-style:normal;
  font-size:15px; line-height:1.75; color:#4A4036;
}
/* « Vous n'avez pas encore défini ce type d'adresse. » */
body.woocommerce-account .woocommerce-Address p{
  font-family:"Cormorant Garamond", Georgia, serif; font-style:italic;
  font-size:16px; color:#9A8E7C; margin:0;
}

/* ============================================================
   2) ONGLET « DÉTAILS DU COMPTE » + formulaire d'adresse
   ============================================================ */
/* Cadre crème autour du formulaire */
body.woocommerce-account form.edit-account,
body.woocommerce-account .woocommerce-address-fields{
  background:#FBFAF6; border:1px solid #E2D8C8; border-radius:10px;
  padding:26px 26px 22px; max-width:680px;
}
/* Titre « Adresse de facturation » au-dessus du formulaire d'adresse */
body.woocommerce-account .woocommerce-MyAccount-content form > h3{
  font-family:"Abril Fatface", Georgia, serif; font-weight:400;
  color:#2A241E; font-size:22px; margin:0 0 18px;
}

/* Libellés en petites capitales mutées (langage « tableau ») */
body.woocommerce-account form.edit-account label,
body.woocommerce-account .woocommerce-address-fields label{
  display:block; font-family:"Outfit", system-ui, sans-serif;
  text-transform:uppercase; letter-spacing:.8px; font-size:11px; font-weight:600;
  color:#9A8E7C; margin:0 0 6px;
}
body.woocommerce-account form.edit-account label .required,
body.woocommerce-account .woocommerce-address-fields label .required{
  color:#794233; border:0; text-decoration:none;
}

/* Champs : pleine largeur (bordure/focus déjà gérés globalement) */
body.woocommerce-account form.edit-account .woocommerce-Input,
body.woocommerce-account form.edit-account input.input-text,
body.woocommerce-account .woocommerce-address-fields input.input-text,
body.woocommerce-account .woocommerce-address-fields .select2-container{
  width:100%;
}
/* Espacement régulier entre les lignes */
body.woocommerce-account form.edit-account .form-row,
body.woocommerce-account .woocommerce-address-fields .form-row{
  margin:0 0 16px;
}

/* Aide sous « Nom à afficher » */
body.woocommerce-account form.edit-account span em{
  font-family:"Cormorant Garamond", Georgia, serif; font-style:italic;
  color:#9A8E7C; font-size:14px;
}

/* Bloc « Modification du mot de passe » */
body.woocommerce-account form.edit-account fieldset{
  border:0; border-top:1px solid #E2D8C8; margin:8px 0 0; padding:22px 0 0;
}
body.woocommerce-account form.edit-account legend{
  font-family:"Abril Fatface", Georgia, serif; font-weight:400;
  color:#2A241E; font-size:18px; padding:0; margin:0 0 16px; float:none; width:auto;
}

/* Bouton d'enregistrement : terracotta (comme les actions du tableau de bord) */
body.woocommerce-account form.edit-account button[name="save_account_details"],
body.woocommerce-account .woocommerce-address-fields button[name="save_address"]{
  background:#794233 !important; color:#F7F4EE !important; border:1px solid #794233 !important;
  margin-top:6px; transition:background .2s ease, border-color .2s ease;
}
body.woocommerce-account form.edit-account button[name="save_account_details"]:hover,
body.woocommerce-account .woocommerce-address-fields button[name="save_address"]:hover{
  background:#2A241E !important; border-color:#2A241E !important; color:#F7F4EE !important;
}

/* ============================================================
   3) MESSAGES « VIDE » dans le contenu (aucune commande, etc.)
   ============================================================ */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Message--info{
  font-family:"Cormorant Garamond", Georgia, serif; font-style:italic;
  font-size:17px; color:#4A4036;
  background:#F7F4EE; border:1px solid #E2D8C8; border-left:3px solid #794233; border-radius:8px;
}

/* ============================================================
   4) MOBILE
   ============================================================ */
@media (max-width:768px){
  body.woocommerce-account .woocommerce-Addresses.col2-set{
    grid-template-columns:1fr; gap:18px;
  }
  body.woocommerce-account form.edit-account,
  body.woocommerce-account .woocommerce-address-fields{ padding:22px 18px 18px; }
}
/* ============================================================
   CLUZELLES — Page Panier (WooCommerce « blocs »)
   ------------------------------------------------------------
   Cible le panier en blocs (.wc-block-cart…), tel qu'utilisé
   sur le site (thème Hello Elementor). Liste produits aérée +
   récap de droite en carte crème, dans la DA Cluzelles.
   Réservé à la page panier (body.woocommerce-cart).
   À COLLER À LA SUITE de cluzelles-woocommerce.css
   (ou dans Apparence → Personnaliser → CSS additionnel).
   Polices : titres Abril · corps Outfit · accents Cormorant.
   ============================================================ */

body.woocommerce-cart .wc-block-cart{
  font-family:"Outfit", system-ui, sans-serif; color:#4A4036;
}

/* ============================================================
   1) LISTE DES PRODUITS (colonne de gauche)
   ============================================================ */
/* En-tête PRODUIT / TOTAL : petites capitales discrètes + filet */
body.woocommerce-cart .wc-block-cart-items__header th,
body.woocommerce-cart .wc-block-cart-items__header-image,
body.woocommerce-cart .wc-block-cart-items__header-product,
body.woocommerce-cart .wc-block-cart-items__header-total{
  font-family:"Outfit", system-ui, sans-serif !important;
  text-transform:uppercase; letter-spacing:1px; font-size:11px; font-weight:600;
  color:#9A8E7C !important; border-bottom:1px solid #E2D8C8 !important; padding-bottom:14px;
}

/* Lignes : filet doux entre les articles */
body.woocommerce-cart .wc-block-cart-items__row td{
  border-top:1px solid #ECE3D5 !important; padding-top:22px; padding-bottom:22px;
}

/* Vignette produit */
body.woocommerce-cart .wc-block-cart-item__image img{
  border-radius:4px; border:1px solid #E2D8C8;
}

/* Nom du produit : encre, terracotta au survol */
body.woocommerce-cart .wc-block-components-product-name{
  font-family:"Outfit", system-ui, sans-serif; font-size:16px; font-weight:500;
  color:#2A241E !important; text-decoration:none; transition:color .2s ease;
}
body.woocommerce-cart .wc-block-components-product-name:hover{ color:#794233 !important; }

/* Prix unitaire sous le nom */
body.woocommerce-cart .wc-block-cart-item__prices .wc-block-components-product-price__value{
  font-family:"Outfit", system-ui, sans-serif; font-size:14px; color:#4A4036;
}

/* Attributs (Taille / Couleur) en Cormorant muté */
body.woocommerce-cart .wc-block-components-product-details{
  list-style:none; margin:6px 0 0; padding:0;
}
body.woocommerce-cart .wc-block-components-product-details__name,
body.woocommerce-cart .wc-block-components-product-details__value{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:14px; color:#9A8E7C;
}
body.woocommerce-cart .wc-block-components-product-details__name{ font-weight:600; }

/* Sélecteur de quantité (− 1 +) */
body.woocommerce-cart .wc-block-components-quantity-selector{
  border:1px solid #E2D8C8 !important; border-radius:4px; background:#FBFAF6; overflow:hidden;
  max-width:112px;
}
body.woocommerce-cart .wc-block-components-quantity-selector__input{
  font-family:"Outfit", system-ui, sans-serif; color:#2A241E; background:transparent;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button{
  color:#9A8E7C !important; transition:color .2s ease, background .2s ease;
}
body.woocommerce-cart .wc-block-components-quantity-selector__button:hover{
  color:#794233 !important; background:#F4F0E8;
}

/* Lien / icône « Supprimer » */
body.woocommerce-cart .wc-block-cart-item__remove-link{
  color:#9A8E7C !important; text-transform:uppercase; letter-spacing:.6px;
  font-size:11px; font-weight:600; transition:color .2s ease;
}
body.woocommerce-cart .wc-block-cart-item__remove-link:hover{ color:#794233 !important; }

/* Total de la ligne (colonne de droite) en Cormorant */
body.woocommerce-cart .wc-block-cart-item__total .wc-block-components-product-price__value{
  font-family:"Cormorant Garamond", Georgia, serif; font-weight:600; font-size:18px; color:#2A241E;
}

/* ============================================================
   2) RÉCAP / TOTAUX (colonne de droite) — carte crème
   ============================================================ */
body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-sidebar{
  background:#FBFAF6; border:1px solid #E2D8C8; border-radius:10px;
  padding:24px 24px 26px;
}

/* Titre « TOTAL PANIER » */
body.woocommerce-cart .wc-block-cart__totals-title{
  display:block; font-family:"Outfit", system-ui, sans-serif;
  text-transform:uppercase; letter-spacing:1.4px; font-size:12px; font-weight:600; color:#9A8E7C;
  padding:0 0 14px; margin:0 0 6px; border-bottom:1px solid #E2D8C8;
}

/* Panneau « Ajouter des codes promo » */
body.woocommerce-cart .wc-block-components-panel__button{
  font-family:"Outfit", system-ui, sans-serif; color:#4A4036; font-size:14px;
}
body.woocommerce-cart .wc-block-components-panel__button-icon{ color:#794233; }
body.woocommerce-cart .wc-block-components-totals-coupon__button{
  background:#2A241E !important; color:#F7F4EE !important; border:0 !important; border-radius:3px !important;
  text-transform:uppercase; letter-spacing:1px; font-size:12px;
}

/* Lignes de totaux (sous-total, livraison…) */
body.woocommerce-cart .wc-block-components-totals-item__label{
  font-family:"Outfit", system-ui, sans-serif; color:#4A4036;
}
body.woocommerce-cart .wc-block-components-totals-item__value,
body.woocommerce-cart .wc-block-components-totals-item .wc-block-components-formatted-money-amount{
  font-family:"Outfit", system-ui, sans-serif; color:#2A241E;
}

/* Ligne « Total estimé » : accent Cormorant */
body.woocommerce-cart .wc-block-components-totals-footer-item{
  border-top:1px solid #E2D8C8;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:24px; font-weight:600;
  color:#2A241E; text-transform:none; letter-spacing:0;
}
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-formatted-money-amount{
  font-family:"Cormorant Garamond", Georgia, serif; font-size:25px; font-weight:700; color:#2A241E;
}
body.woocommerce-cart .wc-block-components-totals-footer-item-tax-value{
  font-family:"Outfit", system-ui, sans-serif; font-size:12px; color:#9A8E7C;
}

/* Bouton « Valider la commande » — terracotta pleine largeur */
body.woocommerce-cart .wc-block-cart__submit-button,
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:not(.is-link){
  background:#794233 !important; color:#F7F4EE !important; border:0 !important; border-radius:3px !important;
  font-family:"Outfit", system-ui, sans-serif !important; font-weight:500;
  text-transform:uppercase; letter-spacing:1.4px; font-size:13px;
  padding:17px 24px !important; width:100%; transition:background .2s ease;
}
body.woocommerce-cart .wc-block-cart__submit-button:hover,
body.woocommerce-cart .wc-block-cart__submit-container .wc-block-components-button:not(.is-link):hover{
  background:#2A241E !important; color:#F7F4EE !important;
}

/* ============================================================
   3) PANIER VIDE
   ============================================================ */
body.woocommerce-cart .wc-block-cart__empty-cart__title,
body.woocommerce-cart .is-large.wc-block-cart .wc-block-cart__empty-cart__title{
  font-family:"Abril Fatface", Georgia, serif; font-weight:400; color:#2A241E;
}

/* ============================================================
   4) MOBILE
   ============================================================ */
@media (max-width:768px){
  body.woocommerce-cart .wc-block-cart-items__row td{ padding-top:16px; padding-bottom:16px; }
  body.woocommerce-cart .wc-block-cart__sidebar .wc-block-components-sidebar{ padding:20px 18px 22px; }
}