/*
 * dark-mode.css — compléments du thème sombre (cookie `dark`, classe `bootstrap-dark` sur <body>).
 *
 * Le thème vient du CDN (@forevolve/bootstrap-dark 1.0.0, toggle-bootstrap-dark.min.css) et pose sur
 * `.form-control` un texte gris clair (#dee2e6) sur fond noir, mais il ne dit rien des <option> et ne
 * déclare pas de `color-scheme`. La liste native qu'ouvre un <select> est un widget du navigateur, hors
 * page : selon le navigateur, elle garde un fond blanc (schéma clair par défaut) et hérite du texte gris
 * clair — les options existent mais sont illisibles, le menu paraît vide (signalé le 2026-11-02 sur
 * perf-redac.php par Anne-Laure, cf. docs/journal.md).
 *
 * Deux parades, cumulées :
 *   1. `color-scheme: dark` : les contrôles natifs (listes des <select>, cases, ascenseurs) se dessinent
 *      en schéma sombre, donc fond sombre pour la liste quand le navigateur ne reprend pas celui du champ ;
 *   2. fond et couleur EXPLICITES sur chaque <option> : les navigateurs qui peignent les options avec
 *      leurs propres styles (Chromium, Firefox) rendent du gris clair sur noir quoi qu'il arrive.
 *      Safari ignore les couleurs des options et affiche sa liste système : lisible par construction.
 *
 * Cette feuille est chargée APRÈS le thème du CDN et après style.css ; toutes ses règles sont préfixées
 * par `.bootstrap-dark`, donc le mode clair n'est pas touché.
 */

body.bootstrap-dark {
    color-scheme: dark;
}

.bootstrap-dark select.form-control option,
.bootstrap-dark select.form-control optgroup {
    background-color: #000;
    color: #dee2e6;
}