/**
 * Styles pour les onglets BVR dans My Account (plugin-only).
 * Conçus pour cohabiter avec les styles bvr-* du snippet du thème.
 */

.bvr-panel {
  color: #1a1a2e;
  margin: 0;
}
.bvr-panel-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e5e7eb;
  flex-wrap: wrap;
}
.bvr-panel-head h2 {
  margin: 0 0 4px !important;
  font-size: 1.5rem !important;
  color: #1a1a2e !important;
}
.bvr-panel-head .bvr-muted { margin: 0; }

.bvr-muted { color: #6b7280; font-size: 0.92em; }

.bvr-empty-inline {
  padding: 28px;
  text-align: center;
  background: #f8f9fb;
  border: 2px dashed #e5e7eb;
  border-radius: 12px;
}

.bvr-table-wrap { overflow-x: auto; }
.bvr-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 6px;
  font-size: 0.92rem;
}
.bvr-table th,
.bvr-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #eef0f3;
  text-align: left;
}
.bvr-table th {
  background: #f8f9fb;
  color: #1a1a2e;
  font-weight: 700;
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.bvr-table tbody tr:hover { background: #fffbea; }

.bvr-chart-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 16px 20px;
}
.bvr-chart-card h3 { margin: 0 0 10px; font-size: 1rem; color: #1a1a2e; }
/* 2.5.7 — Wrapper de hauteur fixe pour le canvas Chart.js.
   Sans ça, responsive:true + maintainAspectRatio:false cause une boucle
   infinie de redimensionnement (le canvas grandit, le parent grandit
   parce qu'il s'adapte au canvas, etc.). */
.bvr-chart-canvas-wrap {
  position: relative;
  height: 240px;
  width: 100%;
}
.bvr-chart-canvas-wrap > canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

.bvr-reports-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bvr-report {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
.bvr-report > summary {
  list-style: none;
  cursor: pointer;
  padding: 14px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-weight: 600;
  color: #1a1a2e;
}
.bvr-report > summary::-webkit-details-marker { display: none; }
.bvr-report > summary::before { content: "▶"; color: #6c5ce7; font-size: .8em; transition: transform .15s; }
.bvr-report[open] > summary::before { transform: rotate(90deg); }
.bvr-report-sum { color: #6b7280; font-weight: 500; font-size: .9em; }
.bvr-report-body { padding: 6px 18px 18px; border-top: 1px solid #eef0f3; background: #fafbfd; }

.bvr-opt-block {
  margin-top: 24px;
  padding: 20px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
}
.bvr-opt-block h3 { margin: 0 0 6px; color: #1a1a2e; font-size: 1.1rem; }

.bvr-tpl-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
  margin-top: 12px;
}
.bvr-tpl {
  background: #f8f9fb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bvr-tpl-head { display: flex; align-items: center; gap: 8px; }
.bvr-tpl-emoji { font-size: 1.4rem; }
.bvr-tpl-prizes {
  list-style: none;
  padding: 0;
  margin: 6px 0 12px;
  font-size: 0.85em;
  color: #1a1a2e;
}
.bvr-tpl-prizes li { padding: 3px 0; border-bottom: 1px dashed #e5e7eb; }
.bvr-tpl-prizes li:last-child { border-bottom: none; }

.bvr-empty {
  padding: 40px 20px;
  text-align: center;
  border: 2px dashed #e5e7eb;
  border-radius: 12px;
  background: #f8f9fb;
}
.bvr-empty-icon { font-size: 2.5rem; margin-bottom: 8px; }

/* Fallback sur les composants bvr-* si le snippet du thème n'est pas présent */
.bvr-btn {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border: 2px solid #e5e7eb;
  border-radius: 10px;
  color: #1a1a2e;
  font-weight: 600;
  text-decoration: none !important;
  cursor: pointer;
  transition: all .15s;
  font-size: .92rem;
}
.bvr-btn:hover { border-color: #ffd700; }
.bvr-btn-primary {
  background: linear-gradient(135deg, #ffd700, #f39c12);
  border-color: transparent;
  color: #1a1a2e !important;
}
.bvr-btn-primary:hover { filter: brightness(1.05); }

.bvr-kpis {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin: 0 0 8px;
}
.bvr-kpi {
  background: #f8f9fb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px 16px;
}
.bvr-kpi-val { font-size: 1.6rem; font-weight: 800; color: #1a1a2e; line-height: 1.1; }
.bvr-kpi-lbl { font-size: .8rem; color: #6b7280; margin-top: 2px; }

/* ─── Sélecteur multi-roues ───────────────────────────────── */
.bvr-switcher {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 0 0 18px;
  padding: 12px 14px;
  background: linear-gradient(135deg, #fffbea, #fff);
  border: 1px solid #f3e8c6;
  border-radius: 12px;
}
.bvr-switcher-lbl {
  font-size: .82rem;
  font-weight: 700;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.bvr-switcher-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1;
}
.bvr-switcher-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 12px;
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 50px;
  color: #1a1a2e !important;
  text-decoration: none !important;
  font-size: .85rem;
  font-weight: 600;
  transition: all .15s;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bvr-switcher-chip:hover {
  border-color: #f39c12;
  background: #fffbea;
  color: #1a1a2e !important;
}
.bvr-switcher-chip.is-active {
  background: linear-gradient(135deg, #ffd700, #f39c12);
  border-color: #f39c12;
  color: #1a1a2e !important;
  box-shadow: 0 2px 8px rgba(255, 215, 0, .3);
}
.bvr-switcher-draft {
  font-style: normal;
  opacity: .7;
  font-size: .9em;
}

/* =====================================================================
   2.5.4 — Lisibilite onglets WooCommerce natifs
   (Commandes, Telechargements, Moyens de paiement, Abonnements,
   Adresses, Details du compte). Le theme force du texte jaune sur les
   cartes blanches du contenu My Account. On force du texte sombre sur
   les cartes blanches et on garde les CTA en jaune+texte sombre.
   ===================================================================== */

:root {
  --bvr-ink:        #1a1a2e;
  --bvr-ink-soft:   #4b5563;
  --bvr-link:       #6b21a8;
  --bvr-gold-1:     #ffd700;
  --bvr-gold-2:     #f39c12;
  --bvr-card:       #ffffff;
  --bvr-border:     #e5e7eb;
  --bvr-border-soft:#eef0f3;
}

.woocommerce-MyAccount-content,
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content li,
.woocommerce-MyAccount-content span,
.woocommerce-MyAccount-content strong,
.woocommerce-MyAccount-content em,
.woocommerce-MyAccount-content small,
.woocommerce-MyAccount-content label,
.woocommerce-MyAccount-content legend,
.woocommerce-MyAccount-content fieldset,
.woocommerce-MyAccount-content address,
.woocommerce-MyAccount-content time,
.woocommerce-MyAccount-content dt,
.woocommerce-MyAccount-content dd {
  color: var(--bvr-ink) !important;
}
.woocommerce-MyAccount-content h1,
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3,
.woocommerce-MyAccount-content h4 {
  color: var(--bvr-ink) !important;
}

.woocommerce-MyAccount-content a:not(.button):not(.bvr-btn):not([class*="bvr-btn-"]):not(.bvr-switcher-chip):not(.woocommerce-button) {
  color: var(--bvr-link) !important;
  text-decoration: underline;
}
.woocommerce-MyAccount-content a:not(.button):not(.bvr-btn):not([class*="bvr-btn-"]):not(.bvr-switcher-chip):not(.woocommerce-button):hover {
  color: #4c1d95 !important;
}

.woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content .woocommerce-table,
.woocommerce-MyAccount-content .shop_table,
.woocommerce-MyAccount-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  background: var(--bvr-card) !important;
  color: var(--bvr-ink) !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table th,
.woocommerce-MyAccount-content .woocommerce-orders-table td,
.woocommerce-MyAccount-content .woocommerce-table th,
.woocommerce-MyAccount-content .woocommerce-table td,
.woocommerce-MyAccount-content .shop_table th,
.woocommerce-MyAccount-content .shop_table td,
.woocommerce-MyAccount-content table th,
.woocommerce-MyAccount-content table td {
  color: var(--bvr-ink) !important;
  background: transparent !important;
  border-bottom: 1px solid var(--bvr-border-soft) !important;
  padding: 12px 14px !important;
  vertical-align: middle !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table th,
.woocommerce-MyAccount-content .woocommerce-table th,
.woocommerce-MyAccount-content .shop_table th,
.woocommerce-MyAccount-content table thead th {
  background: #f8f9fb !important;
  color: var(--bvr-ink) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .03em !important;
  font-size: .82rem !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table tbody tr:hover,
.woocommerce-MyAccount-content .woocommerce-table tbody tr:hover,
.woocommerce-MyAccount-content .shop_table tbody tr:hover {
  background: #fffbea !important;
}
.woocommerce-MyAccount-content .woocommerce-orders-table a,
.woocommerce-MyAccount-content .woocommerce-table a,
.woocommerce-MyAccount-content .shop_table a {
  color: var(--bvr-link) !important;
  text-decoration: underline;
}

/* Badges de statut commande / abonnement */
.woocommerce-MyAccount-content .order-status,
.woocommerce-MyAccount-content .subscription-status,
.woocommerce-MyAccount-content mark.order-status,
.woocommerce-MyAccount-content mark.subscription-status {
  display: inline-block !important;
  padding: 3px 12px !important;
  border-radius: 50px !important;
  font-size: .75rem !important;
  font-weight: 700 !important;
  background: #d1fae5 !important;
  color: #065f46 !important;
  letter-spacing: .02em !important;
}
.woocommerce-MyAccount-content .order-status.status-on-hold,
.woocommerce-MyAccount-content .order-status.status-pending,
.woocommerce-MyAccount-content mark.status-on-hold {
  background: #fef3c7 !important;
  color: #92400e !important;
}
.woocommerce-MyAccount-content .order-status.status-cancelled,
.woocommerce-MyAccount-content .order-status.status-failed,
.woocommerce-MyAccount-content mark.status-cancelled {
  background: #fee2e2 !important;
  color: #991b1b !important;
}

/* Encarts d'information / vide */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-Message,
.woocommerce-MyAccount-content .woocommerce-message {
  background: #fffbea !important;
  border-left: 4px solid var(--bvr-gold-2) !important;
  color: var(--bvr-ink) !important;
  padding: 14px 18px !important;
  border-radius: 8px !important;
  font-size: .95rem !important;
}
.woocommerce-MyAccount-content .woocommerce-info::before,
.woocommerce-MyAccount-content .woocommerce-message::before {
  color: var(--bvr-gold-2) !important;
}
.woocommerce-MyAccount-content .woocommerce-error {
  background: #fee2e2 !important;
  border-left: 4px solid #dc2626 !important;
  color: #991b1b !important;
}

/* Formulaires (Details du compte, Adresses) */
.woocommerce-MyAccount-content input[type=text],
.woocommerce-MyAccount-content input[type=email],
.woocommerce-MyAccount-content input[type=password],
.woocommerce-MyAccount-content input[type=tel],
.woocommerce-MyAccount-content input[type=number],
.woocommerce-MyAccount-content input[type=url],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
  background: #fff !important;
  color: var(--bvr-ink) !important;
  border: 1.5px solid var(--bvr-border) !important;
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-size: .95rem !important;
}
.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
  outline: none !important;
  border-color: var(--bvr-gold-2) !important;
  box-shadow: 0 0 0 3px rgba(243,156,18,.18) !important;
}
.woocommerce-MyAccount-content .form-row label {
  color: var(--bvr-ink) !important;
  font-weight: 600 !important;
}

/* Boutons WC (Voir, Supprimer, Utiliser par defaut, etc.) */
.woocommerce-MyAccount-content a.button,
.woocommerce-MyAccount-content button.button,
.woocommerce-MyAccount-content input[type=submit],
.woocommerce-MyAccount-content button[type=submit],
.woocommerce-MyAccount-content .woocommerce-button,
.woocommerce-MyAccount-content .woocommerce-Button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  background: linear-gradient(135deg, var(--bvr-gold-1), var(--bvr-gold-2)) !important;
  color: var(--bvr-ink) !important;
  border: 0 !important;
  border-radius: 50px !important;
  padding: 8px 18px !important;
  font-weight: 700 !important;
  font-size: .88rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: transform .1s ease, box-shadow .15s ease !important;
}
.woocommerce-MyAccount-content a.button:hover,
.woocommerce-MyAccount-content button.button:hover,
.woocommerce-MyAccount-content input[type=submit]:hover,
.woocommerce-MyAccount-content button[type=submit]:hover,
.woocommerce-MyAccount-content .woocommerce-button:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 14px rgba(243,156,18,.3) !important;
  color: var(--bvr-ink) !important;
}

/* Variant "Supprimer" : rouge attenue */
.woocommerce-MyAccount-content a.button.delete,
.woocommerce-MyAccount-content .woocommerce-button.delete,
.woocommerce-MyAccount-content a.button[href*="delete"],
.woocommerce-MyAccount-content a[class*="delete"].button {
  background: linear-gradient(135deg, #fca5a5, #ef4444) !important;
  color: #fff !important;
}
.woocommerce-MyAccount-content a.button.delete:hover {
  box-shadow: 0 6px 14px rgba(239,68,68,.3) !important;
  color: #fff !important;
}

/* Subscriptions plugin */
.woocommerce-MyAccount-content .my_account_subscriptions,
.woocommerce-MyAccount-content .subscription-totals,
.woocommerce-MyAccount-content .subscription_details {
  color: var(--bvr-ink) !important;
}
.woocommerce-MyAccount-content .my_account_subscriptions .button {
  margin: 2px !important;
}

/* Details commande (apres "Voir") */
.woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce-MyAccount-content .woocommerce-customer-details,
.woocommerce-MyAccount-content .woocommerce-Address,
.woocommerce-MyAccount-content .order_details,
.woocommerce-MyAccount-content .addresses {
  color: var(--bvr-ink) !important;
}
.woocommerce-MyAccount-content .woocommerce-Address-title h3,
.woocommerce-MyAccount-content .woocommerce-column__title {
  color: var(--bvr-ink) !important;
  margin-bottom: 8px !important;
}

/* Switcher BVR : specificite renforcee */
.woocommerce-MyAccount-content a.bvr-switcher-chip,
.woocommerce a.bvr-switcher-chip,
a.bvr-switcher-chip {
  color: var(--bvr-ink) !important;
}
.woocommerce-MyAccount-content a.bvr-switcher-chip.is-active,
.woocommerce a.bvr-switcher-chip.is-active,
a.bvr-switcher-chip.is-active,
a.bvr-switcher-chip.is-active * {
  color: var(--bvr-ink) !important;
}

/* CTA BVR ("Voir ma roue en ligne", boutons primaires snippets) */
.bvr-btn,
.bvr-btn-primary,
.bvr-btn-cta,
.bvr-btn-yellow,
.bvr-cta,
.bvr-cta-btn,
[class*="bvr-btn-"][class*="primary"],
[class*="bvr-btn-"][class*="cta"],
[class*="bvr-btn-"][class*="yellow"],
[class*="bvr-btn-"][class*="gold"] {
  color: var(--bvr-ink) !important;
}
.bvr-btn-primary,
.bvr-btn-cta,
.bvr-btn-yellow,
.bvr-cta-btn,
[class*="bvr-btn-"][class*="primary"],
[class*="bvr-btn-"][class*="cta"],
[class*="bvr-btn-"][class*="yellow"] {
  background: linear-gradient(135deg, var(--bvr-gold-1), var(--bvr-gold-2)) !important;
}

/* =====================================================================
   2.5.5 — Inversion CTA + chips (look "Modifier ma roue")
   Le bouton "Modifier ma roue" qui sert de modele : fond navy + texte or.
   On applique le meme style aux chips actives ET aux CTA "Voir ma roue
   en ligne" / autres bvr-btn-cta. Specificite tres forte pour gagner
   contre les overrides du theme/snippets.
   ===================================================================== */

/* Chips inactives : pill blanche, texte navy, emoji visible */
html body .bvr-switcher .bvr-switcher-chip,
html body .woocommerce-MyAccount-content .bvr-switcher .bvr-switcher-chip,
html body a.bvr-switcher-chip:link,
html body a.bvr-switcher-chip:visited {
  background: #fff !important;
  color: var(--bvr-ink) !important;
  border: 1.5px solid var(--bvr-border) !important;
  font-weight: 600 !important;
}
html body .bvr-switcher .bvr-switcher-chip:hover,
html body a.bvr-switcher-chip:hover {
  background: #fffbea !important;
  color: var(--bvr-ink) !important;
  border-color: var(--bvr-gold-2) !important;
}

/* Chip ACTIVE : fond navy + texte or (look "Modifier ma roue") */
html body .bvr-switcher .bvr-switcher-chip.is-active,
html body .woocommerce-MyAccount-content .bvr-switcher .bvr-switcher-chip.is-active,
html body a.bvr-switcher-chip.is-active:link,
html body a.bvr-switcher-chip.is-active:visited {
  background: var(--bvr-ink) !important;
  background-image: none !important;
  color: var(--bvr-gold-1) !important;
  border-color: var(--bvr-ink) !important;
  box-shadow: 0 2px 10px rgba(26,26,46,.35) !important;
  font-weight: 700 !important;
}
html body .bvr-switcher .bvr-switcher-chip.is-active *,
html body a.bvr-switcher-chip.is-active * {
  color: var(--bvr-gold-1) !important;
}
html body .bvr-switcher .bvr-switcher-chip.is-active:hover {
  background: #2a2a4a !important;
  color: var(--bvr-gold-1) !important;
}

/* TOUS les CTA primaires BVR (= boutons "Voir ma roue en ligne",
   "Modifier ma roue", "Exporter CSV", "Voir les offres", etc.) :
   meme look uniforme = fond navy + texte or, comme "Modifier ma roue". */
html body .bvr-btn-cta,
html body .bvr-cta-btn,
html body .bvr-cta,
html body .bvr-btn-primary,
html body .bvr-btn-yellow,
html body .bvr-btn-gold,
html body .bvr-btn-view,
html body [class*="bvr-btn-"][class*="cta"],
html body [class*="bvr-btn-"][class*="primary"],
html body [class*="bvr-btn-"][class*="yellow"],
html body [class*="bvr-btn-"][class*="gold"],
html body [class*="bvr-btn-"][class*="view"],
html body a.bvr-btn-cta:link,
html body a.bvr-btn-cta:visited,
html body a.bvr-btn-primary:link,
html body a.bvr-btn-primary:visited,
html body .woocommerce-MyAccount-content .bvr-btn-cta,
html body .woocommerce-MyAccount-content .bvr-btn-primary {
  background: var(--bvr-ink) !important;
  background-image: none !important;
  color: var(--bvr-gold-1) !important;
  border: 0 !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  box-shadow: 0 4px 12px rgba(26,26,46,.25) !important;
}
html body .bvr-btn-cta *,
html body .bvr-cta-btn *,
html body .bvr-btn-primary *,
html body [class*="bvr-btn-"][class*="cta"] *,
html body [class*="bvr-btn-"][class*="primary"] * {
  color: var(--bvr-gold-1) !important;
}
html body .bvr-btn-cta:hover,
html body .bvr-cta-btn:hover,
html body .bvr-btn-primary:hover,
html body [class*="bvr-btn-"][class*="cta"]:hover,
html body [class*="bvr-btn-"][class*="primary"]:hover {
  background: #2a2a4a !important;
  color: var(--bvr-gold-1) !important;
  box-shadow: 0 6px 16px rgba(26,26,46,.4) !important;
  transform: translateY(-1px);
}

/* =====================================================================
   2.5.8 — Surcharge agressive : le wp-custom-css (Customizer) charge APRES
   le CSS du plugin et applique color:#fff !important sur
   .woocommerce-MyAccount-content. Resultat : le texte des onglets BVR
   (Mes leads / Mes stats / Mes rapports / Optimiser) etait blanc sur
   carte blanche → illisible.

   Fix : on prefixe par "html body" pour gagner par specificite (0,1,2 vs
   0,1,0 du Customizer), independamment de l'ordre de chargement.
   ===================================================================== */
html body .woocommerce-MyAccount-content .bvr-panel,
html body .woocommerce-MyAccount-content .bvr-panel p,
html body .woocommerce-MyAccount-content .bvr-panel li,
html body .woocommerce-MyAccount-content .bvr-panel span,
html body .woocommerce-MyAccount-content .bvr-panel strong,
html body .woocommerce-MyAccount-content .bvr-panel em,
html body .woocommerce-MyAccount-content .bvr-panel small,
html body .woocommerce-MyAccount-content .bvr-panel label,
html body .woocommerce-MyAccount-content .bvr-panel h1,
html body .woocommerce-MyAccount-content .bvr-panel h2,
html body .woocommerce-MyAccount-content .bvr-panel h3,
html body .woocommerce-MyAccount-content .bvr-panel h4,
html body .woocommerce-MyAccount-content .bvr-panel summary,
html body .woocommerce-MyAccount-content .bvr-panel time,
html body .woocommerce-MyAccount-content .bvr-panel dt,
html body .woocommerce-MyAccount-content .bvr-panel dd,
html body .woocommerce-MyAccount-content .bvr-panel-head h2,
html body .woocommerce-MyAccount-content .bvr-muted,
html body .woocommerce-MyAccount-content .bvr-table,
html body .woocommerce-MyAccount-content .bvr-table th,
html body .woocommerce-MyAccount-content .bvr-table td,
html body .woocommerce-MyAccount-content .bvr-kpi-val,
html body .woocommerce-MyAccount-content .bvr-kpi-lbl,
html body .woocommerce-MyAccount-content .bvr-empty,
html body .woocommerce-MyAccount-content .bvr-empty-inline,
html body .woocommerce-MyAccount-content .bvr-empty-inline p,
html body .woocommerce-MyAccount-content .bvr-empty p,
html body .woocommerce-MyAccount-content .bvr-empty h3,
html body .woocommerce-MyAccount-content .bvr-tpl,
html body .woocommerce-MyAccount-content .bvr-tpl-prizes,
html body .woocommerce-MyAccount-content .bvr-tpl-prizes li,
html body .woocommerce-MyAccount-content .bvr-opt-block,
html body .woocommerce-MyAccount-content .bvr-opt-block h3,
html body .woocommerce-MyAccount-content .bvr-opt-block p,
html body .woocommerce-MyAccount-content .bvr-chart-card,
html body .woocommerce-MyAccount-content .bvr-chart-card h3,
html body .woocommerce-MyAccount-content .bvr-report,
html body .woocommerce-MyAccount-content .bvr-report > summary,
html body .woocommerce-MyAccount-content .bvr-report-month,
html body .woocommerce-MyAccount-content .bvr-report-sum,
html body .woocommerce-MyAccount-content .bvr-report-body {
  color: var(--bvr-ink) !important;
}
/* Liens dans une bvr-panel : violet sombre, pas le jaune vif du theme */
html body .woocommerce-MyAccount-content .bvr-panel a:not(.bvr-btn):not([class*="bvr-btn-"]) {
  color: var(--bvr-link) !important;
}
html body .woocommerce-MyAccount-content .bvr-panel a:not(.bvr-btn):not([class*="bvr-btn-"]):hover {
  color: #4c1d95 !important;
}
/* Les KPI verts/violets gardent leur teinte propre, on ne les ecrase pas */
html body .woocommerce-MyAccount-content .bvr-kpi-val[style*="color"],
html body .woocommerce-MyAccount-content .bvr-kpi[style*="border-left"] .bvr-kpi-val {
  /* Ces elements ont du style="color:..." inline qui doit gagner. Les selecteurs
     ci-dessus sont la pour rappeler qu'on n'ecrase PAS leur couleur (style="..."
     gagne deja par specificite naturelle). */
}
/* Cards et fonds : forcer fond clair pour que le texte sombre soit lisible.
   Si le user veut du dark mode sur ces panels, retirer ce bloc. */
html body .woocommerce-MyAccount-content .bvr-panel {
  background: #fff !important;
  border-radius: 12px !important;
  padding: 24px !important;
}
html body .woocommerce-MyAccount-content .bvr-chart-card,
html body .woocommerce-MyAccount-content .bvr-opt-block,
html body .woocommerce-MyAccount-content .bvr-tpl,
html body .woocommerce-MyAccount-content .bvr-empty-inline,
html body .woocommerce-MyAccount-content .bvr-empty,
html body .woocommerce-MyAccount-content .bvr-kpi,
html body .woocommerce-MyAccount-content .bvr-report {
  background: #f8f9fb !important;
}
html body .woocommerce-MyAccount-content .bvr-table th {
  background: #f8f9fb !important;
}
/* Sélecteur multi-roues : carte cremee deja stylee, on s'assure que le wrapper
   ne soit pas avale par le dark mode */
html body .woocommerce-MyAccount-content .bvr-switcher {
  background: linear-gradient(135deg, #fffbea, #fff) !important;
  border: 1px solid #f3e8c6 !important;
}
html body .woocommerce-MyAccount-content .bvr-switcher-lbl {
  color: #6b7280 !important;
}

/* ─── Hub unifié « Mon espace » (2.9.0) ────────────────────────────────── */
html body .woocommerce-MyAccount-content .bvr-hub-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 8px 0 18px;
  padding: 10px 12px;
  background: #fff !important;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  position: sticky;
  top: 0;
  z-index: 50;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
html body .woocommerce-MyAccount-content .bvr-hub-nav-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 14px;
  border-radius: 999px;
  background: #f3f4f6 !important;
  color: var(--bvr-ink) !important;
  font-weight: 600;
  font-size: 0.9rem;
  text-decoration: none !important;
  border: 1px solid transparent;
  transition: all 0.15s ease;
}
html body .woocommerce-MyAccount-content .bvr-hub-nav-chip:hover {
  background: #ede9fe !important;
  border-color: #c4b5fd;
  color: #5b21b6 !important;
}
html body .woocommerce-MyAccount-content .bvr-hub-section {
  margin-bottom: 28px;
  /* Compense le sticky-nav lors d'un saut d'ancre #section-xxx */
  scroll-margin-top: 80px;
}
html body .woocommerce-MyAccount-content .bvr-hub-section:last-child {
  margin-bottom: 0;
}

/* ─── 2.9.3 : section Ma Roue intégrée au hub ─────────────────────────── */
html body .woocommerce-MyAccount-content .bvr-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
html body .woocommerce-MyAccount-content .bvr-status-on {
  background: #d1fae5 !important;
  color: #047857 !important;
}
html body .woocommerce-MyAccount-content .bvr-status-draft {
  background: #fef3c7 !important;
  color: #92400e !important;
}
html body .woocommerce-MyAccount-content .bvr-status-off {
  background: #fee2e2 !important;
  color: #991b1b !important;
}
html body .woocommerce-MyAccount-content .bvr-maroue-cta-draft {
  background: linear-gradient(135deg, #fef3c7 0%, #fff 100%) !important;
  border: 1px dashed #f59e0b;
  padding: 20px 22px;
  border-radius: 10px;
  margin-top: 14px;
}
html body .woocommerce-MyAccount-content .bvr-maroue-cta-draft p {
  margin: 0 0 10px;
  color: #78350f;
}
html body .woocommerce-MyAccount-content .bvr-maroue-cta-draft .bvr-btn {
  margin-top: 6px;
}
html body .woocommerce-MyAccount-content .bvr-maroue-url {
  margin-top: 16px;
}
html body .woocommerce-MyAccount-content .bvr-field-label {
  display: block;
  font-weight: 700;
  font-size: 0.85rem;
  color: var(--bvr-ink);
  margin-bottom: 6px;
}
html body .woocommerce-MyAccount-content .bvr-url-row {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: stretch;
}
html body .woocommerce-MyAccount-content .bvr-url-row input {
  flex: 1;
  min-width: 220px;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #f9fafb !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.85rem;
  color: var(--bvr-ink) !important;
}
html body .woocommerce-MyAccount-content .bvr-maroue-actions {
  margin-top: 18px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
html body .woocommerce-MyAccount-content .bvr-btn-secondary {
  background: #fff !important;
  color: #1f2937 !important;
  border: 1px solid #d1d5db !important;
}
html body .woocommerce-MyAccount-content .bvr-btn-secondary:hover {
  background: #f3f4f6 !important;
  border-color: #9ca3af !important;
}