/* ==========================================================================
   Mon compte : balisage WooCommerce CLASSIQUE (shortcode, il n'existe pas de
   version en blocs). Page « Mon compte » : contenus/mon-compte.html ; gabarits
   woocommerce/myaccount/ (connexion, tableau de bord, favoris).
   PIÈGE : la feuille « blocktheme » de WooCommerce espace les liens et borne le
   bloc à 1000 px, à 3 classes : d'où les sélecteurs qualifiés.
   ========================================================================== */
.page-compte{padding-block:48px 0}
.connexion-sociale{margin:0 0 24px;padding:20px;border:1px solid var(--trait);border-radius:20px;background:var(--fond)}
.connexion-sociale__titre{margin:0 0 12px;font:500 18px/1.4 var(--police-titres)}
.connexion-sociale__suite{margin:14px 0 0;color:var(--sourdine);font-size:14px;line-height:1.5}
.connexion-sociale .nsl-container{padding:0!important;text-align:left!important}
.connexion-sociale .nsl-container-buttons{display:flex!important;flex-direction:column;gap:12px;width:100%;padding:0!important}
.connexion-sociale .nsl-container-buttons>a{margin:0!important;max-width:100%;width:100%}
.connexion-sociale .nsl-button{min-height:48px!important;border-radius:12px!important}
.connexion-sociale .nsl-button-label-container{font-size:15px!important;white-space:normal!important}
.connexion-sociale a:focus-visible{outline:2px solid var(--nuit);outline-offset:4px}
.page-commande .connexion-sociale{max-width:720px;margin-bottom:24px;background:var(--surface)}
.page-compte>.wp-block-heading{font-size:var(--wp--preset--font-size--titre-2);margin-bottom:32px}

/* ---------- Grille : menu à gauche, contenu à droite (client connecté) ----------
   La feuille classique de WooCommerce pose des clearfix (::before/::after en display:table),
   des flottants et des largeurs en % : dans une grille, ils décalent tout. On les neutralise. */
.woocommerce-account .woocommerce::before,.woocommerce-account .woocommerce::after,.woocommerce-account .woocommerce .u-columns::before,.woocommerce-account .woocommerce .u-columns::after{content:none;display:none}
.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content,.u-column1,.u-column2{float:none!important;width:auto!important}
.woocommerce-account main .woocommerce{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:start;max-width:var(--largeur)!important}
.woocommerce-account:not(.logged-in) main .woocommerce{display:block!important;max-width:none!important}   /* connexion : pas de grille */
.woocommerce-account .woocommerce>.woocommerce-notices-wrapper,.woocommerce-account .woocommerce>.u-columns,.woocommerce-account .woocommerce>h2,.woocommerce-account .woocommerce>.woocommerce-form-login{grid-column:1/-1}

/* menu du compte : un panneau bleu nuit */
.woocommerce-account .woocommerce-MyAccount-navigation{position:sticky;top:110px;padding:14px;border-radius:var(--rayon-grand);background:var(--nuit)}
.woocommerce-account .woocommerce-MyAccount-navigation ul{display:grid;gap:4px;list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0;padding:0!important;border:0!important}
.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:14px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:12px;min-height:48px;padding:11px 16px;border-radius:var(--rayon);color:var(--sur-nuit-sourdine);font-weight:600;text-decoration:none;
  transition:background-color .3s,color .3s}
/* une icône par rubrique */
.woocommerce-account .woocommerce-MyAccount-navigation li a::before{content:"";flex:none;width:20px;height:20px;background:currentColor;opacity:.9;
  -webkit-mask:var(--i-rubrique,var(--i-fleche)) center/contain no-repeat;mask:var(--i-rubrique,var(--i-fleche)) center/contain no-repeat}
.woocommerce-MyAccount-navigation-link--dashboard{--i-rubrique:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='7' height='7' rx='2'/%3E%3Crect x='13' y='4' width='7' height='7' rx='2'/%3E%3Crect x='4' y='13' width='7' height='7' rx='2'/%3E%3Crect x='13' y='13' width='7' height='7' rx='2'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--orders{--i-rubrique:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M5.5 8.5h13l-1 11.5h-11z'/%3E%3Cpath d='M9 8.5V7a3 3 0 0 1 6 0v1.5'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--favoris{--i-rubrique:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7.5-4.4-7.5-10.1A4.4 4.4 0 0 1 12 7.4a4.4 4.4 0 0 1 7.5 2.5C19.5 15.6 12 20 12 20z'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-address{--i-rubrique:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6.5-5.6-6.5-11a6.5 6.5 0 0 1 13 0c0 5.4-6.5 11-6.5 11z'/%3E%3Ccircle cx='12' cy='10' r='2.4'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--edit-account{--i-rubrique:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8.5' r='3.8'/%3E%3Cpath d='M4.5 20c1.4-3.6 4.2-5.4 7.5-5.4s6.1 1.8 7.5 5.4'/%3E%3C/svg%3E")}
.woocommerce-MyAccount-navigation-link--customer-logout{--i-rubrique:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h4a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-4'/%3E%3Cpath d='M10 16l-4-4 4-4M6 12h10'/%3E%3C/svg%3E")}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--surface);color:var(--texte);text-decoration:none}
@media (hover:hover){.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--surface);color:var(--texte);text-decoration:none}}

/* contenu : une carte blanche ; transparente quand elle porte déjà des cartes (commandes, favoris, tableau de bord) */
.woocommerce-account .woocommerce-MyAccount-content{min-width:0;padding:36px;border-radius:var(--rayon-grand);background:var(--surface);line-height:1.7}
.woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-orders-table,.favoris,.favoris-vide,.tdb){background:transparent;padding:0}
.woocommerce-account .woocommerce-MyAccount-content:has(.woocommerce-orders-table,.favoris,.favoris-vide)>:is(.woocommerce-info,.wc-block-components-notice-banner){background:#fff;border-radius:18px;margin-bottom:18px}
/* :first-of-type : le premier enfant est le conteneur de messages */
.woocommerce-MyAccount-content>p:first-of-type{margin-top:0;font-family:var(--police-titres);font-size:24px;line-height:1.3}
.woocommerce-account .woocommerce-MyAccount-content>p:first-child{font:400 28px/1.25 var(--police-titres)}
.woocommerce-MyAccount-content>p:first-of-type strong{font-weight:400}
.woocommerce-MyAccount-content>p:first-of-type a{font-family:var(--police-texte);font-size:15px;color:var(--sourdine)}
.woocommerce-MyAccount-content>p:nth-of-type(2){margin-top:14px;max-width:62ch;color:var(--sourdine)}
.woocommerce-MyAccount-content h2,.woocommerce-MyAccount-content h3{font-size:22px;margin-bottom:18px}
.woocommerce-MyAccount-content small{font-size:max(13px,1em)!important}
/* message de vérification d'e-mail : texte puis lien, sans écrasement */
.woocommerce-account .woocommerce-MyAccount-content>:is(.woocommerce-info,.woocommerce-message,.wc-block-components-notice-banner){display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:18px 20px}
.woocommerce-account .woocommerce-MyAccount-content>:is(.woocommerce-info,.woocommerce-message) :is(.button,a){order:2}

/* ---------- Formulaires et boutons du balisage classique ---------- */
.woocommerce form .form-row{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;padding:0}
.woocommerce form .form-row label{font-size:14px;font-weight:500;line-height:1.4}
.woocommerce form .form-row .required{color:var(--sourdine);text-decoration:none}
.woocommerce form .form-row :is(.input-text,select){width:100%;height:48px;background:var(--fond)}
.woocommerce form .password-input{display:block;position:relative}
.woocommerce form.register p:not(.form-row){font-size:14px;color:var(--sourdine);margin:0 0 14px}
.woocommerce .lost_password{margin:16px 0 0;font-size:14px}
.woocommerce .lost_password a{color:var(--sourdine)}
.woocommerce-form-login__rememberme{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px!important;font-weight:400!important;margin:4px 0 18px}
.woocommerce-form-login__rememberme input{accent-color:var(--accent)}
.woocommerce-privacy-policy-text{font-size:14px;color:var(--sourdine)}
.woocommerce .woocommerce-Button,.woocommerce button.button,.woocommerce a.button{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;text-decoration:none;
  background:var(--accent);color:var(--sur-accent);border-radius:var(--rayon-bouton);padding:14px 26px;font:600 15px/1.2 var(--police-texte)}
@media (hover:hover){.woocommerce .woocommerce-Button:hover,.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--texte);color:var(--fond)}}
.woocommerce-account .woocommerce-Button,.woocommerce-account .button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border:0;border-radius:999px;
  background:var(--accent);color:var(--sur-accent);font-weight:600;text-decoration:none}
.woocommerce-account .woocommerce :is(form.login,form.register){margin:0;padding:0;border:0;border-radius:0}
.woocommerce-account .woocommerce :is(.woocommerce-form-login__submit,.woocommerce-form-register__submit){width:100%;min-height:54px}
/* connexion / inscription du gabarit d'origine : deux cartes */
.u-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.woocommerce-account .u-columns :is(.u-column1,.u-column2){padding:44px;background:var(--surface);border-radius:var(--rayon)}
.u-columns h2{font-size:28px;margin-bottom:26px}
/* tableaux (détail d'une commande) : des filets, pas de cadre */
.woocommerce table.shop_table{width:100%;margin:0 0 28px;border:0;border-collapse:collapse;border-radius:0;font-size:16px}
.woocommerce table.shop_table :is(th,td){padding:16px 14px 16px 0;border:0;border-top:1px solid var(--trait);text-align:left;vertical-align:middle;font-weight:400}
.woocommerce table.shop_table thead th{border-top:0;padding-top:0;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sourdine)}
.woocommerce table.shop_table tfoot tr:last-child :is(th,td){font-size:17px;font-weight:500}
.woocommerce table.shop_table a{text-decoration:none}
.woocommerce table.shop_table .woocommerce-button.button{padding:10px 18px;font-size:14px;min-height:0}
.woocommerce-account .woocommerce-order-details,.woocommerce-account .woocommerce-customer-details{margin-top:28px}
.woocommerce-account .woocommerce-table--order-details{width:100%;border:0;border-collapse:separate;border-spacing:0 8px}
.woocommerce-account .woocommerce-table--order-details :is(td,th){border:0!important;padding:12px 14px!important;background:var(--fond)}
/* « La commande n° 540 a été passée le … » : les valeurs en gras dans la phrase (en pastilles, elles creusaient des trous) */
.woocommerce-account mark{padding:0;background:none;color:inherit;font-weight:700}
.woocommerce-account mark.order-number{margin-left:.2em}
/* adresses */
.woocommerce-account .woocommerce-Addresses{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.woocommerce-Address{padding:24px;border:1px solid var(--trait);border-radius:var(--rayon)}
.woocommerce-account .woocommerce-Address{background:var(--fond)}

/* ---------- Commandes : tri par date (inc/compte.php), puis des cartes blanches séparées ---------- */
.commandes-tri{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
.commandes-tri__libelle{margin-right:4px;font-size:14px;font-weight:600;color:var(--sourdine)}
.commandes-tri a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--trait);background:#fff;color:var(--texte);
  font-size:14px;font-weight:600;text-decoration:none;transition:border-color .3s,background-color .3s,color .3s}
@media (hover:hover){.commandes-tri a:hover{border-color:var(--rose)}}
.commandes-tri a[aria-current]{background:var(--nuit);border-color:var(--nuit);color:#fff}
.woocommerce-account .woocommerce-orders-table,.woocommerce-account .woocommerce-orders-table tbody{display:block!important;width:100%;border:0}
.woocommerce-account .woocommerce-orders-table thead{display:none!important}
.woocommerce-account .woocommerce-orders-table tbody{display:grid!important;gap:18px}
.woocommerce-account .woocommerce-orders-table tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"num etat" "date etat" "prod prod" "total actions";
  align-items:center;column-gap:20px;padding:24px 26px;border-radius:24px;background:#fff!important;
  border:1px solid color-mix(in srgb,var(--trait) 70%,transparent);
  box-shadow:0 18px 40px -26px color-mix(in srgb,var(--nuit) 35%,transparent);transition:transform .4s var(--courbe),box-shadow .4s var(--courbe)}
@media (hover:hover){.woocommerce-account .woocommerce-orders-table tr:hover{transform:translateY(-2px);box-shadow:0 26px 50px -26px color-mix(in srgb,var(--nuit) 45%,transparent)}}
.woocommerce-account .woocommerce-orders-table tr>*{display:block!important;padding:0!important;border:0!important;background:none!important;text-align:left!important;border-radius:0!important}
.woocommerce-account .woocommerce-orders-table tr>*::before{content:none!important}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number{grid-area:num;font:400 26px/1.1 var(--police-titres)}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number::before{content:"Commande "!important;display:inline!important}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number a{color:inherit;text-decoration:none}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-date{grid-area:date;justify-self:start;margin-top:4px;font-size:14px;color:var(--sourdine)}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-status{grid-area:etat;justify-self:end;align-self:start;
  padding:7px 14px!important;border-radius:999px!important;background:color-mix(in srgb,var(--surface-rose) 85%,#fff)!important;font-size:13px;font-weight:700;color:var(--texte)}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-produits{grid-area:prod;margin:20px 0 18px;padding:18px 0!important;border-block:1px solid var(--trait)!important}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total{grid-area:total;font-size:15px;color:var(--sourdine)}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-total .amount{display:block;font:600 26px/1.1 var(--police-titres);color:var(--texte)}
.woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{grid-area:actions;justify-self:end;display:flex!important;gap:8px}
.woocommerce-account .woocommerce-orders-table .button{min-height:46px;padding:0 24px}
/* produits d'une commande (inc/compte.php) et vignettes du détail */
.commande-produits{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.commande-produit{display:flex;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:16px;background:var(--fond);font-weight:600;font-size:15px;line-height:1.35}
.commande-produit small{color:var(--sourdine);font-weight:400}
.commande-produit img,.ligne-produit img{flex:none;width:56px;height:56px;padding:6px;object-fit:contain!important;border-radius:12px;background:#fff}
.commande-produits__plus{align-self:center;justify-self:start;padding:8px 14px;border-radius:999px;background:var(--fond);font-size:14px;color:var(--sourdine)}
.ligne-produit{display:inline-flex;align-items:center;gap:14px}

/* ---------- Où en est ma commande : frise d'avancement (inc/expedition.php) ----------
   Dans Mon compte → Voir la commande, et sur la page Suivre ma commande. */
.suivi-frise{margin:20px 0 28px;padding:24px 26px;border-radius:24px;background:#fff;border:1px solid color-mix(in srgb,var(--trait) 70%,transparent)}
.suivi-frise__titre{margin:0 0 18px;font:400 24px/1.2 var(--police-titres)}
.suivi-frise__etapes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:etape}
.suivi-frise__etape{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:40px;text-align:center;counter-increment:etape}
/* le rond de l'étape, et le trait qui le relie à la suivante */
.suivi-frise__etape::before{content:counter(etape);position:absolute;top:0;left:50%;z-index:1;width:30px;height:30px;margin-left:-15px;border-radius:50%;display:grid;place-items:center;
  background:var(--fond);border:1.5px solid var(--trait);font-size:13px;font-weight:700;color:var(--sourdine)}
.suivi-frise__etape:not(:last-child)::after{content:"";position:absolute;top:14px;left:calc(50% + 18px);right:calc(-50% + 18px);height:2px;border-radius:2px;background:var(--trait)}
.suivi-frise__etape.est-faite::before{content:"✓";background:var(--nuit);border-color:var(--nuit);color:#fff}
.suivi-frise__etape.est-faite::after{background:linear-gradient(90deg,var(--lilas),var(--rose))}
.suivi-frise__etape.est-en-cours::before{background:var(--rose);border-color:var(--rose);color:var(--nuit);box-shadow:0 0 0 6px color-mix(in srgb,var(--rose) 25%,transparent)}
.suivi-frise__nom{font-size:14px;font-weight:600;line-height:1.3}
.suivi-frise__date{font-size:13px;color:var(--sourdine)}
.suivi-frise__colis{margin:20px 0 10px;font-weight:600}
.suivi-frise__lien{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:var(--nuit);color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important}
.suivi-frise__note{margin:20px 0 0;font-size:14px;color:var(--sourdine)}
.suivi-frise--annulee p{margin:0;color:var(--sourdine)}
.suivi-frise--annulee .suivi-frise__titre{margin-bottom:8px;color:var(--texte)}

/* ---------- Favoris (woocommerce/myaccount/favorites.php) ---------- */
.favoris-intro{margin:0 0 16px;font-size:15px;color:var(--sourdine)}
.favoris{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.favori{position:relative;display:flex;flex-direction:column;padding:16px;border-radius:24px;background:#fff;
  border:1px solid color-mix(in srgb,var(--trait) 70%,transparent);box-shadow:0 18px 40px -26px color-mix(in srgb,var(--nuit) 35%,transparent);transition:transform .4s var(--courbe),box-shadow .4s var(--courbe)}
@media (hover:hover){.favori:hover{transform:translateY(-3px);box-shadow:0 26px 50px -24px color-mix(in srgb,var(--nuit) 45%,transparent)}}
.favori.est-retire{opacity:0;transform:scale(.94);transition:opacity .4s,transform .4s}
.favori__image{display:grid;place-items:center;aspect-ratio:1;border-radius:18px;background:radial-gradient(circle at 50% 40%,#fff 0%,var(--surface-rose) 80%);overflow:hidden}
.favori__image img{width:78%;height:78%;object-fit:contain!important;transition:transform .6s var(--courbe)}
@media (hover:hover){.favori:hover .favori__image img{transform:scale(1.05)}}
.favori__corps{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 4px 4px;text-align:center}
.favori__nom{font:400 22px/1.15 var(--police-titres);color:var(--texte);text-decoration:none}
.favori__prix{font-weight:600}
.favori__bouton{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;margin-top:8px;border-radius:999px;background:var(--accent);color:var(--sur-accent);text-decoration:none;font-weight:600}
.favori__retirer{position:absolute;top:26px;right:26px}
.favoris-vide{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;border-radius:24px;background:#fff;text-align:center}
.favoris-vide__coeur{font-size:42px;line-height:1;color:var(--rose-vif)}
.favoris-vide__titre{margin:0;font:400 26px/1.2 var(--police-titres)}
.favoris-vide .button{display:inline-flex;align-items:center;min-height:46px;margin-top:10px;padding:0 24px;border-radius:999px;background:var(--accent);color:var(--sur-accent);text-decoration:none;font-weight:600}

/* ---------- Connexion : panneau de marque + formulaires en onglets (woocommerce/myaccount/form-login.php) ---------- */
/* visiteur : pas de titre « Mon compte », le panneau de marque fait office d'accueil */
.woocommerce-account:not(.logged-in) :is(.wp-block-post-title,.page-compte>.wp-block-heading){display:none}
.connexion{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:0;max-width:1080px;margin:10px auto 40px;border-radius:32px;overflow:hidden;background:#fff;
  box-shadow:0 40px 90px -50px color-mix(in srgb,var(--nuit) 55%,transparent);border:1px solid color-mix(in srgb,var(--trait) 60%,transparent)}
.connexion__marque{position:relative;overflow:hidden;padding:48px 44px;color:var(--sur-nuit);display:flex;flex-direction:column;gap:18px;
  background:radial-gradient(120% 90% at 85% 0%,color-mix(in srgb,var(--lilas) 45%,transparent),transparent 55%),radial-gradient(90% 80% at 0% 100%,color-mix(in srgb,var(--rose-vif) 40%,transparent),transparent 60%),var(--nuit)}
/* quelques étoiles */
.connexion__marque::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:radial-gradient(1.2px 1.2px at 20% 30%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 70% 20%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 40% 80%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 85% 65%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 10% 60%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 60% 50%,#fff 50%,transparent 51%)}
.connexion__surtitre{margin:0;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rose)}
.connexion__titre{margin:0;font:400 clamp(34px,3.6vw,48px)/1.05 var(--police-titres);color:var(--sur-nuit)}
.connexion__texte{position:relative;z-index:1;margin:0;font-size:15px;line-height:1.55;color:var(--sur-nuit-sourdine)}
.connexion__avantages{position:relative;z-index:1;list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.connexion__avantages li{display:grid;grid-template-columns:28px 1fr;column-gap:12px;align-items:start}
.connexion__avantages li::before{content:"✓";grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--rose) 30%,transparent);color:var(--rose);font-weight:800;font-size:14px}
.connexion__avantages strong{font-size:16px;color:var(--sur-nuit)}
.connexion__avantages span{font-size:14px;color:var(--sur-nuit-sourdine)}
.connexion__garanties{position:relative;z-index:1;margin:auto 0 0;font-size:13px;color:var(--sur-nuit-sourdine)}
/* qualifiées : la feuille « pages » (lunes du défi) est chargée après celle-ci */
.connexion__marque .connexion__lunes{position:relative;z-index:1;justify-content:flex-start;gap:8px;flex-wrap:nowrap}
.connexion__marque .connexion__lunes li{width:36px;height:36px;flex:none}
.connexion__marque .connexion__lunes li::after{inset:8px}
.connexion__formulaires{padding:40px 44px;display:flex;flex-direction:column}
.connexion__onglets{display:flex;gap:6px;padding:6px;border-radius:999px;background:var(--fond);margin-bottom:26px;align-self:flex-start}
.connexion__onglet{border:0;cursor:pointer;padding:10px 20px;border-radius:999px;background:transparent;font:600 15px var(--police-texte);color:var(--sourdine);transition:background .3s,color .3s}
.connexion[data-onglet="connexion"] [data-vers="connexion"],.connexion[data-onglet="inscription"] [data-vers="inscription"]{background:var(--nuit);color:#fff}
/* un seul formulaire visible, celui de l'onglet choisi (interface.js) */
.connexion .u-columns{display:block!important}
.connexion .u-column1,.connexion .u-column2{float:none!important;width:100%!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;animation:connexion-entre .45s var(--courbe)}
.connexion[data-onglet="connexion"] .u-column2,.connexion[data-onglet="inscription"] .u-column1{display:none}
@keyframes connexion-entre{from{opacity:0;transform:translateY(8px)}}
.connexion__formtitre{margin:0 0 6px;font:400 32px/1.1 var(--police-titres)}
.connexion__formtexte{margin:0 0 18px;color:var(--sourdine);font-size:15px}
.connexion form .form-row{display:flex;flex-direction:column;gap:6px;margin:0 0 16px!important}
.connexion form label{font-size:14px;font-weight:600;color:var(--texte)}
.connexion form input.input-text{min-height:52px;padding:0 18px;border-radius:14px;border:1px solid var(--trait);background:var(--fond);font:inherit;font-size:16px;transition:border-color .3s,box-shadow .3s}
.connexion form input.input-text:focus{outline:none;border-color:var(--rose);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--rose) 25%,transparent)}
.connexion .woocommerce-form-login__rememberme{display:inline-flex;align-items:center;gap:8px;font-weight:400!important}
.connexion button[type=submit]{width:100%;min-height:54px;margin-top:6px;border:0;border-radius:999px;background:var(--nuit);color:#fff;font:700 16px var(--police-texte);cursor:pointer;transition:transform .3s var(--courbe),background .3s}
@media (hover:hover){.connexion button[type=submit]:hover{background:var(--nuit-2);transform:translateY(-1px)}}
.connexion .woocommerce-LostPassword a,.connexion .lost_password a{color:var(--sourdine);font-size:14px}
.connexion .woocommerce-privacy-policy-text p{font-size:13px;color:var(--sourdine)}

/* ---------- Tableau de bord (woocommerce/myaccount/dashboard.php) ---------- */
.tdb{display:grid;gap:16px}
.tdb-accueil{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:30px;border-radius:26px;color:var(--sur-nuit);
  background:radial-gradient(100% 120% at 100% 0%,color-mix(in srgb,var(--lilas) 40%,transparent),transparent 60%),var(--nuit)}
.tdb-accueil__surtitre{margin:0 0 6px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rose)}
.tdb-accueil__titre{margin:0;font:400 clamp(32px,3.4vw,44px)/1.05 var(--police-titres);color:var(--sur-nuit)}
.tdb-accueil__texte{margin:8px 0 0;color:var(--sur-nuit-sourdine);font-size:15px}
.tdb-chiffres{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.tdb-chiffres a{display:flex;flex-direction:column;align-items:center;min-width:92px;padding:12px 14px;border-radius:18px;background:color-mix(in srgb,#fff 10%,transparent);
  border:1px solid var(--trait-nuit);color:var(--sur-nuit)!important;text-decoration:none!important;transition:background .3s}
@media (hover:hover){.tdb-chiffres a:hover{background:color-mix(in srgb,#fff 18%,transparent)}}
.tdb-chiffres strong{font:400 30px/1 var(--police-titres)}
.tdb-chiffres span{font-size:13px;color:var(--sur-nuit-sourdine)}
.tdb-bloc{padding:24px 26px;border-radius:24px;background:#fff;border:1px solid color-mix(in srgb,var(--trait) 70%,transparent)}
.tdb-bloc h3{margin:0;font:400 24px/1.2 var(--police-titres)}
.tdb-bloc__tete{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}
.tdb-statut{padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface-rose) 85%,#fff);font-size:13px;font-weight:700}
.tdb-commande__meta{margin:0 0 14px;color:var(--sourdine);font-size:14px}
.tdb-commande__produits{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.tdb-commande__produit{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:14px;background:var(--fond);font-weight:600;font-size:14px}
.tdb-commande__produit img{width:46px;height:46px;object-fit:contain;padding:4px;border-radius:10px;background:#fff}
.tdb-commande__produit small{color:var(--sourdine);font-weight:400}
.tdb-commande--vide p{margin:6px 0 14px;color:var(--sourdine)}
.tdb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.tdb-bouton{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;background:var(--nuit);color:#fff!important;font-weight:700;font-size:14px;text-decoration:none!important}
.tdb-lien{font-weight:600;font-size:14px;color:var(--texte)}
.tdb-defi p{margin:10px 0 14px;color:var(--sourdine)}
.tdb-raccourcis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tdb-raccourci{display:flex;flex-direction:column;gap:2px;padding:18px 18px 16px;border-radius:20px;background:#fff;border:1px solid color-mix(in srgb,var(--trait) 70%,transparent);
  color:var(--texte)!important;text-decoration:none!important;transition:transform .3s var(--courbe),box-shadow .3s}
@media (hover:hover){.tdb-raccourci:hover{transform:translateY(-2px);box-shadow:0 16px 34px -24px color-mix(in srgb,var(--nuit) 45%,transparent)}}
.tdb-raccourci strong{font:400 20px/1.2 var(--police-titres)}
.tdb-raccourci span{font-size:13px;color:var(--sourdine)}
.tdb-suggestions__liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}
.tdb-produit{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:18px;background:var(--fond);color:var(--texte)!important;text-decoration:none!important;font-size:14px}
.tdb-produit strong{font-weight:600}
.tdb-produit__img{display:grid;place-items:center;aspect-ratio:1;border-radius:14px;background:radial-gradient(circle at 50% 40%,#fff,var(--surface-rose) 85%);margin-bottom:6px}
.tdb-produit__img img{width:76%;height:76%;object-fit:contain}
.tdb-engagements{margin:4px 0 0;text-align:center;font-size:13px;color:var(--sourdine)}

/* ---------- Adaptatif ---------- */
@media (max-width:1024px){
  .woocommerce-account main .woocommerce{grid-template-columns:minmax(0,1fr)!important}
  .woocommerce-account .woocommerce-MyAccount-navigation{position:static}
  .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{min-width:0;max-width:100%}
  /* tout le menu d'un coup d'œil : une grille, aucune rubrique cachée hors de l'écran */
  .woocommerce-account .woocommerce-MyAccount-navigation{padding:10px}
  .woocommerce-account .woocommerce-MyAccount-navigation ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:0}
  .woocommerce-account .woocommerce-MyAccount-navigation li a{flex-direction:column;justify-content:center;gap:6px;min-height:72px;padding:10px 6px;text-align:center;font-size:14px;line-height:1.2}
}
@media (max-width:860px){
  .woocommerce-account .u-columns :is(.u-column1,.u-column2){padding:30px 22px}
  .connexion{grid-template-columns:1fr;border-radius:26px}
  .connexion__marque{padding:22px 20px;gap:10px}
  .connexion__titre{font-size:28px}
  .connexion__texte{font-size:14px}
  .connexion__avantages{grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}
  .connexion__avantages li{display:flex;align-items:center;gap:6px}
  .connexion__avantages li::before{width:18px;height:18px;font-size:11px}
  .connexion__avantages strong{font-size:13.5px}
  .connexion__avantages span{display:none}
  .connexion__marque .connexion__lunes,.connexion__garanties{display:none}
  .connexion__formulaires{padding:24px 20px 28px}
  .connexion__onglets{align-self:stretch}
  .connexion__onglet{flex:1;padding:10px 8px}
}
@media (max-width:782px){
  .u-columns{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .woocommerce-account .woocommerce-MyAccount-content{padding:22px}
  .woocommerce-account .woocommerce-Addresses{grid-template-columns:1fr}
  .woocommerce-account .woocommerce-orders-table tr{padding:20px 18px;grid-template-areas:"num etat" "date etat" "prod prod" "total total" "actions actions"}
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-number{font-size:22px}
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions{justify-self:stretch;margin-top:16px}
  .woocommerce-account .woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button{flex:1}
  .commande-produits{grid-template-columns:1fr}
  .suivi-frise{padding:20px 14px}
  .suivi-frise__nom{font-size:13px}
  .tdb-accueil{padding:22px}
  .tdb-chiffres{width:100%}
  .tdb-chiffres li{flex:1}
  .tdb-chiffres a{min-width:0}
  .tdb-raccourcis{grid-template-columns:1fr 1fr}
  .tdb-bloc{padding:20px}
}