/*
  site.css — thème Meilleure Crypto (dark / bull run).
  Règle imposée : aucune classe CSS custom dans le HTML.
  On redéfinit uniquement des variables de thème Bootstrap et on style des
  classes Bootstrap existantes / éléments / ids. Aucun nouveau nom de classe.
  Versionné via ?v= dans le <link>.
*/

:root {
  --mc-gold: #f7931a;       /* bitcoin */
  --mc-cyan: #00d4ff;
  --mc-green: #16c784;
  --mc-bg: #0b0e11;
  --mc-panel: #151a21;
}

[data-bs-theme="dark"] {
  --bs-primary: #f7931a;
  --bs-primary-rgb: 247, 147, 26;
  --bs-body-bg: #0b0e11;
  --bs-body-color: #e6edf3;
  --bs-link-color: #00d4ff;
  --bs-link-color-rgb: 0, 212, 255;
  --bs-link-hover-color: #f7931a;
  --bs-border-color: #232a33;
  --bs-emphasis-color: #ffffff;
  --bs-body-font-family: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .navbar,
[data-bs-theme="dark"] .list-group-item,
[data-bs-theme="dark"] .accordion-item {
  background-color: var(--mc-panel);
}

.btn-primary {
  --bs-btn-bg: var(--mc-gold);
  --bs-btn-border-color: var(--mc-gold);
  --bs-btn-color: #0b0e11;
  --bs-btn-hover-bg: #ffa733;
  --bs-btn-hover-border-color: #ffa733;
  --bs-btn-hover-color: #0b0e11;
  --bs-btn-active-bg: #ffa733;
  font-weight: 600;
}
.btn-outline-light { --bs-btn-hover-color: #0b0e11; }

.navbar-brand strong { color: var(--mc-gold); }

/* Bannière hero — ciblée par id (pas de classe custom). */
#hero {
  background:
    radial-gradient(900px 400px at 80% -10%, rgba(0,212,255,.16), transparent 60%),
    linear-gradient(135deg, #0b0e11 0%, #11161d 60%, #1a1207 100%);
  border-bottom: 1px solid var(--bs-border-color);
}

/* Bandeau ticker défilant — pur Bootstrap + style par id. */
#ticker { background: #11161d; border-bottom: 1px solid var(--bs-border-color); }

/* Bloc texte SEO : placé haut dans le DOM, repositionné visuellement en bas
   via la classe Bootstrap `order-last`. */
main.d-flex > section { order: 0; }

.card { transition: transform .15s ease, box-shadow .2s ease; }
.card:hover { transform: translateY(-3px); box-shadow: 0 .6rem 1.6rem rgba(0,0,0,.45); }