/* ============================================================
   One Expert — Brand theme overrides
   Primary : #00AECE  (cyan logo)
   Dark    : #414141  (charcoal logo)
   Hover   : #0089A8  (cyan foncé)
   ============================================================ */

/* ── Base typography ──────────────────────────────────────── */
body {
  color: #414141;
}
p {
  color: #6B7280;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #414141;
}

/* ── Utilitaires couleur ──────────────────────────────────── */
.text-dark    { color: #414141 !important; }
.text-primary { color: #00AECE !important; }

/* ── Backgrounds ──────────────────────────────────────────── */
.bg-primary      { background-color: #00AECE !important; }
.bg-primary-soft { background-color: rgba(0, 174, 206, .10) !important; }

/* ── Badges ───────────────────────────────────────────────── */
.badge-primary-soft {
  background-color: rgba(0, 174, 206, .12);
  color: #00AECE;
}

/* ── Liens ────────────────────────────────────────────────── */
a       { color: #00AECE; }
a:hover { color: #0089A8; }

/* ── Boutons primaires ────────────────────────────────────── */
.btn-primary {
  background-color: #00AECE;
  border-color:     #00AECE;
  color: #fff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  background-color: #0089A8;
  border-color:     #0089A8;
  color: #fff;
}
.btn-primary:focus,
.btn-primary:active:focus {
  box-shadow: 0 0 0 .2rem rgba(0, 174, 206, .35);
}

/* ── Boutons outline ──────────────────────────────────────── */
.btn-outline-primary {
  color:        #00AECE;
  border-color: #00AECE;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #00AECE;
  border-color:     #00AECE;
  color: #fff;
}

/* ── Formulaires ──────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
  border-color: #00AECE;
  box-shadow: 0 0 0 .2rem rgba(0, 174, 206, .25);
}
input[type="checkbox"] { accent-color: #00AECE; }

/* ── Navbar ───────────────────────────────────────────────── */
.nav-link.active { color: #00AECE !important; }
.nav-link:hover  { color: #0089A8 !important; }
.navbar-toggler  { border-color: rgba(0, 174, 206, .4); }
.navbar-toggler:focus { box-shadow: 0 0 0 .2rem rgba(0, 174, 206, .25); }

@media (max-width: 991.98px) {
  #navbarNav                  { border-top-color: #00AECE !important; }
  #navbarNav .nav-link.active { color: #00AECE !important; }
}

/* ── Hover translate card ─────────────────────────────────── */
.hover-translate:hover {
  box-shadow: 0 10px 55px 5px rgba(0, 174, 206, .12);
}

/* ── Overlay thème ────────────────────────────────────────── */
[data-overlay].theme-overlay:before { background-color: #00AECE; }