/* =========================================================================
   COMPATIBILITÉ DES THÈMES CLAIR / SOMBRE
   -------------------------------------------------------------------------
   Des gabarits posent des classes utilitaires Bootstrap pensées pour le mode
   clair (`bg-light`, `text-bg-light`, `text-dark`) ou une couleur de texte héritée
   des titres sur un fond de couleur fixe. Le contenu suit le thème, pas le fond :
   on obtient du texte clair sur fond clair en sombre, ou du texte noir sur un
   bandeau bleu en clair.

   Ce fichier est chargé par le site (base.html.twig) et par l'administration
   (DashboardController::configureAssets). Les jetons --ds-* n'existent pas dans
   l'administration, et y gardent leurs valeurs claires en mode sombre : on s'appuie
   donc sur les variables Bootstrap (--bs-body-color, --bs-tertiary-bg,
   --bs-secondary-color), que les deux mondes font suivre le thème.
   Dans l'administration, EasyAdmin pose data-bs-theme sur <body>, pas sur <html>, et
   range tout son CSS dans des couches (@layer) : pour des déclarations `!important`,
   une couche l'emporte sur du CSS hors couche, et la première couche l'emporte sur les
   suivantes. Les règles qui doivent battre celles d'EasyAdmin vivent donc dans sa couche
   prévue à cet effet, `ea-overrides`, déclarée en tête. Sur le site, la couche est sans
   effet fâcheux : elle ne fait que passer devant le CSS Bootstrap, lui aussi hors couche.
   ========================================================================= */

@layer ea-overrides {

/* --- Mode sombre : surfaces et textes posés en clair ------------------- */

[data-bs-theme='dark'] .bg-light,
[data-bs-theme='dark'] .text-bg-light {
  background-color: var(--bs-tertiary-bg, #1c2733) !important;
  color: var(--bs-body-color, #e9eff7) !important;
}

/* `text-dark` reste noir là où il pose du noir sur un aplat clair (pastilles jaunes, bleues, vertes). */
[data-bs-theme='dark'] .text-dark:not(.bg-warning):not(.bg-info):not(.bg-success):not(.bg-light):not(.text-bg-warning):not(.text-bg-info) {
  color: var(--bs-body-color, #e9eff7) !important;
}

/* --- Pastilles à fond de couleur vive : le texte doit contraster avec leur fond --- */

.badge.bg-warning,
.badge.bg-info {
  color: #1f2328 !important;
}

.badge.bg-success,
.badge.bg-danger,
.badge.bg-primary,
.badge.bg-secondary,
.badge.bg-dark {
  color: #fff !important;
}

/* --- Textes « atténués » --------------------------------------------------- */

[data-bs-theme='dark'] .text-muted {
  /* Valeur explicite : --bs-secondary-color vaut un gris (#737373) dans le thème sombre d'EasyAdmin. */
  color: #a3b4c6 !important;
}

/* Intitulés de groupe du menu de l'administration : trop pâles sur le fond clair. */
body:not([data-bs-theme='dark']) .ea-sidebar-group-label-text {
  color: #5b6b7f !important;
}

/* Pagination : une page indisponible reste lisible (elle n'est pas « absente »). */
.page-item.disabled .page-link {
  color: var(--bs-secondary-color) !important;
}

}

/* --- Bandeaux de couleur fixe : le texte reste blanc dans les deux modes --- */

.login-panel :is(h1, h2, h3, h4, h5, h6),
#faq_block :is(h1, h2, h3, h4, h5, h6, p, label, li) {
  color: #fff;
}

/* --- Onglet « Feedback » : blanc sur la couleur de la plateforme --------- */

.feedback-button:not(:hover),
.feedback-button:not(:hover):visited {
  color: #fff !important;
}