/* ============================================================
   D'BEAUTY — WOOCOMMERCE STYLES
   ============================================================
   Surcharges visuelles pour les pages WooCommerce :
   - Mini-panier (slide-out)
   - Page panier (/cart/)
   - Page checkout (/checkout/)
   - Page Order received (/checkout/order-received/)
   - Pages Mon compte (/mon-compte/, /mon-compte/orders/, etc.)

   Variables de couleur D'beauty :
     #3E2723  — Marron chocolat (principal)
     #6D4C41  — Marron moyen (secondaire)
     #F0CED8  — Rose soutenu (accent)
     #FBECEF  — Rose poudré (fond alterné)
     #FAF6F2  — Beige clair (sections)
     #FFFFFF  — Blanc pur (fond principal)

   Polices :
     Playfair Display — titres
     Inter — corps de texte

   Le contenu est ajouté progressivement, chantier par chantier.
   ============================================================ */


/* ============================================================
   §1 — BLOC BIENVENUE POST-PAIEMENT
   ============================================================
   Affiché en haut de /checkout/order-received/ via le module
   /inc/post-purchase.php après une commande payée.
   Cible : .dbeauty-welcome
   ============================================================ */

body .dbeauty-welcome,
body .dbeauty-welcome * {
	box-sizing: border-box;
}

/* §5b — Toast D'beauty généré par JS, y compris sur checkout.
   Les notices WooCommerce natives restent exclues sur panier/checkout/compte ;
   seule la classe dédiée .dbeauty-cart-added-toast reprend le style toast. */
html body .woocommerce-message.dbeauty-cart-added-toast {
	position: fixed !important;
	top: 96px !important;
	right: 24px !important;
	left: auto !important;
	bottom: auto !important;
	z-index: 2147483647 !important;
	width: min(440px, calc(100vw - 48px)) !important;
	max-width: calc(100vw - 48px) !important;
	margin: 0 !important;
	padding: 16px 18px 16px 50px !important;
	background: #FBECEF !important;
	border: 1px solid rgba(62,39,35,.14) !important;
	border-left: 4px solid #3E2723 !important;
	border-radius: 8px !important;
	box-shadow: 0 18px 42px rgba(62,39,35,.18) !important;
	color: #3E2723 !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	text-transform: none !important;
	text-indent: 0 !important;
	display: block !important;
	/*
	 * Bug fix 8 mai 2026 : pas de !important sur pointer-events.
	 * La keyframe @dbeauty-wc-toast bascule pointer-events a 'none' a 100%
	 * (animation-fill-mode forwards). Sans cette bascule, le toast reste
	 * invisible (opacity 0) mais sa zone de hit-test capture les clics
	 * derriere lui, bloquant le bouton x du mini-panier. !important ici
	 * empecherait la keyframe de faire son travail.
	 */
	pointer-events: auto;
	list-style: none !important;
	animation: dbeauty-wc-toast 3s ease-out forwards !important;
}

html body .woocommerce-message.dbeauty-cart-added-toast:hover {
	animation-play-state: paused !important;
}

html body.admin-bar .woocommerce-message.dbeauty-cart-added-toast {
	top: 128px !important;
}

html body .woocommerce-message.dbeauty-cart-added-toast::before {
	position: absolute !important;
	top: 17px !important;
	left: 18px !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 999px !important;
	background: #3E2723 !important;
	color: #FBECEF !important;
	content: '✓' !important;
	font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	text-align: center !important;
	display: block !important;
}

html body .woocommerce-message.dbeauty-cart-added-toast .button {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 0 0 8px !important;
	padding: 6px 12px !important;
	background: #3E2723 !important;
	border: 1px solid #3E2723 !important;
	border-radius: 999px !important;
	color: #FBECEF !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

html body .woocommerce-message.dbeauty-cart-added-toast .button:hover {
	background: #6D4C41 !important;
	border-color: #6D4C41 !important;
	color: #FBECEF !important;
}

@media (prefers-reduced-motion: reduce) {
	html body .woocommerce-message.dbeauty-cart-added-toast {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
		pointer-events: auto !important;
	}
}

@media (max-width: 600px) {
	html body .woocommerce-message.dbeauty-cart-added-toast,
	html body.admin-bar .woocommerce-message.dbeauty-cart-added-toast {
		top: 90px !important;
		right: 14px !important;
		left: 14px !important;
		width: auto !important;
		max-width: calc(100vw - 28px) !important;
		padding: 14px 16px 14px 46px !important;
		font-size: 13px !important;
	}

	html body .woocommerce-message.dbeauty-cart-added-toast::before {
		top: 15px !important;
		left: 16px !important;
	}

	html body .woocommerce-message.dbeauty-cart-added-toast .button {
		margin: 8px 0 0 !important;
		width: 100% !important;
	}
}

body .dbeauty-welcome {
	margin: 0 0 48px !important;
	padding: 56px 32px !important;
	background: #3E2723;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Décor : halo rose en arrière-plan */
body .dbeauty-welcome::before {
	content: '';
	position: absolute;
	top: -120px;
	right: -120px;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(240,206,216,.15) 0%, rgba(240,206,216,0) 70%);
	pointer-events: none;
}

body .dbeauty-welcome__inner {
	position: relative;
	max-width: 720px;
	margin: 0 auto !important;
	text-align: center;
}

body .dbeauty-welcome__eyebrow {
	display: inline-block;
	font-size: 11px !important;
	font-weight: 500 !important;
	letter-spacing: .22em !important;
	text-transform: uppercase !important;
	color: #F0CED8 !important;
	margin: 0 0 16px !important;
	padding: 6px 14px !important;
	background: rgba(240,206,216,.12);
	border-radius: 999px;
	font-family: 'Inter', sans-serif !important;
}

body .dbeauty-welcome h2.dbeauty-welcome__title {
	font-family: 'Playfair Display', Georgia, serif !important;
	font-weight: 400 !important;
	font-size: clamp(28px, 5vw, 44px) !important;
	line-height: 1.15 !important;
	color: #FBECEF !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	letter-spacing: -.005em;
}
body .dbeauty-welcome h2.dbeauty-welcome__title em {
	font-style: italic !important;
	color: #F0CED8 !important;
	font-weight: 400 !important;
}

body .dbeauty-welcome p.dbeauty-welcome__sub {
	font-family: 'Inter', sans-serif !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: rgba(251,236,239,.78) !important;
	line-height: 1.55 !important;
	margin: 0 0 32px !important;
	padding: 0 !important;
}

/* Liste de boutons CTA (un par cours) */
body .dbeauty-welcome__courses {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 auto 24px !important;
	max-width: 520px;
}

body .dbeauty-welcome a.dbeauty-welcome__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 18px 24px !important;
	background: #F0CED8 !important;
	color: #3E2723 !important;
	text-decoration: none !important;
	border-radius: 999px;
	font-family: 'Inter', sans-serif !important;
	transition: background .2s, transform .15s, box-shadow .2s;
	box-shadow: 0 4px 16px rgba(0,0,0,.18);
	-webkit-tap-highlight-color: transparent;
}
body .dbeauty-welcome a.dbeauty-welcome__cta:hover,
body .dbeauty-welcome a.dbeauty-welcome__cta:focus {
	background: #FBECEF !important;
	color: #3E2723 !important;
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0,0,0,.28);
}
body .dbeauty-welcome a.dbeauty-welcome__cta:active {
	transform: translateY(0);
}

body .dbeauty-welcome__cta-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	opacity: .65;
	flex-shrink: 0;
}
body .dbeauty-welcome__cta-name {
	font-family: 'Playfair Display', serif !important;
	font-size: 18px;
	font-weight: 500;
	flex: 1;
	text-align: left;
	line-height: 1.2;
}
body .dbeauty-welcome__cta-arrow {
	font-size: 20px;
	flex-shrink: 0;
	transition: transform .2s;
}
body .dbeauty-welcome a.dbeauty-welcome__cta:hover .dbeauty-welcome__cta-arrow {
	transform: translateX(4px);
}

/* Lien secondaire (dashboard) */
body .dbeauty-welcome a.dbeauty-welcome__secondary {
	display: inline-block;
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: rgba(251,236,239,.7) !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(240,206,216,.3);
	padding: 4px 2px !important;
	margin: 8px 0 0 !important;
	transition: color .2s, border-color .2s;
}
body .dbeauty-welcome a.dbeauty-welcome__secondary:hover {
	color: #F0CED8 !important;
	border-color: #F0CED8;
}

/* Message si pas de cours détecté */
body .dbeauty-welcome p.dbeauty-welcome__no-course {
	font-family: 'Inter', sans-serif !important;
	font-size: 15px !important;
	color: rgba(251,236,239,.85) !important;
	line-height: 1.55 !important;
	margin: 0 0 24px !important;
	padding: 18px 24px !important;
	background: rgba(240,206,216,.08);
	border-radius: 12px;
}

/* Lien support en bas */
body .dbeauty-welcome p.dbeauty-welcome__help {
	font-family: 'Inter', sans-serif !important;
	font-size: 12px !important;
	color: rgba(251,236,239,.5) !important;
	margin: 32px 0 0 !important;
	padding: 0 !important;
	text-align: center;
}
body .dbeauty-welcome p.dbeauty-welcome__help a {
	color: rgba(251,236,239,.78) !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(240,206,216,.4);
	text-underline-offset: 3px;
}
body .dbeauty-welcome p.dbeauty-welcome__help a:hover {
	color: #F0CED8 !important;
}

/* Responsive */
@media (max-width: 600px) {
	body .dbeauty-welcome {
		padding: 40px 20px !important;
		border-radius: 12px;
	}
	body .dbeauty-welcome a.dbeauty-welcome__cta {
		flex-direction: column;
		align-items: flex-start;
		padding: 16px 20px !important;
		gap: 4px;
	}
	body .dbeauty-welcome__cta-label {
		font-size: 10px;
	}
	body .dbeauty-welcome__cta-name {
		font-size: 16px;
	}
	body .dbeauty-welcome__cta-arrow {
		align-self: flex-end;
		margin-top: -28px;
	}
}


/* ============================================================
   §2 — MINI-PANIER (drawer Kadence)
   ============================================================
   Chantier 3.3 Phase 1 — Refonte visuelle du mini-panier
   Date : 7 mai 2026
   Version : 1.0.3

   Stratégie : restyle complet du drawer Kadence natif via CSS pur.
   Aucun module PHP, aucune modification du markup, aucun hook.

   Règle absolue de scope : tous les sélecteurs sont préfixés par
   #cart-drawer. Cela garantit qu'on n'affecte JAMAIS :
     - La page /panier/ (qui utilise les mêmes classes WC)
     - Le checkout block
     - Un éventuel widget WC ajouté ailleurs (sidebar, footer)

   Compatibilité : Kadence (drawer Cart Side) + WC PayPal Payments officiel.
   Tested : 320px / 360px / desktop.

   Rollback : retirer le bloc entre "BEGIN" et "END" ci-dessous,
   vider LiteSpeed, l'ancien rendu Kadence reprend immédiatement.
   ============================================================ */

/* === BEGIN MINI-CART RESTYLE — Chantier 3.3 Phase 1 v1.0.4 =============== */

/* ---------- 1. Fond global du drawer (CRITIQUE — sans ça fond rose Kadence reste) ---------- */

/*
 * Spécificité gagnante face à Kadence :
 * #cart-drawer.popup-drawer .drawer-inner = (1,2,0) au lieu de (1,1,0)
 * Sécurise le fond blanc même si Kadence a une règle de spécificité (1,2,0)
 * ou (0,2,0) en cache. Le markup confirme la classe .popup-drawer sur l'ID.
 */
#cart-drawer.popup-drawer .drawer-inner {
  background: #FFFFFF;
}

#cart-drawer.popup-drawer .drawer-header {
  background: #FFFFFF;
  border-bottom: 0.5px solid rgba(62, 39, 35, 0.12);
}

/* ---------- 2. Wrapper du contenu mini-cart ---------- */

#cart-drawer .drawer-content.woocommerce.widget_shopping_cart {
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  padding: 16px 22px 22px;
  min-height: 0;
}

/*
 * Wrappers Kadence interne : remplacer display: contents par un reset
 * conservateur. display: contents pose 2 risques :
 *   1. Safari < 17 et anciens Firefox : retire le rôle ARIA implicite
 *   2. .kadence-mini-cart-refresh est probablement la cible des animations
 *      AJAX Kadence (classe .is-refreshing ajoutée pendant un add/remove).
 *      Sans box, l'animation est perdue.
 */
#cart-drawer .drawer-content .mini-cart-container,
#cart-drawer .drawer-content .kadence-mini-cart-refresh {
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* ---------- 3. Liste des articles ---------- */

#cart-drawer .drawer-content .woocommerce-mini-cart {
  list-style: none;
  margin: 0 0 18px;
  padding: 0;
  border-top: 0.5px solid rgba(62, 39, 35, 0.12);
  border-bottom: 0.5px solid rgba(62, 39, 35, 0.12);
  /*
   * Scroll interne si beaucoup d'articles (>=4) pour que le drawer ne
   * déborde pas hors écran. 50dvh = 50% du viewport hauteur, valeur
   * dynamique qui s'adapte à la barre URL mobile (cachée/montrée).
   * Fallback calc(100vh - 380px) pour Safari < 15.4 qui ne supporte pas dvh.
   */
  max-height: calc(100vh - 380px);
  max-height: 50dvh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/*
 * Item article : layout block + position absolute pour gérer proprement
 * le nœud texte nu du nom produit (Pack Master Nails) qui n'a pas de wrapper.
 *
 * Avantages vs CSS Grid :
 *   - Le nœud texte nu est dans le flux naturel d'un bloc, placement garanti
 *   - L'image et le bouton remove sont sortis du flux (position absolute)
 *   - 100% prévisible sur tous les navigateurs et toutes les versions WC
 *   - Compatible parfaite avec les rafraîchissements AJAX
 *
 * Padding interne :
 *   - left 78px = 64px image + 14px gap
 *   - right 56px = 44px bouton remove + 12px gap
 *   - top/bottom 16px
 */
#cart-drawer .drawer-content .woocommerce-mini-cart-item.mini_cart_item {
  display: block;
  position: relative;
  box-sizing: border-box;
  padding: 16px 56px 16px 78px;
  /*
   * min-height calculé : padding-top (16) + image absolute (64) + padding-bottom (16) = 96px
   * Sans ça, sur un nom court l'image dépasse la séparation de l'item suivant.
   */
  min-height: 96px;
  /*
   * Le nœud texte nu (nom produit) hérite ces styles directement.
   *
   * Bug fix 8 mai 2026 : nom produit en Inter (lisibilité conversion).
   * Avant : Playfair italique 15px — joli mais difficile à lire en 1 sec.
   * Après : Inter medium 14px — plus pro et lisible. Le sous-total reste
   * en Playfair italique pour garder la touche éditoriale sur le montant.
   */
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #3E2723;
  text-align: left;
}

#cart-drawer .drawer-content .woocommerce-mini-cart-item + .woocommerce-mini-cart-item {
  border-top: 0.5px solid rgba(62, 39, 35, 0.08);
}

/* Image article — placeholder rose poudré */
#cart-drawer .drawer-content .woocommerce-mini-cart-item img.woocommerce-placeholder {
  position: absolute;
  top: 16px;
  left: 0;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background: #FBECEF;
  object-fit: cover;
  display: block;
}

/*
 * Vraies images produits (quand uploadées) — affichage entier sans crop.
 *
 * Bug fix 8 mai 2026 : passage de cover → contain + fond rose poudré.
 *
 * Pourquoi : les miniatures Canva des formations D'beauty sont en
 * format vertical (4:5 typique) avec titre + sous-titre + branding.
 * Avec object-fit: cover sur un carré 64×64, on croppait au centre et
 * on perdait toute la zone informative haute (titre "FORMATION", nom,
 * variantes). Avec contain, l'image s'affiche entière et les éventuelles
 * bandes haut/bas sont en rose poudré #FBECEF, cohérent avec la palette
 * D'beauty et avec le style du placeholder par défaut.
 *
 * Si Deborah upload un jour des miniatures carrées dédiées au mini-cart,
 * cover et contain donneront le même rendu (pas de bandes).
 *
 * Sélecteur élargi 8 mai 2026 #2 : on cible toutes les images de l'item
 * sauf le placeholder, peu importe la classe que WC met (wp-post-image,
 * attachment-shop_thumbnail, attachment-woocommerce_thumbnail, etc.).
 * Ça garantit que l'override marche sur toutes les versions WC.
 */
#cart-drawer .drawer-content .woocommerce-mini-cart-item img:not(.woocommerce-placeholder) {
  position: absolute;
  top: 16px;
  left: 0;
  width: 64px;
  height: 64px;
  border-radius: 8px;
  background: #FBECEF;
  object-fit: contain;
  display: block;
}

/*
 * Bouton "×" supprimer — position absolute pour le sortir du flux normal.
 * Le clic AJAX WC reste fonctionnel (pas de pointer-events: none).
 *
 * !important justifié sur position : Kadence/WC peut poser position:absolute
 * par défaut, on s'assure d'avoir notre top/right qui prennent le dessus.
 *
 * !important justifié sur color : WooCommerce core stylise a.remove avec
 * color: red !important par défaut (visible sur les captures × rouge avant
 * patch). Sans !important ici, notre #6D4C41 marron perd dans la cascade.
 */
#cart-drawer .drawer-content .woocommerce-mini-cart-item > a.remove {
  position: absolute !important;
  top: 10px;
  right: 0;
  margin: 0;
  background: transparent;
  border: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 400;
  font-family: 'Inter', -apple-system, sans-serif;
  font-style: normal;
  line-height: 1;
  color: #6D4C41 !important;
  text-decoration: none;
  cursor: pointer;
  z-index: 3;
  touch-action: manipulation;
  transition: background 0.15s ease, color 0.15s ease;
}

#cart-drawer .drawer-content .woocommerce-mini-cart-item > a.remove:hover {
  background: #FBECEF;
  color: #3E2723 !important;
}

/*
 * Focus visible pour accessibilité WCAG 2.4.7 — outline contrasté
 * (pas de outline:none qui masquerait l'indicateur clavier)
 */
#cart-drawer .drawer-content .woocommerce-mini-cart-item > a.remove:focus-visible {
  background: #FBECEF;
  color: #3E2723 !important;
  outline: 2px solid #3E2723;
  outline-offset: 2px;
}

/* span.quantity = "1 × <span.amount>277,00€</span>" */
#cart-drawer .drawer-content .woocommerce-mini-cart-item .quantity {
  display: block;
  margin-top: 6px;
  font-family: 'Inter', -apple-system, sans-serif;
  font-style: normal;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.35;
  color: #8A6A61;
  text-align: right;
}

#cart-drawer .drawer-content .woocommerce-mini-cart-item .quantity .amount {
  color: #3E2723;
  font-weight: 600;
}

/* ---------- 4. Sous-total ---------- */

#cart-drawer .drawer-content .woocommerce-mini-cart__total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin: 8px 0 22px;
  padding: 0;
}

#cart-drawer .drawer-content .woocommerce-mini-cart__total strong {
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #6D4C41;
  letter-spacing: 0.01em;
}

#cart-drawer .drawer-content .woocommerce-mini-cart__total .woocommerce-Price-amount.amount {
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  color: #3E2723;
  letter-spacing: 0;
}

/* ---------- 5. Boutons (2 paragraphes p.woocommerce-mini-cart__buttons) ---------- */

#cart-drawer .drawer-content .woocommerce-mini-cart__buttons {
  margin: 0;
  padding: 0;
}

/*
 * Lien "Voir le panier" (vers /panier/) caché car redondant avec le drawer.
 *
 * !important justifié : on contre du CSS WC core qui rend a.button avec
 * display non-none. Le drawer EST déjà la vue panier complète, ce lien
 * crée une boucle UX inutile. La page /panier/ reste accessible par lien
 * direct (filet de sécurité) mais hors parcours principal.
 */
#cart-drawer .drawer-content .woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
  display: none !important;
}

/* CTA principal "Commander" — pill marron pleine largeur */
#cart-drawer .drawer-content .woocommerce-mini-cart__buttons a.button.checkout.wc-forward {
  display: block;
  width: 100%;
  padding: 15px 18px;
  background: #3E2723;
  color: #FFFFFF;
  border: 0;
  border-radius: 999px;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  /* min-height tactile recommandé par Apple HIG (44pt = ~48px confort) */
  min-height: 48px;
  box-sizing: border-box;
  transition: background 0.15s ease;
}

#cart-drawer .drawer-content .woocommerce-mini-cart__buttons a.button.checkout.wc-forward:hover {
  background: #2A1A18;
  color: #FFFFFF;
}

#cart-drawer .drawer-content .woocommerce-mini-cart__buttons a.button.checkout.wc-forward:focus-visible {
  background: #2A1A18;
  color: #FFFFFF;
  /*
   * Outline rose poudré à l'extérieur du pill 999px : contraste suffisant
   * sur fond marron, pas tronqué par le border-radius (l'outline-offset
   * négatif aurait pu être tronqué par certains Safari).
   */
  outline: 3px solid #F0CED8;
  outline-offset: 2px;
}

/*
 * Séparateur "ou payez avec" devant le 2e bloc __buttons (= wrapper PayPal).
 *
 * Sibling combinator au lieu de :last-of-type : robuste même si WC injecte
 * un <p> notice intermédiaire (rupture de stock, code promo invalide).
 * Si le contexte n'est pas propre, le sélecteur ne match pas et le
 * séparateur ne s'affiche pas — comportement acceptable.
 */
#cart-drawer .drawer-content .woocommerce-mini-cart__buttons + .woocommerce-mini-cart__buttons {
  margin-top: 14px;
  position: relative;
}

#cart-drawer .drawer-content .woocommerce-mini-cart__buttons + .woocommerce-mini-cart__buttons::before {
  content: 'ou payez avec';
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: 'Inter', -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.10em;
  text-transform: uppercase;
  color: #6D4C41;
  margin-bottom: 12px;
  /*
   * Lignes décoratives gauche/droite via background-image.
   * 72px réservés de chaque côté pour le texte "ou payez avec" en
   * Inter (~85px) ou Georgia fallback (~92px). Les lignes ne touchent
   * jamais le texte même si Inter pas chargé.
   */
  background-image:
    linear-gradient(to right, rgba(62, 39, 35, 0.18), rgba(62, 39, 35, 0.18)),
    linear-gradient(to right, rgba(62, 39, 35, 0.18), rgba(62, 39, 35, 0.18));
  background-size: calc(50% - 72px) 0.5px, calc(50% - 72px) 0.5px;
  background-position: left center, right center;
  background-repeat: no-repeat;
}

/*
 * Wrapper PayPal — on style juste l'espace, pas l'iframe interne.
 * Le bouton PayPal est rendu dans une iframe cross-origin (zoid).
 * Impossible (et contraire aux CGU PayPal) de styler son contenu.
 */
#cart-drawer .drawer-content #ppc-button-minicart {
  display: block;
  width: 100%;
}

/* ---------- 6. État vide (panier sans article) ---------- */

#cart-drawer .drawer-content .woocommerce-mini-cart__empty-message {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0;
  padding: 50px 20px;
  font-family: 'Playfair Display', Georgia, serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  color: #3E2723;
  position: relative;
}

/* Icône sac shopping en SVG inline data-URI (pas de fichier externe à charger) */
#cart-drawer .drawer-content .woocommerce-mini-cart__empty-message::before {
  content: '';
  display: block;
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background-color: #FBECEF;
  margin: 0 auto 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233E2723' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2L3 6v14a2 2 0 002 2h14a2 2 0 002-2V6l-3-4H6zM3 6h18M16 10a4 4 0 01-8 0'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 38px 38px;
}

/* ---------- 7. Responsive — Mobile compact (<360px) ---------- */

@media (max-width: 359px) {
  #cart-drawer .drawer-content.woocommerce.widget_shopping_cart {
    padding: 14px 18px 20px;
  }

  /* Image plus compacte 56×56 et zone remove tactile conservée */
  #cart-drawer .drawer-content .woocommerce-mini-cart-item.mini_cart_item {
    padding: 14px 52px 14px 68px;
    /* min-height calculé : 14 + 56 + 14 = 84px */
    min-height: 84px;
    font-size: 14px;
  }

  #cart-drawer .drawer-content .woocommerce-mini-cart-item img.woocommerce-placeholder,
  #cart-drawer .drawer-content .woocommerce-mini-cart-item img:not(.woocommerce-placeholder) {
    top: 14px;
    width: 56px;
    height: 56px;
  }

  #cart-drawer .drawer-content .woocommerce-mini-cart-item > a.remove {
    top: 8px;
    width: 44px;
    height: 44px;
  }

  #cart-drawer .drawer-content .woocommerce-mini-cart__total .woocommerce-Price-amount.amount {
    font-size: 20px;
  }

  #cart-drawer .drawer-content .woocommerce-mini-cart__buttons a.button.checkout.wc-forward {
    padding: 14px 16px;
    font-size: 12px;
  }
}

/* === END MINI-CART RESTYLE — Chantier 3.3 Phase 1 v1.0.4 ================= */


/* ============================================================
   §3 — PAGE CHECKOUT
   ============================================================
   Chantier 4.1.4 + 4.1.5 — Polish visuel du Checkout Block
   Date : 8 mai 2026
   Version : 1.0.2

   Cible : .wp-block-woocommerce-checkout (Checkout Block React,
   pas le shortcode legacy [woocommerce_checkout]).

   Modifications appliquées :
     - Focus des champs (Email, Pays/Région, Prénom, Nom, etc.)
       → border-color + box-shadow + label en marron #3E2723
     - Radio button "PayPal" + checkbox "Ajouter une note"
       → accent-color marron #3E2723 (override du bleu Chrome défaut)
     - Liens du checkout (Se connecter, Conditions générales,
       Politique de confidentialité, Retour au panier)
       → marron #3E2723 au repos, rose poudré #F0CED8 au hover
     - Bouton de validation final ("Continuer sur PayPal" /
       "Valider mon achat")
       → fond marron #3E2723, hover marron foncé #2A1A18
     - Garde-fou tablette : checkout/cart en une colonne quand
       le résumé devient trop étroit (iPad / petits laptops)

   HORS SCOPE (volontairement non touché) :
     - Boutons Express Checkout PayPal / Carte / 4X (branding officiel)
     - Mini-panier (déjà restylé en §2, on protège)
     - Accordéon résumé mobile en haut (UX utile, non duplicatif)
     - Bloc résumé sidebar desktop (pas de redesign demandé)
     - Bouton "Valider la commande" page /panier/ (chantier séparé)

   Compatibilité navigateurs : modernes 2023+
     - accent-color  : Chrome 93+, Safari 15.4+, Firefox 92+
     - :focus-visible : tous navigateurs modernes
     - :not() multiple : tous navigateurs modernes

   Rollback : retirer le bloc entre BEGIN et END ci-dessous,
   vider LiteSpeed, le rendu Block WC par défaut reprend.
   ============================================================ */

/* === BEGIN CHECKOUT POLISH — Chantier 4.1.4+4.1.5 v1.0.3 ================== */

/* ---------- 1. Focus des champs texte ---------- */

/*
 * Border + box-shadow marron quand un champ est focusé.
 *
 * !important justifié : WC Block applique ses propres styles de focus
 * via une spécificité élevée (sélecteurs imbriqués React). Sans
 * !important, notre marron perd dans la cascade.
 *
 * outline 2px transparent : préserve le focus tabbing pour
 * l'accessibilité clavier sans superposer un outline visible
 * par-dessus notre box-shadow.
 */
.wp-block-woocommerce-checkout .wc-block-components-text-input input:focus,
.wp-block-woocommerce-checkout .wc-block-components-combobox input:focus,
.wp-block-woocommerce-checkout .wc-blocks-components-select__select:focus,
.wp-block-woocommerce-checkout textarea:focus {
	border-color: #3E2723 !important;
	box-shadow: 0 0 0 2px rgba(62, 39, 35, 0.18) !important;
	outline: 2px solid transparent !important;
}

/*
 * Label flottant en marron quand le champ est actif.
 * .is-active = focusé OU rempli (animation Material du Block).
 */
.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active > label,
.wp-block-woocommerce-checkout .wc-block-components-combobox-control.is-active > label,
.wp-block-woocommerce-checkout .wc-blocks-components-select:focus-within .wc-blocks-components-select__label {
	color: #3E2723 !important;
}

.wp-block-woocommerce-checkout .wc-blocks-components-select:focus-within .wc-blocks-components-select__expand {
	fill: #3E2723 !important;
}

/* ---------- 2. Radio button + checkbox ---------- */

/*
 * Couleur d'accentuation native en fallback.
 * WooCommerce Blocks 10.7 dessine aussi ses radios/checkboxes en custom
 * (appearance:none), donc les règles dédiées ci-dessous sont nécessaires.
 */
.wp-block-woocommerce-checkout input[type="radio"],
.wp-block-woocommerce-checkout input[type="checkbox"] {
	accent-color: #3E2723;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:checked {
	border-color: #3E2723 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:checked::before {
	background: #3E2723 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:focus,
.wp-block-woocommerce-checkout .wc-block-components-checkbox__input[type="checkbox"]:focus {
	outline: 2px solid rgba(62, 39, 35, 0.35) !important;
	outline-offset: 2px !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox__input[type="checkbox"]:checked {
	border-color: #3E2723 !important;
}

.wp-block-woocommerce-checkout .wc-block-components-checkbox__mark {
	fill: #3E2723 !important;
}

/* ---------- 3. Liens ---------- */

/*
 * Tous les <a> dans le checkout, sauf ceux stylés en bouton :
 *   - wc-block-components-button : boutons WC officiels
 *   - wp-element-button : boutons WP/Gutenberg natifs
 *
 * Ça couvre exactement :
 *   - "Se connecter" (haut du bloc Coordonnées)
 *   - "Conditions générales" (bloc CGV)
 *   - "Politique de confidentialité" (bloc CGV)
 *   - "Retour au panier" (bas du checkout)
 */
.wp-block-woocommerce-checkout a:not([class*="wc-block-components-button"]):not(.wp-element-button) {
	color: #3E2723;
	transition: color 0.2s ease;
}

.wp-block-woocommerce-checkout a:not([class*="wc-block-components-button"]):not(.wp-element-button):hover,
.wp-block-woocommerce-checkout a:not([class*="wc-block-components-button"]):not(.wp-element-button):focus-visible {
	color: #F0CED8;
}

/* ---------- 4. Bouton de validation final (Chantier 4.1.5) ---------- */

/*
 * Bouton final du Checkout Block uniquement.
 * Ne touche pas aux boutons Express Checkout PayPal / Carte / 4X.
 */
.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button,
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button {
	background-color: #3E2723 !important;
	border-color: #3E2723 !important;
	color: #FFFFFF !important;
	transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:hover:not(:disabled),
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button:hover:not(:disabled) {
	background-color: #2A1A18 !important;
	border-color: #2A1A18 !important;
	color: #FFFFFF !important;
}

.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:disabled,
.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button[disabled],
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button:disabled,
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button[disabled] {
	background-color: #3E2723 !important;
	border-color: #3E2723 !important;
	color: #FFFFFF !important;
	cursor: not-allowed !important;
	opacity: 0.45;
}

.wp-block-woocommerce-checkout button.wc-block-components-checkout-place-order-button:focus-visible,
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-actions-block button:focus-visible {
	outline: 3px solid #F0CED8 !important;
	outline-offset: 2px !important;
}

/* ---------- 5. Garde-fou responsive tablette (Checkout + Cart Blocks) ---------- */

/*
 * WooCommerce Blocks garde parfois le layout desktop a 768-1024px.
 * Sur iPad/tablettes et petits laptops, le résumé devient trop étroit
 * et les noms produits se cassent lettre par lettre. On repasse alors
 * les blocs panier/checkout en une colonne, sans changer les contenus.
 */
@media (max-width: 1100px) {
	.wp-block-woocommerce-checkout .wc-block-components-sidebar-layout,
	.wp-block-woocommerce-cart .wc-block-components-sidebar-layout {
		display: flex !important;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 32px !important;
	}

	.wp-block-woocommerce-checkout .wc-block-components-main,
	.wp-block-woocommerce-checkout .wc-block-components-sidebar,
	.wp-block-woocommerce-cart .wc-block-components-main,
	.wp-block-woocommerce-cart .wc-block-components-sidebar {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		float: none !important;
	}

	.wp-block-woocommerce-checkout .wc-block-components-sidebar,
	.wp-block-woocommerce-cart .wc-block-components-sidebar {
		position: static !important;
	}

	.wp-block-woocommerce-checkout .wc-block-components-order-summary-item__description,
	.wp-block-woocommerce-checkout .wc-block-components-product-name,
	.wp-block-woocommerce-cart .wc-block-components-product-name {
		min-width: 0 !important;
		max-width: 100% !important;
		word-break: normal !important;
		overflow-wrap: break-word !important;
	}
}

/* === END CHECKOUT POLISH — Chantier 4.1.4+4.1.5 v1.0.3 ==================== */

/* ============================================================
   §3b — PAGE ORDER RECEIVED
   ============================================================
   Chantier 6 — Fix lien produit du récap commande
   Date : 8 mai 2026
   Version : 1.0.3

   Cible : /checkout/order-received/ (endpoint WooCommerce dynamique).

   Le checkout block donne ses liens en rose au hover, mais le récap
   de commande peut aussi hériter d'un rose pâle sur fond blanc.
   Ici on limite le fix aux tableaux/récaps de confirmation pour garder
   le bloc bienvenue sombre intact.
   ============================================================ */

/* === BEGIN ORDER RECEIVED POLISH — Chantier 6 v1.0.3 ===================== */

body.woocommerce-order-received .woocommerce-order-details a,
body.woocommerce-order-received .woocommerce-table--order-details a,
body.woocommerce-order-received .wc-block-order-confirmation-totals a {
	color: #3E2723 !important;
	text-decoration: underline;
	text-decoration-color: #6D4C41;
	text-underline-offset: 3px;
}

body.woocommerce-order-received .woocommerce-order-details a:hover,
body.woocommerce-order-received .woocommerce-order-details a:focus,
body.woocommerce-order-received .woocommerce-table--order-details a:hover,
body.woocommerce-order-received .woocommerce-table--order-details a:focus,
body.woocommerce-order-received .wc-block-order-confirmation-totals a:hover,
body.woocommerce-order-received .wc-block-order-confirmation-totals a:focus {
	color: #6D4C41 !important;
	text-decoration-color: #F0CED8;
}

body.woocommerce-order-received .woocommerce-order-details a:focus-visible,
body.woocommerce-order-received .woocommerce-table--order-details a:focus-visible,
body.woocommerce-order-received .wc-block-order-confirmation-totals a:focus-visible {
	outline: 2px solid #3E2723;
	outline-offset: 3px;
	border-radius: 4px;
}

/* === END ORDER RECEIVED POLISH — Chantier 6 v1.0.3 ======================= */


/* ============================================================
   §4 — PAGES MON COMPTE
   ============================================================
   Chantier 5/7 — Refonte Mon compte minimaliste
   Date : 9 mai 2026
   Version : 1.2.2-min

   Base : v1.0.3 serveur + bandeau dashboard autonome.
   Aucun template WooCommerce override. Aucun shell grid.
   Polish CSS-only des tableaux, formulaires et endpoints natifs.

   Objectif :
   - Ajouter une signature D'beauty visible sur /mon-compte/
   - Bandeau aligné à gauche desktop, centré mobile/tablette verticale
   - Garder les widgets dashboard dans leur style validé
   - Adoucir la navigation compte sur tous les viewports via CSS pur
   - Réduire au maximum la surface de bug et la maintenance future
   - Adoucir le login et les messages vides sans toucher aux templates
   - Adoucir les deux écrans mot de passe perdu / nouveau mot de passe
   - Compacter la navigation sur tablette/paysage quand elle passe sous les widgets
   - Rester strictement dans la palette D'Beauty existante
   - Ne pas toucher au fonctionnement e-book, mini-panier, checkout ou commandes
   ============================================================ */

/* === BEGIN MY ACCOUNT MINIMAL POLISH — Chantier 5/7 v1.2.7-tableau-bord-menu ===== */

/* ---------- 1. Bandeau dashboard compact autonome ---------- */

body.woocommerce-account .dbma-hero {
	display: block;
	width: 100%;
	margin: 0 0 32px;
	padding: 28px 32px;
	background: #3E2723;
	color: #FFFFFF;
	border-radius: 12px;
	box-sizing: border-box;
	overflow: hidden;
	clear: both;
	text-align: left;
}

body.woocommerce-account .dbma-hero,
body.woocommerce-account .dbma-hero * {
	box-sizing: border-box;
}

body.woocommerce-account .dbma-hero__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	gap: 24px;
}

body.woocommerce-account .dbma-hero__left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	gap: 18px;
	flex: 1 1 auto;
	min-width: 0;
	text-align: left;
}

body.woocommerce-account .dbma-hero__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 56px;
	height: 56px;
	background: #F0CED8;
	color: #3E2723;
	border-radius: 50%;
	font-family: 'Playfair Display', Georgia, serif;
	font-size: 26px;
	font-weight: 600;
	line-height: 1;
	user-select: none;
}

body.woocommerce-account .dbma-hero__greeting {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0;
	min-width: 0;
}

body.woocommerce-account .dbma-hero h1.dbma-hero__title {
	margin: 0 !important;
	padding: 0 !important;
	color: #FFFFFF !important;
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: clamp(22px, 2.4vw, 30px) !important;
	font-weight: 400 !important;
	letter-spacing: 0 !important;
	line-height: 1.2 !important;
}

body.woocommerce-account .dbma-hero h1.dbma-hero__title em {
	color: #F0CED8;
	font-style: italic;
	font-weight: 400;
}

body.woocommerce-account .dbma-hero__right {
	flex-shrink: 0;
	text-align: right;
}

body.woocommerce-account a.dbma-hero__logout {
	display: inline-flex;
	align-items: center;
	padding: 6px 4px;
	background: transparent !important;
	border: 0 !important;
	color: #F0CED8 !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-decoration: underline !important;
	text-decoration-color: rgba(240, 206, 216, 0.4) !important;
	text-underline-offset: 3px;
	transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

body.woocommerce-account a.dbma-hero__logout:hover,
body.woocommerce-account a.dbma-hero__logout:focus {
	color: #FFFFFF !important;
	text-decoration-color: #FFFFFF !important;
}

body.woocommerce-account a.dbma-hero__logout:focus-visible {
	outline: 2px solid #F0CED8;
	outline-offset: 3px;
	border-radius: 4px;
}

body.dbma-account-dashboard .woocommerce-MyAccount-content > p:nth-of-type(1),
body.dbma-account-dashboard .woocommerce-MyAccount-content > p:nth-of-type(2) {
	display: none !important;
}

/* ---------- 2. Widgets dashboard validés ---------- */

body .dbeauty-myaccount-widget,
body .dbeauty-myaccount-widget * {
	box-sizing: border-box;
}

body .dbeauty-myaccount-widget {
	margin: 0 0 32px !important;
	padding: 32px 28px !important;
	background: #FBECEF;
	border-radius: 16px;
	font-family: 'Inter', system-ui, -apple-system, sans-serif;
	position: relative;
	overflow: hidden;
}

/* Décor : halo rose discret en arrière-plan */
body .dbeauty-myaccount-widget::before {
	content: '';
	position: absolute;
	top: -80px;
	right: -80px;
	width: 240px;
	height: 240px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(240,206,216,.45) 0%, rgba(240,206,216,0) 70%);
	pointer-events: none;
}

body h2.dbeauty-myaccount-widget__title {
	position: relative;
	font-family: 'Playfair Display', Georgia, serif !important;
	font-weight: 400 !important;
	font-size: clamp(24px, 4vw, 32px) !important;
	line-height: 1.2 !important;
	color: #3E2723 !important;
	margin: 0 0 24px !important;
	padding: 0 !important;
	letter-spacing: -.005em;
}

/* Liste de boutons CTA (un par formation) */
body .dbeauty-myaccount-widget__courses {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 16px !important;
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 16px 22px !important;
	background: #FFFFFF !important;
	color: #3E2723 !important;
	text-decoration: none !important;
	border-radius: 999px;
	font-family: 'Inter', sans-serif !important;
	transition: background .2s, transform .15s, box-shadow .2s;
	box-shadow: 0 2px 8px rgba(62,39,35,.08);
	-webkit-tap-highlight-color: transparent;
}
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:hover,
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:focus {
	background: #F0CED8 !important;
	color: #3E2723 !important;
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(62,39,35,.18);
}
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:active {
	transform: translateY(0);
}

body .dbeauty-myaccount-widget__cta-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .18em;
	text-transform: uppercase;
	opacity: .65;
	flex-shrink: 0;
	color: #6D4C41;
}
body .dbeauty-myaccount-widget__cta-name {
	font-family: 'Playfair Display', serif !important;
	font-size: 17px;
	font-weight: 500;
	flex: 1;
	text-align: left;
	line-height: 1.3;
	color: #3E2723;
}
body .dbeauty-myaccount-widget__cta-arrow {
	font-size: 18px;
	flex-shrink: 0;
	transition: transform .2s;
	color: #3E2723;
}
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:hover .dbeauty-myaccount-widget__cta-arrow {
	transform: translateX(4px);
}

/* Lien secondaire "Voir toutes mes formations" (uniquement si 2+ cours) */
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__secondary {
	position: relative;
	display: inline-block;
	font-family: 'Inter', sans-serif !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #6D4C41 !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(109,76,65,.3);
	padding: 4px 2px !important;
	margin: 8px 0 0 !important;
	transition: color .2s, border-color .2s;
}
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__secondary:hover {
	color: #3E2723 !important;
	border-color: #3E2723;
}

body.dbma-account-dashboard .dbeauty-myaccount-widget + .dbeauty-myaccount-widget {
	margin-top: -16px !important;
}

/* ---------- 3. Navigation compte premium, CSS-only ---------- */

body.woocommerce-account .account-navigation-wrap,
body.woocommerce-account .account-navigation-wrap * {
	box-sizing: border-box;
}

body.woocommerce-account .account-navigation-wrap {
	background: #FAF6F2;
	border: 1px solid rgba(62, 39, 35, 0.10) !important;
	border-radius: 14px;
	padding: 18px;
	box-shadow: 0 10px 28px rgba(62, 39, 35, 0.06);
}

body.woocommerce-account .woocommerce-MyAccount-navigation {
	border-left: 0 !important;
	padding-left: 0 !important;
}

body.woocommerce-account .account-navigation-wrap .kadence-account-avatar {
	display: none !important;
}

body.woocommerce-account .account-navigation-wrap ul {
	display: flex !important;
	flex-direction: column;
	gap: 10px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.woocommerce-account .account-navigation-wrap li,
body.woocommerce-account .woocommerce-MyAccount-navigation-link {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.woocommerce-account .account-navigation-wrap li a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 11px 14px !important;
	background: #FFFFFF;
	border: 1px solid rgba(62, 39, 35, 0.10) !important;
	border-left: 1px solid rgba(62, 39, 35, 0.10) !important;
	border-radius: 999px;
	color: #6D4C41 !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.25;
	text-align: center;
	text-decoration: none !important;
	white-space: normal;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: none;
	margin: 0 !important;
	box-shadow: 0 2px 8px rgba(62, 39, 35, 0.05);
	transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

body.woocommerce-account .account-navigation-wrap li a:hover,
body.woocommerce-account .account-navigation-wrap li a:focus-visible {
	background: #FBECEF;
	border-color: rgba(62, 39, 35, 0.18) !important;
	color: #3E2723 !important;
}

body.woocommerce-account .account-navigation-wrap li.is-active a,
body.woocommerce-account .account-navigation-wrap li.is-active a:hover,
body.woocommerce-account .account-navigation-wrap li.is-active a:focus-visible {
	background: #3E2723 !important;
	border-color: #3E2723 !important;
	color: #FFFFFF !important;
	font-weight: 600 !important;
}

/* ---------- 4. Login, mot de passe perdu et messages WooCommerce natifs ---------- */

body.woocommerce-account:not(.logged-in) .entry-content .woocommerce {
	max-width: 880px;
	margin-right: auto;
	margin-left: auto;
}

body.woocommerce-account:not(.logged-in) .entry-content .woocommerce h2 {
	margin: 0 0 18px !important;
	color: #3E2723 !important;
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: clamp(30px, 4vw, 42px) !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login,
body.woocommerce-account:not(.logged-in) form.login {
	margin: 0 !important;
	padding: 30px 32px !important;
	background: #FAF6F2;
	border: 1px solid rgba(62, 39, 35, 0.12) !important;
	border-radius: 16px;
	box-shadow: 0 14px 34px rgba(62, 39, 35, 0.07);
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login label,
body.woocommerce-account:not(.logged-in) form.login label {
	color: #6D4C41;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px;
	font-weight: 600;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text,
body.woocommerce-account:not(.logged-in) form.login input.input-text {
	min-height: 48px;
	background: #FFFFFF !important;
	border: 1px solid rgba(62, 39, 35, 0.16) !important;
	border-radius: 10px !important;
	color: #3E2723 !important;
	box-shadow: none !important;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login input.input-text:focus,
body.woocommerce-account:not(.logged-in) form.login input.input-text:focus {
	border-color: #3E2723 !important;
	outline: 2px solid rgba(240, 206, 216, 0.85);
	outline-offset: 2px;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__submit,
body.woocommerce-account:not(.logged-in) form.login button[type="submit"] {
	min-height: 44px;
	padding: 12px 22px !important;
	background: #3E2723 !important;
	border: 1px solid #3E2723 !important;
	border-radius: 8px !important;
	color: #FFFFFF !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	box-shadow: none !important;
	transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__submit:hover,
body.woocommerce-account:not(.logged-in) form.login button[type="submit"]:hover,
body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__submit:focus-visible,
body.woocommerce-account:not(.logged-in) form.login button[type="submit"]:focus-visible {
	background: #5A332D !important;
	border-color: #5A332D !important;
	transform: translateY(-1px);
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__rememberme,
body.woocommerce-account:not(.logged-in) form.login .woocommerce-form-login__rememberme {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 0 14px;
	vertical-align: middle;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .lost_password,
body.woocommerce-account:not(.logged-in) form.login .lost_password {
	margin: 18px 0 0 !important;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .lost_password a,
body.woocommerce-account:not(.logged-in) form.login .lost_password a {
	color: #6D4C41 !important;
	text-decoration-color: rgba(109, 76, 65, 0.35) !important;
	text-underline-offset: 3px;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword,
body.woocommerce-account:not(.logged-in) form.lost_reset_password {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	gap: 18px 22px;
	max-width: 880px;
	margin: 0 auto !important;
	padding: 30px 32px !important;
	background: #FAF6F2;
	border: 1px solid rgba(62, 39, 35, 0.12) !important;
	border-radius: 16px;
	box-shadow: 0 14px 34px rgba(62, 39, 35, 0.07);
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword > p:not(.form-row),
body.woocommerce-account:not(.logged-in) form.lost_reset_password > p:not(.form-row) {
	flex: 0 0 100%;
	margin: 0 0 6px !important;
	color: #6D4C41;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 16px;
	line-height: 1.6;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword .form-row,
body.woocommerce-account:not(.logged-in) form.lost_reset_password .form-row {
	float: none !important;
	clear: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword .form-row-first,
body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword .form-row-last,
body.woocommerce-account:not(.logged-in) form.lost_reset_password .form-row-first,
body.woocommerce-account:not(.logged-in) form.lost_reset_password .form-row-last {
	flex: 1 1 260px;
	width: auto !important;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword label,
body.woocommerce-account:not(.logged-in) form.lost_reset_password label {
	display: block;
	margin: 0 0 8px !important;
	color: #6D4C41;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px;
	font-weight: 700;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword input.input-text,
body.woocommerce-account:not(.logged-in) form.lost_reset_password input.input-text {
	width: 100%;
	min-height: 48px;
	background: #FFFFFF !important;
	border: 1px solid rgba(62, 39, 35, 0.16) !important;
	border-radius: 10px !important;
	color: #3E2723 !important;
	box-shadow: none !important;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword input.input-text:focus,
body.woocommerce-account:not(.logged-in) form.lost_reset_password input.input-text:focus {
	border-color: #3E2723 !important;
	outline: 2px solid rgba(240, 206, 216, 0.85);
	outline-offset: 2px;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword button[type="submit"],
body.woocommerce-account:not(.logged-in) form.lost_reset_password button[type="submit"] {
	min-height: 44px;
	padding: 12px 22px !important;
	background: #3E2723 !important;
	border: 1px solid #3E2723 !important;
	border-radius: 8px !important;
	color: #FFFFFF !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	box-shadow: none !important;
	transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword button[type="submit"]:hover,
body.woocommerce-account:not(.logged-in) form.lost_reset_password button[type="submit"]:hover,
body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword button[type="submit"]:focus-visible,
body.woocommerce-account:not(.logged-in) form.lost_reset_password button[type="submit"]:focus-visible {
	background: #5A332D !important;
	border-color: #5A332D !important;
	transform: translateY(-1px);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Message {
	display: flex;
	align-items: center;
	gap: 18px;
	width: 100%;
	margin: 0 0 22px !important;
	padding: 18px 20px !important;
	background: #FAF6F2;
	border: 1px solid rgba(62, 39, 35, 0.10) !important;
	border-left: 5px solid #F0CED8 !important;
	border-radius: 14px;
	color: #6D4C41;
	box-shadow: 0 10px 26px rgba(62, 39, 35, 0.05);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info .button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message .button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Message .button {
	order: 2;
	flex-shrink: 0;
	margin-left: auto !important;
}

/* ---------- 5. Endpoints natifs : tables, adresses, formulaires ---------- */

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table {
	width: 100%;
	margin: 0 0 22px !important;
	background: #FFFFFF;
	border: 1px solid rgba(62, 39, 35, 0.12) !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border-radius: 14px;
	box-shadow: 0 12px 30px rgba(62, 39, 35, 0.05);
	overflow: hidden;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td {
	border-right: 0 !important;
	border-left: 0 !important;
	color: #6D4C41;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	line-height: 1.35;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table th {
	padding: 14px 16px !important;
	background: #FAF6F2;
	border-top: 0 !important;
	border-bottom: 1px solid rgba(62, 39, 35, 0.12) !important;
	color: #3E2723 !important;
	font-size: 13px;
	font-weight: 700;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td {
	padding: 14px 16px !important;
	border-top: 1px solid rgba(62, 39, 35, 0.10) !important;
	border-bottom: 0 !important;
	font-size: 14px;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tbody tr:first-child td {
	border-top: 0 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table a:not(.button) {
	color: #6D4C41 !important;
	font-weight: 600;
	text-decoration-color: rgba(109, 76, 65, 0.35) !important;
	text-underline-offset: 3px;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table a:not(.button):hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table a:not(.button):focus-visible {
	color: #3E2723 !important;
	text-decoration-color: #3E2723 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	margin: 3px 4px 3px 0 !important;
	padding: 10px 16px !important;
	background: #3E2723 !important;
	border: 1px solid #3E2723 !important;
	border-radius: 8px !important;
	color: #FFFFFF !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button:focus-visible,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button:focus-visible,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:focus-visible {
	background: #5A332D !important;
	border-color: #5A332D !important;
	color: #FFFFFF !important;
	transform: translateY(-1px);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address {
	margin: 0 0 22px !important;
	padding: 22px 24px;
	background: #FAF6F2;
	border: 1px solid rgba(62, 39, 35, 0.10);
	border-radius: 14px;
	box-shadow: 0 10px 26px rgba(62, 39, 35, 0.05);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin: 0 0 10px !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title h2 {
	margin: 0 !important;
	color: #3E2723 !important;
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: clamp(24px, 3vw, 34px) !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
	color: #6D4C41 !important;
	font-weight: 600;
	text-decoration-color: rgba(109, 76, 65, 0.35) !important;
	text-underline-offset: 3px;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content address {
	margin: 0 !important;
	color: #6D4C41;
	font-style: normal;
	line-height: 1.55;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm label,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account label,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-address-fields label {
	color: #6D4C41;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px;
	font-weight: 700;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input.input-text,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account input.input-text,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-address-fields input.input-text,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-address-fields select,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-address-fields textarea {
	min-height: 46px;
	background: #FFFFFF !important;
	border: 1px solid rgba(62, 39, 35, 0.16) !important;
	border-radius: 10px !important;
	color: #3E2723 !important;
	box-shadow: none !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm input.input-text:focus,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account input.input-text:focus,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-address-fields input.input-text:focus,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-address-fields select:focus,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-address-fields textarea:focus {
	border-color: #3E2723 !important;
	outline: 2px solid rgba(240, 206, 216, 0.85);
	outline-offset: 2px;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account fieldset {
	margin: 28px 0 22px !important;
	padding: 24px 28px 28px !important;
	background: #FAF6F2;
	border: 1px solid rgba(62, 39, 35, 0.12) !important;
	border-radius: 14px;
	box-shadow: 0 10px 26px rgba(62, 39, 35, 0.05);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account fieldset legend {
	margin: 0 0 18px !important;
	padding: 0 10px !important;
	color: #3E2723 !important;
	font-family: 'Playfair Display', Georgia, serif !important;
	font-size: clamp(24px, 3vw, 34px) !important;
	font-weight: 500 !important;
	line-height: 1.15 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm em,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account em {
	display: block;
	margin: 6px 0 0 !important;
	color: #6D4C41;
	line-height: 1.45;
}

/* Responsive mobile + tablette / petit laptop */
@media (max-width: 1100px) {
	/* Sur iPad et petits laptops, toutes les pages compte passent en colonne.
	   Cela évite que la nav premium soit comprimée dans une sidebar étroite. */
	body.woocommerce-account .entry-content .woocommerce {
		display: flex;
		flex-direction: column;
	}

	body.woocommerce-account .dbma-hero {
		order: 1;
		margin: 0 0 28px;
		padding: 22px 20px;
		border-radius: 10px;
		text-align: center;
	}

	body.woocommerce-account .dbma-hero__inner {
		flex-direction: column;
		align-items: center;
		gap: 12px;
	}

	body.woocommerce-account .dbma-hero__left {
		gap: 14px;
		width: 100%;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		text-align: center;
	}

	body.woocommerce-account .dbma-hero__avatar {
		width: 48px;
		height: 48px;
		font-size: 22px;
	}

	body.woocommerce-account .dbma-hero h1.dbma-hero__title {
		font-size: 22px !important;
	}

	body.woocommerce-account .dbma-hero__right {
		align-self: center;
		text-align: center;
	}

	body.woocommerce-account .woocommerce-MyAccount-content {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	body.woocommerce-account .account-navigation-wrap {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	body.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}

	body.dbma-account-dashboard .woocommerce-MyAccount-content {
		order: 2;
	}

	body.dbma-account-dashboard .account-navigation-wrap {
		order: 3;
		margin-top: 16px;
		margin-bottom: 0;
	}

	body.dbma-account-dashboard .woocommerce-MyAccount-navigation {
		order: 3;
		margin-top: 0;
	}

	body.woocommerce-account:not(.dbma-account-dashboard) .account-navigation-wrap {
		order: 1;
		margin: 0 0 28px;
	}

	body.woocommerce-account:not(.dbma-account-dashboard) .woocommerce-MyAccount-navigation {
		order: 1;
	}

	body.woocommerce-account:not(.dbma-account-dashboard) .woocommerce-MyAccount-content {
		order: 2;
	}

	body.woocommerce-account .account-navigation-wrap ul {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.dbma-account-dashboard .dbeauty-myaccount-widget + .dbeauty-myaccount-widget {
		margin-top: -22px !important;
	}
}

@media (min-width: 601px) and (max-width: 1100px) {
	body.woocommerce-account .account-navigation-wrap {
		padding: 14px;
	}

	body.woocommerce-account .account-navigation-wrap ul {
		gap: 8px;
	}

	body.woocommerce-account .account-navigation-wrap li a {
		min-height: 40px;
		padding: 8px 12px !important;
		font-size: 13px !important;
	}
}

@media (max-width: 600px) {

	body.woocommerce-account .account-navigation-wrap {
		padding: 16px;
	}

	body.woocommerce-account .account-navigation-wrap ul {
		grid-template-columns: 1fr;
	}

	body.woocommerce-account:not(.logged-in) form.woocommerce-form-login,
	body.woocommerce-account:not(.logged-in) form.login,
	body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword,
	body.woocommerce-account:not(.logged-in) form.lost_reset_password {
		padding: 24px 20px !important;
		border-radius: 14px;
	}

	body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword,
	body.woocommerce-account:not(.logged-in) form.lost_reset_password {
		display: block;
	}

	body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword .form-row,
	body.woocommerce-account:not(.logged-in) form.lost_reset_password .form-row {
		margin: 0 0 16px !important;
	}

	body.woocommerce-account:not(.logged-in) form.woocommerce-ResetPassword button[type="submit"],
	body.woocommerce-account:not(.logged-in) form.lost_reset_password button[type="submit"] {
		width: 100%;
	}

	body.woocommerce-account:not(.logged-in) form.woocommerce-form-login .woocommerce-form-login__rememberme,
	body.woocommerce-account:not(.logged-in) form.login .woocommerce-form-login__rememberme {
		display: flex;
		margin: 14px 0 0;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Message {
		display: block;
		padding: 18px !important;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-info .button,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-message .button,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Message .button {
		display: block;
		width: 100%;
		margin: 14px 0 0 !important;
		text-align: center;
	}

	body .dbeauty-myaccount-widget {
		padding: 24px 20px !important;
		border-radius: 12px;
	}
	body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta {
		flex-direction: column;
		align-items: flex-start;
		padding: 14px 18px !important;
		gap: 4px;
	}
	body .dbeauty-myaccount-widget__cta-label {
		font-size: 10px;
	}
	body .dbeauty-myaccount-widget__cta-name {
		font-size: 15px;
	}
	body .dbeauty-myaccount-widget__cta-arrow {
		align-self: flex-end;
		margin-top: -22px;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table thead,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tbody,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tr,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table th,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td {
		display: block;
		width: 100% !important;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table thead {
		display: none;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tr {
		padding: 14px 16px;
		border-top: 1px solid rgba(62, 39, 35, 0.10);
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tbody tr:first-child {
		border-top: 0;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td {
		display: flex;
		justify-content: space-between;
		gap: 14px;
		padding: 7px 0 !important;
		border-top: 0 !important;
		text-align: right !important;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td::before {
		content: attr(data-title);
		flex: 0 0 auto;
		color: #3E2723;
		font-weight: 700;
		text-align: left;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address {
		padding: 20px;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address-title {
		display: block;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset,
	body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.edit-account fieldset {
		padding: 22px 20px !important;
	}
}

/* ---------- 6. Surcharge sobre : palette en accents, blanc dominant ---------- */

body.woocommerce-account .dbma-hero {
	margin: 0 0 40px;
	padding: 0 0 30px;
	background: #FFFFFF;
	border: 0;
	border-bottom: 1px solid rgba(62, 39, 35, 0.08);
	border-radius: 0;
	color: #3E2723;
	overflow: visible;
}

body.woocommerce-account .dbma-hero__inner {
	align-items: center;
}

body.woocommerce-account .dbma-hero__avatar {
	width: 44px;
	height: 44px;
	background: transparent;
	border: 1px solid rgba(62, 39, 35, 0.14);
	color: #3E2723;
	font-size: 20px;
}

body.woocommerce-account .dbma-hero h1.dbma-hero__title {
	color: #3E2723 !important;
	font-size: clamp(28px, 3vw, 36px) !important;
	line-height: 1.08 !important;
}

body.woocommerce-account .dbma-hero h1.dbma-hero__title em {
	color: #3E2723;
	font-style: italic;
}

body.woocommerce-account a.dbma-hero__logout {
	color: #6D4C41 !important;
	text-decoration-color: rgba(109, 76, 65, 0.35) !important;
}

body.woocommerce-account a.dbma-hero__logout:hover,
body.woocommerce-account a.dbma-hero__logout:focus {
	color: #3E2723 !important;
	text-decoration-color: #3E2723 !important;
}

body .dbeauty-myaccount-widget {
	background: #FFFFFF !important;
	border: 1px solid rgba(62, 39, 35, 0.08);
	border-radius: 12px;
	box-shadow: none;
}

body .dbeauty-myaccount-widget::before {
	display: none;
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta {
	background: #FFFFFF !important;
	border: 1px solid rgba(62, 39, 35, 0.10);
	box-shadow: none;
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:hover,
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:focus {
	background: #FBECEF !important;
	box-shadow: none;
}

body.woocommerce-account .account-navigation-wrap {
	background: transparent;
	border: 0 !important;
	border-radius: 0;
	padding: 0;
	box-shadow: none;
}

body.woocommerce-account .account-navigation-wrap ul {
	display: flex !important;
	flex-direction: column;
	gap: 0;
}

body.woocommerce-account .account-navigation-wrap li a {
	justify-content: flex-start;
	min-height: 0;
	padding: 13px 0 !important;
	background: transparent;
	border: 0 !important;
	border-bottom: 1px solid rgba(62, 39, 35, 0.06) !important;
	border-radius: 0;
	color: #6D4C41 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	text-align: left;
	box-shadow: none;
}

body.woocommerce-account .account-navigation-wrap li a:hover,
body.woocommerce-account .account-navigation-wrap li a:focus-visible {
	background: transparent;
	border-color: rgba(62, 39, 35, 0.10) !important;
	color: #3E2723 !important;
}

body.woocommerce-account .account-navigation-wrap li.is-active a,
body.woocommerce-account .account-navigation-wrap li.is-active a:hover,
body.woocommerce-account .account-navigation-wrap li.is-active a:focus-visible {
	padding-left: 12px !important;
	background: transparent !important;
	border: 0 !important;
	border-left: 2px solid #3E2723 !important;
	border-bottom: 1px solid rgba(62, 39, 35, 0.06) !important;
	color: #3E2723 !important;
	font-weight: 600 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table {
	border-color: rgba(62, 39, 35, 0.08) !important;
	border-radius: 12px;
	box-shadow: none;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table th {
	background: #FFFFFF;
	font-size: 12px;
	letter-spacing: 0;
	text-transform: uppercase;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tbody tr {
	transition: background 0.18s ease;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tbody tr:hover td {
	background: rgba(251, 236, 239, 0.42);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-number,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-download-product {
	background: transparent;
	color: #3E2723;
	font-weight: 700;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button {
	background: transparent !important;
	border-color: #3E2723 !important;
	border-radius: 999px !important;
	color: #3E2723 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button:focus-visible,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content button.button:focus-visible,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button:focus-visible {
	background: #3E2723 !important;
	border-color: #3E2723 !important;
	color: #FFFFFF !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content a.button.pay,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .button.pay {
	background: #3E2723 !important;
	color: #FFFFFF !important;
}

@media (max-width: 600px) {
	body.woocommerce-account .dbma-hero {
		padding-bottom: 24px;
	}

	body.woocommerce-account .dbma-hero__avatar {
		width: 42px;
		height: 42px;
	}

	body.woocommerce-account .dbma-hero h1.dbma-hero__title {
		font-size: 28px !important;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table {
		background: transparent;
		border: 0 !important;
		box-shadow: none;
		overflow: visible;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table tr {
		margin: 0 0 12px;
		background: #FFFFFF;
		border: 1px solid rgba(62, 39, 35, 0.08);
		border-radius: 12px;
	}

	body.woocommerce-account.logged-in .woocommerce-MyAccount-content table.shop_table td {
		background: transparent !important;
	}
}

/* ---------- 6.1 Presence ciblee : hero et CTA dashboard ---------- */

body.woocommerce-account .dbma-hero {
	padding: 0 0 42px;
}

body.woocommerce-account .dbma-hero__left {
	gap: 22px;
}

body.woocommerce-account .dbma-hero__avatar {
	width: 62px;
	height: 62px;
	background: #FAF6F2 !important;
	border: 1px solid rgba(62, 39, 35, 0.18);
	box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.74);
	font-size: 26px;
}

body.woocommerce-account .dbma-hero__greeting::after {
	content: "";
	display: block;
	width: 84px;
	height: 2px;
	margin-top: 16px;
	background: rgba(240, 206, 216, 0.62);
	border-radius: 999px;
}

body.woocommerce-account .dbma-hero h1.dbma-hero__title {
	font-size: clamp(36px, 4vw, 52px) !important;
	line-height: 1.02 !important;
}

body .dbeauty-myaccount-widget__title::after {
	content: "";
	display: block;
	width: 42px;
	height: 2px;
	margin-top: 14px;
	background: rgba(240, 206, 216, 0.58);
	border-radius: 999px;
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta {
	background: #3E2723 !important;
	border: 1px solid #3E2723 !important;
	color: #FFFFFF !important;
	box-shadow: 0 10px 22px rgba(62, 39, 35, 0.10);
	transform: translateY(0);
	transition:
		background-color 0.18s ease,
		border-color 0.18s ease,
		box-shadow 0.18s ease,
		transform 0.18s ease;
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:hover,
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:focus {
	background: #5A332D !important;
	border-color: #5A332D !important;
	color: #FFFFFF !important;
	box-shadow: 0 12px 26px rgba(62, 39, 35, 0.14);
	transform: translateY(-1px);
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta:focus-visible {
	outline: 2px solid rgba(240, 206, 216, 0.72);
	outline-offset: 3px;
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta .dbeauty-myaccount-widget__cta-label {
	color: #F0CED8 !important;
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta .dbeauty-myaccount-widget__cta-name,
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__cta .dbeauty-myaccount-widget__cta-arrow {
	color: #FFFFFF !important;
}

@media (max-width: 600px) {
	body.woocommerce-account .dbma-hero {
		padding-bottom: 34px;
	}

	body.woocommerce-account .dbma-hero__avatar {
		width: 54px;
		height: 54px;
		font-size: 23px;
	}

	body.woocommerce-account .dbma-hero h1.dbma-hero__title {
		font-size: 34px !important;
	}

	body.woocommerce-account .dbma-hero__greeting::after {
		width: 68px;
		margin-top: 12px;
	}
}

/* ---------- 6.2 Affinage final : relief sans surcharge ---------- */

body.woocommerce-account .dbma-hero__avatar {
	box-shadow:
		0 0 0 4px rgba(251, 236, 239, 0.45),
		inset 0 0 0 4px rgba(255, 255, 255, 0.74) !important;
}

body.woocommerce-account .dbma-hero__greeting::after {
	width: 110px;
	background: rgba(240, 206, 216, 0.85);
}

body .dbeauty-myaccount-widget__title::after {
	width: 56px;
	background: rgba(240, 206, 216, 0.74);
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__secondary {
	padding-bottom: 6px !important;
	border-bottom: 2px solid rgba(109, 76, 65, 0.36);
	font-weight: 600 !important;
}

body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__secondary:hover,
body .dbeauty-myaccount-widget a.dbeauty-myaccount-widget__secondary:focus-visible {
	color: #3E2723 !important;
	border-color: #3E2723;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[type="submit"],
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-Button,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.button {
	background: #3E2723 !important;
	border-color: #3E2723 !important;
	color: #FFFFFF !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[type="submit"]:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button[type="submit"]:focus-visible,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-Button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-Button:focus-visible,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.button:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content form.woocommerce-EditAccountForm button.button:focus-visible {
	background: #5A332D !important;
	border-color: #5A332D !important;
	color: #FFFFFF !important;
}

@media (max-width: 600px) {
	body.woocommerce-account .dbma-hero__greeting::after {
		width: 82px;
	}

	body .dbeauty-myaccount-widget__title::after {
		width: 46px;
	}
}

/* ---------- 6.3 Style A — Beige editorial : zones d'accueil chaleureuses ---------- */

body.woocommerce-account .dbma-hero {
	background: #FAF6F2 !important;
	padding: 36px 32px 38px !important;
	border: 1px solid rgba(62, 39, 35, 0.06) !important;
	border-bottom: 1px solid rgba(62, 39, 35, 0.06) !important;
	border-radius: 16px !important;
}

body.woocommerce-account .dbma-hero__avatar {
	background: #FFFFFF !important;
}

body .dbeauty-myaccount-widget {
	background: #FAF6F2 !important;
	border: 1px solid rgba(62, 39, 35, 0.06) !important;
	border-radius: 16px !important;
}

@media (max-width: 600px) {
	body.woocommerce-account .dbma-hero {
		padding: 28px 22px 30px !important;
		border-radius: 12px !important;
	}

	body .dbeauty-myaccount-widget {
		border-radius: 12px !important;
	}
}

/* === END MY ACCOUNT MINIMAL POLISH — Chantier 5/7 v1.2.7-tableau-bord-menu ======= */


/* ============================================================
   §5 — NOTICES WOOCOMMERCE
   ============================================================
   Version    : 1.1.2
   Date       : 6 mai 2026
   Base       : v1.1.0 (Codex+Claude) → v1.1.1 (Codex pointer-events)
                → v1.1.2 (durcissement Kadence)
   Changelog  :
     v1.1.2 — Durcissement face aux modifications Kadence Customizer
              + Sélecteur indépendant de .woocommerce-notices-wrapper
                (cible .woocommerce-message directement).
              + Exclusion explicite des pages cart/checkout/account
                pour préserver les notices INLINE natives.
              + Z-index max int (2147483647) pour passer au-dessus
                des popups Kadence Cart Drawer / Mobile Drawer.
              + Spécificité renforcée via "html body".
              + Top mobile 74→90px.
              + Resets défensifs : text-align, text-transform, display.
     v1.1.1 — Pointer-events auto pendant état visible, none seulement
              à 100%, et auto !important dans reduced-motion.
     v1.1.0 — Auto-disparition CSS pure (pas de JS) : toast 7s avec
              fade+slide-out, pause au hover, reduced-motion.
     v1.0.0 — Toast flottant top right, palette D'beauty, responsive.
   ============================================================
   Cible les notices succes/info affichees apres ajout/suppression panier
   sans modifier le mecanisme WooCommerce ni les messages d'erreur checkout.
   Les .woocommerce-error gardent leur style natif (notices critiques).
   ============================================================ */

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message,
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info {
	position: fixed !important;
	top: 96px !important;
	right: 24px !important;
	left: auto !important;
	bottom: auto !important;
	z-index: 2147483647 !important;
	width: min(440px, calc(100vw - 48px)) !important;
	max-width: calc(100vw - 48px) !important;
	margin: 0 !important;
	padding: 16px 18px 16px 50px !important;
	background: #FBECEF !important;
	border: 1px solid rgba(62,39,35,.14) !important;
	border-left: 4px solid #3E2723 !important;
	border-radius: 8px !important;
	box-shadow: 0 18px 42px rgba(62,39,35,.18) !important;
	color: #3E2723 !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	text-transform: none !important;
	text-indent: 0 !important;
	display: block !important;
	/* Bug fix 8 mai 2026 : pas de !important - voir explication §5b */
	pointer-events: auto;
	list-style: none !important;
	animation: dbeauty-wc-toast 3s ease-out forwards !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message:hover,
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info:hover {
	animation-play-state: paused !important;
}

html body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message,
html body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info {
	top: 128px !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message::before,
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info::before {
	position: absolute !important;
	top: 17px !important;
	left: 18px !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 999px !important;
	background: #3E2723 !important;
	color: #FBECEF !important;
	font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	text-align: center !important;
	display: block !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message::before {
	content: '✓' !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info::before {
	content: 'i' !important;
	font-style: normal !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message a,
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info a {
	color: #6D4C41 !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	text-decoration-color: rgba(109,76,65,.35) !important;
	text-underline-offset: 3px !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message a:hover,
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info a:hover {
	color: #3E2723 !important;
	text-decoration-color: #3E2723 !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message .button,
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info .button {
	float: none !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	margin: 0 0 0 8px !important;
	padding: 6px 12px !important;
	background: #3E2723 !important;
	border: 1px solid #3E2723 !important;
	border-radius: 999px !important;
	color: #FBECEF !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	text-decoration: none !important;
	box-shadow: none !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message .button:hover,
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info .button:hover {
	background: #6D4C41 !important;
	border-color: #6D4C41 !important;
	color: #FBECEF !important;
}

@keyframes dbeauty-wc-toast {
	0% {
		opacity: 0;
		transform: translate3d(16px, -6px, 0);
	}
	3% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		pointer-events: auto;
	}
	88% {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		pointer-events: auto;
	}
	100% {
		opacity: 0;
		transform: translate3d(16px, -6px, 0);
		pointer-events: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message,
	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
		pointer-events: auto !important;
	}
}

@media (max-width: 600px) {
	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message,
	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info,
	html body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message,
	html body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info {
		top: 90px !important;
		right: 14px !important;
		left: 14px !important;
		width: auto !important;
		max-width: calc(100vw - 28px) !important;
		padding: 14px 16px 14px 46px !important;
		font-size: 13px !important;
	}

	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message::before,
	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info::before {
		top: 15px !important;
		left: 16px !important;
	}

	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-message .button,
	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-info .button {
		margin: 8px 0 0 !important;
		width: 100% !important;
	}
}


/* ============================================================
   §5c — NOTICES D'ERREUR WOOCOMMERCE (TOAST AVERTISSEMENT)
   ============================================================
   Ajout 8 mai 2026 — Stylise .woocommerce-error en toast D'beauty.
   Cas d'usage typique :
   - "Vendu individuellement" → "Vous ne pouvez pas ajouter un autre…"
   - Coupon invalide
   - Stock épuisé
   - Quantité maximum atteinte

   Reprend volontairement la même base visuelle que la §5 (toast top-right,
   fond rose, accent marron, animation 3s). On garde seulement l'icône "!"
   pour différencier une alerte d'un succès, sans créer un style séparé.

   Exclusion : pages cart/checkout/account, pour préserver les
   notices INLINE natives indispensables au tunnel d'achat.
   ============================================================ */

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error {
	position: fixed !important;
	top: 96px !important;
	right: 24px !important;
	left: auto !important;
	bottom: auto !important;
	z-index: 2147483647 !important;
	width: min(440px, calc(100vw - 48px)) !important;
	max-width: calc(100vw - 48px) !important;
	margin: 0 !important;
	padding: 16px 18px 16px 50px !important;
	background: #FBECEF !important;
	border: 1px solid rgba(62, 39, 35, 0.14) !important;
	border-left: 4px solid #3E2723 !important;
	border-radius: 8px !important;
	box-shadow: 0 18px 42px rgba(62, 39, 35, 0.18) !important;
	color: #3E2723 !important;
	font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
	font-size: 14px !important;
	font-weight: 500 !important;
	line-height: 1.45 !important;
	letter-spacing: 0 !important;
	text-align: left !important;
	text-transform: none !important;
	text-indent: 0 !important;
	display: block !important;
	/* Bug fix 8 mai 2026 : pas de !important sur pointer-events - voir explication §5b */
	pointer-events: auto;
	list-style: none !important;
	animation: dbeauty-wc-toast 3s ease-out forwards !important;
}

html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error:hover {
	animation-play-state: paused !important;
}

html body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error {
	top: 128px !important;
}

/* Pastille icône "!" devant le texte */
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error::before {
	content: '!' !important;
	position: absolute !important;
	top: 17px !important;
	left: 18px !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 999px !important;
	background: #3E2723 !important;
	color: #FBECEF !important;
	font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 20px !important;
	text-align: center !important;
	display: block !important;
	font-style: normal !important;
}

/* WooCommerce wrap parfois l'erreur dans un <ul class="woocommerce-error">
   avec des <li> à l'intérieur. On ne touche pas au padding du toast parent,
   sinon le texte repasse sous l'icône. On nettoie seulement les <li>. */
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Le bouton "Voir le panier" dans l'erreur vendu individuellement crée un
   deuxième CTA rose peu lisible. Hors panier/checkout/compte, le header cart
   et le mini-panier suffisent : on garde un toast texte simple. */
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error .button,
html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error a.button {
	display: none !important;
}

/* Animation reduced-motion : toast permanent, mais cliquable indéfiniment */
@media (prefers-reduced-motion: reduce) {
	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
		pointer-events: auto !important;
	}
}

/* Mobile : pleine largeur comme les .woocommerce-message */
@media (max-width: 600px) {
	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error,
	html body.admin-bar:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error {
		top: 90px !important;
		right: 14px !important;
		left: 14px !important;
		width: auto !important;
		max-width: calc(100vw - 28px) !important;
		padding: 14px 16px 14px 46px !important;
		font-size: 13px !important;
	}

	html body:not(.woocommerce-cart):not(.woocommerce-checkout):not(.woocommerce-account) .woocommerce-error::before {
		top: 15px !important;
		left: 16px !important;
	}
}


/* ============================================================
   §7 — NAVIGATION HEADER
   ============================================================
   Item "Tableau de bord" visible uniquement pour les comptes connectes.
   Classe a ajouter dans Apparence > Menus : dbeauty-menu-tableau.
   ============================================================ */

body:not(.logged-in) .dbeauty-menu-tableau {
	display: none !important;
}