.elementor-185 .elementor-element.elementor-element-2522e96{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-62be5c2 *//* ===============================
   FIX BOUTONS – lisibilité totale
   (à coller après tes styles)
   =============================== */

.chr-profil-page{
  --btn-dark:#0f0f12;
  --btn-light:#ffffff;
  --btn-border:rgba(15,15,18,.12);
  --btn-shadow:0 12px 26px rgba(0,0,0,.08);
  --btn-shadow-strong:0 14px 30px rgba(83,4,20,.18);
}

/* --- 0) Reset anti-thème : éviter les overrides de liens/boutons --- */
.chr-profil-page button,
.chr-profil-page a.chr-event-mini-btn{
  text-decoration:none !important;
}
.chr-profil-page a.chr-event-mini-btn:visited,
.chr-profil-page a.chr-event-mini-btn:active{
  color: inherit;
}

/* --- 1) BOUTONS "CLAIRS" : copy + voir (non primary) + annuler --- */
.chr-profil-page .chr-copy-btn,
.chr-profil-page .chr-event-mini-btn:not(.primary),
.chr-profil-page .chr-profil-cancel-btn{
  background: var(--btn-light) !important;
  color: var(--btn-dark) !important;
  border: 1px solid var(--btn-border) !important;
  box-shadow: var(--btn-shadow);
}

/* Hover/focus : restent clairs => donc texte sombre (pas blanc !) */
.chr-profil-page .chr-copy-btn:hover,
.chr-profil-page .chr-copy-btn:focus-visible,
.chr-profil-page .chr-event-mini-btn:not(.primary):hover,
.chr-profil-page .chr-event-mini-btn:not(.primary):focus-visible,
.chr-profil-page .chr-profil-cancel-btn:hover,
.chr-profil-page .chr-profil-cancel-btn:focus-visible{
  background: #fff !important;
  color: var(--btn-dark) !important;              /* ✅ jamais blanc ici */
  border-color: rgba(15,15,18,.22) !important;
  transform: translateY(-1px);
}

/* Petit “glow” premium au hover sans casser la lisibilité */
.chr-profil-page .chr-copy-btn:hover,
.chr-profil-page .chr-event-mini-btn:not(.primary):hover,
.chr-profil-page .chr-profil-cancel-btn:hover{
  box-shadow: 0 16px 34px rgba(0,0,0,.10);
}

/* --- 2) BOUTONS "PRIMARY" : voir primary + enregistrer --- */
.chr-profil-page .chr-event-mini-btn.primary,
.chr-profil-page .chr-profil-save-btn{
  background: linear-gradient(135deg, var(--p), var(--p2)) !important;
  color: #fff !important;                          /* ✅ toujours blanc */
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow: var(--btn-shadow-strong);
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}

.chr-profil-page .chr-event-mini-btn.primary:hover,
.chr-profil-page .chr-event-mini-btn.primary:focus-visible,
.chr-profil-page .chr-profil-save-btn:hover,
.chr-profil-page .chr-profil-save-btn:focus-visible{
  color: #fff !important;                          /* ✅ verrouille */
  filter: brightness(1.06);
  transform: translateY(-1px);
}

/* --- 3) BOUTON "MODIFIER" (hero) : éviter le fond trop clair/transp --- */
.chr-profil-page .chr-profil-edit-btn{
  background: rgba(15,15,18,.28) !important;       /* ✅ fond sombre (lisible) */
  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.14);
  text-shadow: 0 1px 0 rgba(0,0,0,.25);
}
.chr-profil-page .chr-profil-edit-btn:hover,
.chr-profil-page .chr-profil-edit-btn:focus-visible{
  background: rgba(15,15,18,.38) !important;       /* ✅ toujours sombre */
  color: #fff !important;
  border-color: rgba(255,255,255,.32) !important;
  transform: translateY(-1px);
}

/* --- 4) Tabs : hover soft + texte sombre; active = gradient + texte blanc --- */
.chr-profil-page .chr-tab-btn{
  background: transparent !important;
  color: var(--btn-dark) !important;
}
.chr-profil-page .chr-tab-btn:hover,
.chr-profil-page .chr-tab-btn:focus-visible{
  background: rgba(15,15,18,.06) !important;       /* ✅ pas de blanc sur clair */
  color: var(--btn-dark) !important;
}
.chr-profil-page .chr-tab-btn.active,
.chr-profil-page .chr-tab-btn[aria-selected="true"]{
  background: linear-gradient(135deg, var(--p), var(--p2)) !important;
  color: #fff !important;
}

/* --- 5) Sécurité si un style global force a:hover en blanc --- */
.chr-profil-page .chr-profil-card a,
.chr-profil-page .chr-profil-card a:hover{
  color: inherit;
}

/* --- 6) Disabled --- */
.chr-profil-page button:disabled,
.chr-profil-page a[aria-disabled="true"]{
  opacity: .55;
  cursor: not-allowed;
  transform: none !important;
  filter: none !important;
}/* End custom CSS */