/* Essai de palette chargé uniquement par index.html. */
:root {
  --bouton-gris: #8c8c8c;
  --noir: #171717;
  --primary: var(--bouton-gris) !important;
  --bs-primary: var(--bouton-gris) !important;
  --bs-primary-rgb: 140, 140, 140 !important;
  --dark: var(--noir);
  --secondary: #fff;
  --ldj-primary: var(--bouton-gris) !important;
  --ldj-primary-dark: var(--bouton-gris) !important;
  --ldj-text: #606060;
  --ldj-title: #505050;
  --ldj-border: #8c8c8c;
  --ldj-soft: #fff;
  --ldj-bg: #fff;
}

body { color: var(--ldj-text); background: #fff; }
body .bg-dark { background-color: var(--noir) !important; }
body .text-secondary { color: #fff !important; }
body .text-primary, body .text-warning,
body a[style*="color:#f96d3a"],
#video-why .bi { color: var(--ldj-text) !important; }
footer .text-primary { color: #fff !important; }

/* Navigation existante : seul le traitement des couleurs change. */
.ldj-navigation .nav-link { color: #fff !important; }
.ldj-navigation .nav-link:hover,
.ldj-navigation .nav-link[aria-current],
.ldj-navigation .nav-link[aria-expanded="true"] {
  color: #fff !important;
  text-decoration: none;
}
.ldj-navigation .ldj-nav-option { color: var(--ldj-text); }
.ldj-navigation .ldj-nav-option:hover,
.ldj-navigation .ldj-nav-option:focus-visible {
  background: var(--noir); color: #fff;
}
.ldj-navigation a:focus-visible,
.ldj-navigation button:focus-visible { outline-color: #fff; }
.ldj-navigation .ldj-nav-panel a:focus-visible { outline-color: var(--noir); }

/* Grilles blanches, contours noirs fins, sans ombres ni beige. */
.premium-card, .editorial-card,
.premium-card:hover, .editorial-card:hover {
  background: #fff;
  border: 1px solid var(--noir);
}
.premium-sub-links a, .premium-sub-links span {
  display: inline-block;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid #8c8c8c;
  color: var(--ldj-text);
  font-size: .73rem;
  font-weight: 600;
  text-transform: uppercase;
}
.premium-sub-links a:hover,
.premium-sub-links a:focus-visible {
  background: var(--noir); border-color: var(--noir); color: #fff;
}
.journey-content .journey-link { color: var(--ldj-title); }
.journey-content .journey-link:hover { text-decoration: none; }
.journey-content a:focus-visible { outline-color: var(--noir); }
.hero-overlay-text .journey-link,
.journey-content .bg-dark .journey-link { color: #fff; }
.hero-overlay-text a:focus-visible { outline-color: #fff; }

/* Gris de la palette ; texte noir doux pour conserver le contraste. */
.journey-content .journey-primary,
.journey-content .journey-primary:hover,
.journey-content .journey-primary:focus,
body .btn-primary,
body .btn-primary:is(:hover, :focus, :active),
body .btn-outline-primary,
body .btn-outline-primary:is(:hover, :focus, :active),
.premium-main-link, .premium-main-link:hover,
.premium-secondary-link, .premium-secondary-link:hover {
  background: var(--bouton-gris) !important;
  border-color: var(--bouton-gris) !important;
  color: #171717 !important;
}
.journey-primary:hover, .btn-primary:hover { text-decoration: none; }
.footer-social .border-inner::before { border-color: var(--noir); }
.cta-final-box { border-radius: 0; }

/* Priorité sur les anciennes règles globales du site. */
body :is(.premium-card, .editorial-card) { border-color: var(--noir) !important; }
body :is(.section-title, .premium-card-title, .editorial-card .card-title) { color: var(--ldj-title) !important; }
body .premium-sub-links a { background: #fff; border: 1px solid #8c8c8c; color: var(--ldj-text); }
body .premium-sub-links a:is(:hover, :focus-visible) { background: var(--noir); border-color: var(--noir); color: #fff; }
body .navbar-dark .navbar-nav .nav-link:is(:hover, :focus-visible, .active, .show) { color: #fff !important; }
body :is(a, button, input, select, textarea):focus-visible { outline-color: var(--noir) !important; }
body .bg-dark :is(a, button):focus-visible { outline-color: #fff !important; }

/* Actions centrées, avec le même bouton gris sur tout l'accueil. */
.home-button-row { display: flex; justify-content: center; width: 100%; }
.hero-actions .home-button-row { width: auto; }
.journey-content .journey-primary { max-width: 100%; white-space: normal; }
#cta-final .d-flex { justify-content: center !important; }
.premium-sub-links { justify-content: center; }
body .premium-sub-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
body .premium-sub-links a:is(:hover, :focus-visible) {
  background: var(--bouton-gris);
  border-color: var(--bouton-gris);
  color: #171717;
}
.journey-content .journey-primary:hover { outline: 1px solid #292929; outline-offset: 2px; }