/* T-Lab — espace « Mon compte » (tableau de bord + Mes rendez-vous + détail).
   Charte rouge #E11B22 + Inter. Tokens --tla-* fournis globalement par t-lab-account ;
   repli codé en dur au cas où ce plugin serait absent. Zéro JS (onglets CSS-only). */
.tlbmc{
  --r:var(--tla-red,#E11B22); --rd:var(--tla-red-deep,#B3161B); --rt:#fdecec;
  --ink:var(--tla-ink,#171A20); --mut:var(--tla-muted,#5C5E62); --line:var(--tla-line,#e6e6e8);
  --paper:#fff; --bg:#f4f4f6;
  --ok:#1a7f37; --okbg:#eef7f0; --okbd:#cfe8d6;
  --wt:#9a6b00; --wtbg:#fdf4e0; --wtbd:#f0e0b0;
  --dn:#5c5e62; --dnbg:#f0f0f2; --dnbd:#e0e0e4;
  font-family:var(--tla-font,"Inter",system-ui,sans-serif); color:var(--ink);
}
.tlbmc *{box-sizing:border-box}

/* ---------- En-tête ---------- */
.tlbmc-head{margin:0 0 20px}
.tlbmc-hello{margin:0 0 4px;font-size:23px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.tlbmc-lead{margin:0;color:var(--mut);font-size:14.5px}
.tlbmc-seclabel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 12px}
.tlbmc-seclabel h3{margin:0;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.tlbmc-seclabel a{font-size:13px;font-weight:600;color:var(--r);text-decoration:none}
.tlbmc-seclabel a:hover{text-decoration:underline}
.tlbmc-mt{margin-top:30px}

/* ---------- Boutons / badges / icônes ---------- */
.tlbmc-ic{width:18px;height:18px;flex:0 0 auto}
/* Icône servie depuis la médiathèque : masquée pour hériter de la couleur du texte,
   exactement comme les <svg> inline (l'URL arrive par --tlbmc-icon). */
.tlbmc-ic-img{display:inline-block;background-color:currentColor;
  -webkit-mask:var(--tlbmc-icon) no-repeat center/contain;mask:var(--tlbmc-icon) no-repeat center/contain}
.tlbmc-btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:14px;font-weight:600;
  border-radius:10px;padding:11px 17px;cursor:pointer;border:1.5px solid var(--line);background:var(--paper);
  color:var(--ink) !important;text-decoration:none;line-height:1;text-transform:none;transition:border-color .15s,background .15s}
.tlbmc-btn:hover{border-color:#c9c9cc;color:var(--ink) !important}
.tlbmc-btn .tlbmc-ic{width:17px;height:17px}
.tlbmc-btn.primary{background:var(--r);border-color:var(--r);color:#fff !important}
.tlbmc-btn.primary:hover{background:var(--rd);border-color:var(--rd);color:#fff !important}
.tlbmc-btn.sm{padding:9px 13px;font-size:13px;border-radius:9px}
.tlbmc-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap}
.tlbmc-badge.ok{background:var(--okbg);color:var(--ok);border:1px solid var(--okbd)}
.tlbmc-badge.wait{background:var(--wtbg);color:var(--wt);border:1px solid var(--wtbd)}
.tlbmc-badge.done{background:var(--dnbg);color:var(--dn);border:1px solid var(--dnbd)}
.tlbmc-badge.cancel{background:var(--dnbg);color:var(--dn);border:1px solid var(--dnbd)}
.tlbmc-none{color:var(--mut);font-size:14px;padding:8px 2px}

/* ---------- Héros « prochain / détail » ---------- */
.tlbmc-hero{background:var(--paper);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:0 6px 24px rgba(20,20,30,.05);margin-bottom:16px}
.tlbmc-hero-bar{display:block;height:5px;background:var(--r)}
.tlbmc-hero-in{padding:22px 24px}
.tlbmc-hero-row1{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.tlbmc-ref{margin-left:auto;font-size:12.5px;color:var(--mut);font-weight:500}
.tlbmc-when{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.15;color:var(--ink)}
.tlbmc-count{font-size:12.5px;font-weight:700;color:var(--r);background:var(--rt);padding:5px 11px;border-radius:999px;margin-left:12px;vertical-align:middle;white-space:nowrap}
.tlbmc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;padding:18px 0;margin-top:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.tlbmc-kv{display:flex;gap:11px;align-items:flex-start}
.tlbmc-kv .tlbmc-ic{width:20px;height:20px;color:var(--r);margin-top:1px}
.tlbmc-kv .t{display:flex;flex-direction:column;min-width:0}
.tlbmc-kv .k{font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.tlbmc-kv .v{font-size:14.5px;font-weight:500;line-height:1.35;color:var(--ink)}
.tlbmc-kv .v small{color:var(--mut);font-weight:400}
.tlbmc-presta{list-style:none;margin:14px 0 0;padding:0}
.tlbmc-presta li{font-size:14px;padding:8px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.tlbmc-presta li:last-child{border-bottom:0}
.tlbmc-money{display:flex;gap:26px;flex-wrap:wrap;padding:16px 0 2px;border-top:1px solid var(--line);margin-top:6px}
/* La grille se ferme déjà par un border-bottom : quand le récap prix la suit directement
   (tableau de bord), on supprime le trait en double. Sur la page Détail une liste de
   prestations s'intercale, .tlbmc-money garde donc bien son séparateur. */
.tlbmc-grid + .tlbmc-money{border-top:0;margin-top:0}
.tlbmc-money .m{display:flex;flex-direction:column}
.tlbmc-money .k{font-size:11.5px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.tlbmc-money .v{font-size:17px;font-weight:700;color:var(--ink)}
.tlbmc-money .paid .v{color:var(--ok)}
.tlbmc-money .due .v{color:var(--r)}
.tlbmc-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}

/* ---------- Détail ---------- */
.tlbmc-back{display:inline-flex;align-items:center;gap:5px;color:var(--mut);text-decoration:none;font-size:13.5px;font-weight:600;margin-bottom:14px}
.tlbmc-back:hover{color:var(--ink)}
.tlbmc-det-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.tlbmc-det-top h2{margin:0;font-size:22px;font-weight:700;color:var(--ink)}
.tlbmc-panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:16px}
.tlbmc-panel h3{margin:0 0 14px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.tlbmc-steps{display:flex;list-style:none;margin:0;padding:0}
.tlbmc-steps li{flex:1;text-align:center;position:relative;font-size:12px;color:var(--mut)}
.tlbmc-steps li b{font-weight:500;display:block;margin-top:7px}
.tlbmc-steps .dot{width:26px;height:26px;border-radius:50%;background:#e6e6e8;color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto;font-weight:700;font-size:12px;position:relative;z-index:1}
.tlbmc-steps li.done .dot,.tlbmc-steps li.cur .dot{background:var(--r)}
.tlbmc-steps li.done .dot{background:var(--ok)}
.tlbmc-steps li.done b,.tlbmc-steps li.cur b{color:var(--ink)}
.tlbmc-steps li::before{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:#e6e6e8;z-index:0}
.tlbmc-steps li:first-child::before{display:none}
.tlbmc-steps li.done::before,.tlbmc-steps li.cur::before{background:var(--ok)}
.tlbmc-note{background:#f7f7f8;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-size:13.5px;color:var(--mut);display:flex;gap:11px;align-items:flex-start;margin-top:16px;line-height:1.5}
.tlbmc-note .tlbmc-ic{width:19px;height:19px;color:var(--r);margin-top:1px}
.tlbmc-note a{color:var(--r);font-weight:600;text-decoration:none;white-space:nowrap}
.tlbmc-note strong{display:block;color:var(--ink);font-weight:600;margin-bottom:5px}
.tlbmc-note p{margin:0}
.tlbmc-note p + p{margin-top:8px}

/* ---------- Adresses fusionnées dans « Détails du compte » ---------- */
/* Les formulaires viennent de WooCommerce : on ne les réécrit pas, on les cadre. Le <h3> du
   gabarit prend l'allure des titres de nos cartes, et le <form> perd ses marges propres. */
/* ⚠️ Ce formulaire dessinait sa PROPRE carte, du temps où il occupait seul sa page. Depuis la
   fusion, il est rendu DANS .tlb-acct-panel (voir TLB_Account::open_account_panel) : c'est le
   panneau qui porte la carte. Laisser la sienne produisait un encadré DANS un encadré.
   Sélecteur volontairement long : il doit garder l'avantage sur les surcharges WooCommerce. */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm{
  background:none;border:0;border-radius:0;padding:0;margin:0}
/* Bloc « Changement de mot de passe » : filet de séparation + intitulé au niveau des titres de carte.
   border-radius:0 est INDISPENSABLE — WoodMart arrondit tous les <fieldset> (base.css). Combiné à
   notre border-top seul, ce rayon produisait une barre qui s'incurvait au bout. */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm > fieldset{
  border:0;border-radius:0;margin:20px 0 0;padding:18px 0 0;
  border-top:1px solid var(--tla-line,#e6e6e8)}
/* float:left + width:100% : sans ça la <legend> « coupe » la bordure du fieldset (comportement natif)
   et le trait ne s'affiche qu'à sa droite. Ainsi elle passe sous un filet plein, comme sur la maquette. */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-EditAccountForm > fieldset > legend{
  float:left;width:100%;padding:0;margin:0 0 14px;
  font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--tla-muted,#5C5E62)}

/* Conteneur UNIQUE de la page : les trois cartes (compte, facturation, livraison) sont sœurs.
   Il porte la classe .tlbmc, donc toutes les variables de la charte s'y résolvent. */
.tlb-account-page{--r:var(--tla-red,#E11B22);}
.tlb-acct-panel,.tlb-addr-panel{margin:0 0 16px;padding:22px 24px}
.tlb-addr-panel form,.tlb-acct-panel form{margin:0}
/* Carte « Informations personnelles » : même en-tête que les cartes d'adresses. */
.tlb-acct-panel > h3{
  margin:0 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
/* (Le bloc « Changement de mot de passe » est stylé plus haut, sur le sélecteur WooCommerce
   long : le dupliquer ici serait sans effet, sa spécificité étant plus faible.) */
.tlb-acct-panel .woocommerce-form-row{margin:0 0 14px;padding:0;float:none;width:auto}
/* WooCommerce/WoodMart rend le titre en h2 ou h3 selon la version : on cible les deux. */
.tlb-addr-panel h2,.tlb-addr-panel h3{
  margin:0 0 4px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.tlb-addr-hint{margin:0 0 18px;font-size:13px;color:var(--mut);line-height:1.5}
.tlb-addr-panel .woocommerce-address-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.tlb-addr-panel .form-row{grid-column:1/-1;margin:0 0 14px;padding:0;float:none;width:auto}
.tlb-addr-panel .form-row-first,
.tlb-addr-panel .form-row-last{grid-column:auto}
@media(max-width:620px){
  .tlb-addr-panel .woocommerce-address-fields__field-wrapper{grid-template-columns:1fr}
  .tlb-addr-panel .form-row-first,.tlb-addr-panel .form-row-last{grid-column:1/-1}
}
.tlb-addr-copy{margin:0 0 16px}
.tlb-addr-fallback{margin:16px 0 0}

/* ---------- Onglet « Mes données » (RGPD) ---------- */
.tlbmc-md-txt{font-size:14px;color:var(--mut);line-height:1.55;margin:0 0 16px;max-width:66ch}
.tlbmc-md-form{margin:0}
.tlbmc-md-list{list-style:none;margin:0;padding:0}
.tlbmc-md-list li{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--line)}
.tlbmc-md-list li:first-child{padding-top:0}
.tlbmc-md-list li:last-child{border-bottom:0;padding-bottom:0}
.tlbmc-md-list .t{font-size:14.5px;font-weight:600;color:var(--ink)}
.tlbmc-md-list .d{font-size:12.5px;color:var(--mut)}
.tlbmc-md-list .s{font-size:12.5px;font-weight:600;margin-top:3px}
.tlbmc-md-list .s.wait{color:var(--r)}
.tlbmc-md-list .s.ok{color:var(--ok)}
@media(max-width:640px){
  .tlbmc-md-form .tlbmc-btn{width:100%;justify-content:center}
}
.tlbmc-cancelled{margin:0;font-size:14px;color:var(--mut)}

/* ---------- Onglets (CSS pur) + cartes liste ---------- */
.tlbmc-tabin{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.tlbmc-tabbar{display:flex;gap:6px;margin:0 0 16px}
.tlbmc-tab{font-size:13.5px;font-weight:600;color:var(--mut);padding:8px 15px;border-radius:999px;cursor:pointer;background:transparent;user-select:none}
#tlbmc-t-up:checked ~ .tlbmc-tabbar label[for="tlbmc-t-up"],
#tlbmc-t-past:checked ~ .tlbmc-tabbar label[for="tlbmc-t-past"]{background:var(--ink);color:#fff}
#tlbmc-t-up:focus-visible ~ .tlbmc-tabbar label[for="tlbmc-t-up"],
#tlbmc-t-past:focus-visible ~ .tlbmc-tabbar label[for="tlbmc-t-past"]{outline:2px solid var(--r);outline-offset:2px}
.tlbmc-tabpanel{display:none}
#tlbmc-t-up:checked ~ .tlbmc-tabpanel-up{display:block}
#tlbmc-t-past:checked ~ .tlbmc-tabpanel-past{display:block}

.tlbmc-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:14px}
.tlbmc-card-h{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.tlbmc-cal{width:50px;height:56px;border-radius:11px;border:1px solid var(--line);flex:0 0 50px;text-align:center;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.tlbmc-cal .mo{background:var(--r);color:#fff;font-size:10px;font-weight:700;padding:3px 0;text-transform:uppercase;letter-spacing:.04em;line-height:1.4}
/* Le jour occupe toute la hauteur restante sous le bandeau du mois et s'y centre sur les deux axes
   (un padding-top fixe le décalait, la hauteur restante dépendant de la taille du bandeau). */
.tlbmc-cal .dy{flex:1;display:flex;align-items:center;justify-content:center;
  font-size:21px;font-weight:700;line-height:1;color:var(--ink)}
.tlbmc-card-ttl{flex:1;min-width:0}
.tlbmc-card-ttl b{font-size:15px;font-weight:600;display:block;color:var(--ink)}
.tlbmc-card-ttl .m{font-size:12.5px;color:var(--mut);margin-top:2px;display:block}
.tlbmc-card-b{display:flex;flex-wrap:wrap;gap:10px 24px;padding:12px 0;border-top:1px solid var(--line);font-size:13.5px}
.tlbmc-card-b .kv{display:flex;flex-direction:column}
.tlbmc-card-b .k{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.tlbmc-card-b .v{font-weight:500;margin-top:1px;color:var(--ink)}
.tlbmc-card-b .v.due{color:var(--r);font-weight:700}
.tlbmc-card-f{display:flex;gap:10px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}

/* ---------- État vide ---------- */
.tlbmc-empty{background:var(--paper);border:1px dashed #d4d4d8;border-radius:18px;padding:40px 28px;text-align:center}
.tlbmc-empty-ic{width:60px;height:60px;border-radius:16px;background:var(--rt);display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px}
.tlbmc-empty-ic .tlbmc-ic{width:30px;height:30px;color:var(--r)}
.tlbmc-empty h3{margin:0 0 6px;font-size:18px;font-weight:700;color:var(--ink)}
.tlbmc-empty p{margin:0 auto 20px;color:var(--mut);font-size:14px;max-width:420px;line-height:1.55}

/* ---------- Raccourcis ---------- */
.tlbmc-short{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tlbmc-tile{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px;min-height:104px}
.tlbmc-tile:hover{border-color:#c9c9cc}
.tlbmc-tile .ic{width:34px;height:34px;border-radius:9px;background:#f4f4f6;display:flex;align-items:center;justify-content:center}
.tlbmc-tile .ic .tlbmc-ic{width:19px;height:19px;color:var(--ink)}
.tlbmc-tile b{font-size:14px;font-weight:600;color:var(--ink)}
.tlbmc-tile small{font-size:12px;color:var(--mut)}
.tlbmc-tile.cta{background:var(--r);border-color:var(--r)}
.tlbmc-tile.cta b,.tlbmc-tile.cta small{color:#fff}
.tlbmc-tile.cta small{opacity:.85}
.tlbmc-tile.cta .ic{background:rgba(255,255,255,.18)}
.tlbmc-tile.cta .ic .tlbmc-ic{color:#fff}
.tlbmc-tile.soon{opacity:.6;cursor:default}
.tlbmc-tile.soon small{color:var(--r);font-weight:600}

@media(max-width:640px){
  .tlbmc-grid{grid-template-columns:1fr}
  .tlbmc-short{grid-template-columns:1fr 1fr}
  .tlbmc-steps li b{font-size:11px}
  /* Actions du rendez-vous : une par ligne, pleine largeur (empilées, pas étirées par flex-wrap).
     .tlbmc-acts = fiche du prochain RDV ; .tlbmc-card-f = pied des cartes de la liste. */
  .tlbmc-acts,
  .tlbmc-card-f{flex-direction:column;align-items:stretch}
  .tlbmc-acts .tlbmc-btn,
  .tlbmc-card-f .tlbmc-btn{width:100%;justify-content:center}
}

/* ============================ Respiration verticale de la page ============================ */
.woocommerce-account .woocommerce{ padding-top:48px; padding-bottom:72px; }
@media(max-width:768px){ .woocommerce-account .woocommerce{ padding-top:28px; padding-bottom:48px; } }

/* ============================ Menu Mon-compte (nav WooCommerce) ============================ */
/* Le même menu (mêmes classes .woocommerce-MyAccount-navigation-link--* sur les <li>) apparaît dans 2
   contextes : la liste latérale de /mon-compte/ (ancêtre .woocommerce-account) ET le survol de l'icône
   compte dans l'entête, sur TOUT le site (ancêtre .wd-sub-menu, dropdown WoodMart). On cible les DEUX
   (spécificité 0,3,1 → bat WoodMart quel que soit l'ordre de chargement). La classe --* restreint aux
   entrées du compte : les autres sous-menus WoodMart (Prestations, Modèles…) ne sont pas touchés. */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 24px;padding:0}

.woocommerce-account .woocommerce-MyAccount-navigation-link a,
.wd-sub-menu .woocommerce-MyAccount-navigation-link a{
  display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;
  color:var(--tla-ink,#171A20);font-family:var(--tla-font,"Inter",sans-serif);font-size:14px;font-weight:500;text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover,
.wd-sub-menu .woocommerce-MyAccount-navigation-link a:hover{background:#f6f6f7}
.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a,
.wd-sub-menu .woocommerce-MyAccount-navigation-link.is-active a{background:#f2f2f4;color:var(--tla-ink,#171A20);font-weight:600}
/* « Mes rendez-vous » mis en avant par le TEXTE rouge + liseré — SANS fond (le fond = état actif,
   sinon on croit être sur cette page alors qu'on est sur le Tableau de bord). */
.woocommerce-account .woocommerce-MyAccount-navigation-link--mes-rendez-vous a,
.wd-sub-menu .woocommerce-MyAccount-navigation-link--mes-rendez-vous a{
  color:var(--tla-red-deep,#B3161B) !important;font-weight:700;box-shadow:inset 3px 0 0 var(--tla-red,#E11B22)}
.woocommerce-account .woocommerce-MyAccount-navigation-link--mes-rendez-vous a:hover,
.wd-sub-menu .woocommerce-MyAccount-navigation-link--mes-rendez-vous a:hover{background:#fdecec}
.woocommerce-account .woocommerce-MyAccount-navigation-link--mes-rendez-vous.is-active a,
.wd-sub-menu .woocommerce-MyAccount-navigation-link--mes-rendez-vous.is-active a{background:#fdecec}
/* « Mes commandes » grisé + badge « Bientôt » (boutique pas encore lancée) */
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a,
.wd-sub-menu .woocommerce-MyAccount-navigation-link--orders a{color:#9a9ba0 !important;pointer-events:none;cursor:default}
.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::after,
.wd-sub-menu .woocommerce-MyAccount-navigation-link--orders a::after{
  content:"Bientôt";margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.03em;
  background:#f0f0f2;color:#8a8b90;border-radius:999px;padding:2px 8px;text-transform:uppercase}

/* ============================ Adresses / Détails du compte (charte) ============================ */
.woocommerce-account .woocommerce-MyAccount-content input.input-text,
.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content .select2-selection{
  height:46px;border:1.5px solid var(--tla-line,#D9DBDE) !important;border-radius:9px !important;
  background:#fff;color:var(--tla-ink,#171A20);font-family:var(--tla-font,"Inter",sans-serif);font-size:15px;box-shadow:none !important}
.woocommerce-account .woocommerce-MyAccount-content input:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus{
  outline:0;border-color:var(--tla-red,#E11B22) !important;box-shadow:0 0 0 3px rgba(225,27,34,.13) !important}
.woocommerce-account .woocommerce-MyAccount-content label{
  font-size:12.5px;font-weight:600;color:var(--tla-ink,#171A20);margin-bottom:6px;text-transform:none}
/* :not(.tlbmc-btn) sur les TROIS sélecteurs : sans lui, un <button type="submit"> portant nos
   propres classes (onglet « Mes données ») recevrait le rouge plein en !important, et le bouton
   secondaire de suppression deviendrait indiscernable du bouton principal. */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:not(.tlbmc-btn),
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:not(.tlbmc-btn),
.woocommerce-account .woocommerce-MyAccount-content .button:not(.tlbmc-btn){
  background:var(--tla-red,#E11B22) !important;color:#fff !important;border:0 !important;border-radius:9px !important;
  height:48px;padding:0 22px;font-weight:600;text-transform:none;box-shadow:none !important}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:not(.tlbmc-btn):hover,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"]:not(.tlbmc-btn):hover{background:var(--tla-red-deep,#B3161B) !important}

/* WoodMart stylise agressivement les <button> de l'espace compte : angles droits, majuscules,
   48px de haut. Nos boutons sont volontairement exclus de la surcharge ci-dessus (sinon ils
   seraient TOUS rouge plein) — ils perdent donc aussi sa protection contre le thème. On réaffirme
   ici leur forme, avec le poids nécessaire pour passer devant WoodMart. */
.woocommerce-account .woocommerce-MyAccount-content .tlbmc-btn{
  border-radius:10px !important;padding:11px 17px !important;height:auto !important;line-height:1 !important;
  font-size:14px !important;font-weight:600 !important;text-transform:none !important;letter-spacing:normal !important;
  border:1.5px solid var(--line) !important;background:var(--paper) !important;color:var(--ink) !important;
  box-shadow:none !important}
.woocommerce-account .woocommerce-MyAccount-content .tlbmc-btn:hover{
  border-color:#c9c9cc !important;background:var(--paper) !important;color:var(--ink) !important}
.woocommerce-account .woocommerce-MyAccount-content .tlbmc-btn.primary,
.woocommerce-account .woocommerce-MyAccount-content .tlbmc-btn.primary:hover{
  border-color:var(--r) !important;background:var(--r) !important;color:#fff !important}
.woocommerce-account .woocommerce-MyAccount-content .tlbmc-btn.primary:hover{
  background:var(--rd) !important;border-color:var(--rd) !important}
.woocommerce-account .woocommerce-MyAccount-content .tlbmc-btn.sm{
  padding:9px 13px !important;font-size:13px !important;border-radius:9px !important}
/* Cartes d'adresses */
.woocommerce-account .woocommerce-Address{
  background:#fff;border:1px solid var(--tla-line,#e6e6e8);border-radius:14px;padding:20px 22px}
.woocommerce-account .woocommerce-Addresses{gap:16px}
.woocommerce-account .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address-title h3{font-size:16px;font-weight:700;color:var(--tla-ink,#171A20)}
.woocommerce-account .woocommerce-Address-title .edit{color:var(--tla-red,#E11B22);font-weight:600;text-decoration:none}

/* ============================ Boutons pleine largeur en mobile ============================ */
/* Volontairement en FIN de feuille : les surcharges WooCommerce ci-dessus ont une spécificité
   voisine, c'est donc l'ordre qui tranche — plutôt que d'empiler des !important supplémentaires.
   On vise les boutons d'ENVOI de formulaire (les trois « Enregistrer » de Détails du compte) et
   nos boutons maison ; les liens-boutons des tableaux de commandes ne sont pas touchés. */
@media(max-width:640px){
  .woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
  .woocommerce-account .woocommerce-MyAccount-content input[type="submit"],
  .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
  .woocommerce-account .woocommerce-MyAccount-content .tlbmc-btn{
    width:100% !important;display:flex !important;align-items:center;justify-content:center;text-align:center}
  .tlb-addr-copy{margin-bottom:18px}
}