/* MyEureka Theme - habillage sombre du thème Geeks (v1.0.0)
 * ---------------------------------------------------------------------------
 * S'applique uniquement lorsque le thème résolu est sombre
 * (html[data-meph-theme-resolved="dark"]). En clair, Geeks garde son aspect
 * d'origine ; seules les couleurs de la barre de menu éventuellement
 * personnalisées dans la palette sont appliquées (bloc final).
 *
 * Principe : les variables Bootstrap 5.3 de Geeks sont redirigées vers les
 * tokens MyEureka (--me-*). Les couleurs codées en dur de Geeks (barre de
 * menu blanche, liens #18113C, utilitaires .bg-white / .text-dark) sont
 * surchargées avec !important car Geeks les force lui-même.
 * ------------------------------------------------------------------------- */

/* ===== 0. Empilement (deux thèmes) ========================================
   Sur les pages de leçon et de quiz, l'en-tête d'apprentissage de Tutor LMS 4
   (.tutor-learning-header, sticky, z-index 21) passait au-dessus de la barre
   de menu Geeks (z-index 2) et donc de ses menus déroulants. La barre reprend
   la valeur Bootstrap d'une barre fixe (1030) : ses menus s'ouvrent au-dessus
   de la page, sous les fenêtres modales (Tutor >= 99999). */
nav.navbar.navbar-default { position: relative; z-index: 1030 !important; }
nav.navbar.navbar-default.navbar-sticky.fixed-top,
nav.navbar.navbar-default.navbar-sticky.sticky { z-index: 1030 !important; }

/* ===== 1. Variables Bootstrap -> tokens ================================== */
html[data-meph-theme-resolved="dark"] {
  color-scheme: dark;
  --bs-body-bg: var(--me-bg);
  --bs-body-bg-rgb: 11, 11, 21;
  --bs-body-color: var(--me-text-2);
  --bs-body-color-rgb: 185, 183, 214;
  --bs-emphasis-color: var(--me-text);
  --bs-emphasis-color-rgb: 244, 243, 255;
  --bs-heading-color: var(--me-text);
  --bs-secondary-color: var(--me-text-3);
  --bs-tertiary-color: var(--me-text-4);
  --bs-secondary-bg: var(--me-surface-2);
  --bs-tertiary-bg: var(--me-surface);
  --bs-border-color: var(--me-border);
  --bs-border-color-translucent: var(--me-border);
  --bs-link-color: var(--me-link);
  --bs-link-hover-color: var(--me-link-hover);
  --bs-link-color-rgb: 179, 157, 255;
  --bs-link-hover-color-rgb: 205, 189, 255;
  --bs-code-color: var(--me-highlight);
  --bs-primary: var(--me-primary);
  --bs-primary-rgb: 112, 80, 255;
  --bs-light: var(--me-surface-2);
  --bs-light-rgb: 29, 29, 51;
  --bs-dark: var(--me-text);
  --bs-dark-rgb: 244, 243, 255;
  --bs-primary-text-emphasis: var(--me-highlight);
  --bs-secondary-text-emphasis: var(--me-text-2);
  --bs-success-text-emphasis: var(--me-success-text);
  --bs-info-text-emphasis: var(--me-info-text);
  --bs-warning-text-emphasis: var(--me-warning-text);
  --bs-danger-text-emphasis: var(--me-danger-text);
  --bs-light-text-emphasis: var(--me-text);
  --bs-dark-text-emphasis: var(--me-text);
  --bs-primary-bg-subtle: var(--me-primary-soft);
  --bs-secondary-bg-subtle: var(--me-surface-2);
  --bs-success-bg-subtle: var(--me-success-soft);
  --bs-info-bg-subtle: var(--me-info-soft);
  --bs-warning-bg-subtle: var(--me-warning-soft);
  --bs-danger-bg-subtle: var(--me-danger-soft);
  --bs-light-bg-subtle: var(--me-surface);
  --bs-dark-bg-subtle: var(--me-inset);
  --bs-primary-border-subtle: var(--me-border-brand);
  --bs-secondary-border-subtle: var(--me-border-strong);
  --bs-light-border-subtle: var(--me-border);
  --bs-dark-border-subtle: var(--me-border-strong);
  --bs-box-shadow: var(--me-shadow-1);
  --bs-box-shadow-sm: var(--me-shadow-1);
  --bs-box-shadow-lg: var(--me-shadow-2);
}

/* ===== 2. Page ============================================================ */
html[data-meph-theme-resolved="dark"] body,
html[data-meph-theme-resolved="dark"] body.bg-white { background-color: var(--me-bg) !important; color: var(--me-text-2); }
html[data-meph-theme-resolved="dark"] :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) { color: var(--me-text); }
html[data-meph-theme-resolved="dark"] a { color: var(--me-link); }
html[data-meph-theme-resolved="dark"] a:hover { color: var(--me-link-hover); }
html[data-meph-theme-resolved="dark"] hr { border-color: var(--me-border); opacity: 1; }
html[data-meph-theme-resolved="dark"] ::selection { background: var(--me-primary-soft-2); color: var(--me-text); }
html[data-meph-theme-resolved="dark"] .elementor-heading-title,
html[data-meph-theme-resolved="dark"] .elementor-widget-heading .elementor-heading-title { color: var(--me-text); }
html[data-meph-theme-resolved="dark"] .elementor-widget-text-editor { color: var(--me-text-2); }
html[data-meph-theme-resolved="dark"] .page-header,
html[data-meph-theme-resolved="dark"] .pt-lg-8.pb-lg-16,
html[data-meph-theme-resolved="dark"] .bg-gray-100,
html[data-meph-theme-resolved="dark"] .bg-gray-200 { background-color: var(--me-bg-2) !important; }

/* Utilitaires Geeks / Bootstrap codés en dur */
html[data-meph-theme-resolved="dark"] .bg-white:not(body) { background-color: var(--me-surface) !important; }
html[data-meph-theme-resolved="dark"] .bg-light { background-color: var(--me-bg-2) !important; }
html[data-meph-theme-resolved="dark"] .bg-body,
html[data-meph-theme-resolved="dark"] .bg-body-tertiary { background-color: var(--me-bg) !important; }
html[data-meph-theme-resolved="dark"] .bg-body-secondary { background-color: var(--me-surface) !important; }
html[data-meph-theme-resolved="dark"] .text-dark,
html[data-meph-theme-resolved="dark"] .text-black,
html[data-meph-theme-resolved="dark"] .text-body,
html[data-meph-theme-resolved="dark"] .text-body-emphasis,
html[data-meph-theme-resolved="dark"] .text-gray-800,
html[data-meph-theme-resolved="dark"] .text-gray-900 { color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] .text-muted,
html[data-meph-theme-resolved="dark"] .text-secondary,
html[data-meph-theme-resolved="dark"] .text-body-secondary,
html[data-meph-theme-resolved="dark"] .text-gray-600,
html[data-meph-theme-resolved="dark"] .text-gray-700 { color: var(--me-text-3) !important; }
html[data-meph-theme-resolved="dark"] .text-primary { color: var(--me-highlight) !important; }
html[data-meph-theme-resolved="dark"] .border,
html[data-meph-theme-resolved="dark"] .border-top,
html[data-meph-theme-resolved="dark"] .border-bottom,
html[data-meph-theme-resolved="dark"] .border-start,
html[data-meph-theme-resolved="dark"] .border-end { border-color: var(--me-border) !important; }
html[data-meph-theme-resolved="dark"] .shadow-sm,
html[data-meph-theme-resolved="dark"] .shadow { box-shadow: var(--me-shadow-1) !important; }
html[data-meph-theme-resolved="dark"] .shadow-lg { box-shadow: var(--me-shadow-2) !important; }

/* ===== 3. Barre de menu Geeks ============================================ */
html[data-meph-theme-resolved="dark"] .navbar.navbar-default,
html[data-meph-theme-resolved="dark"] .navbar-default,
html[data-meph-theme-resolved="dark"] .navbar-default.navbar-stuck,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-collapse {
  background-color: var(--me-nav-bg, var(--me-panel)) !important;
}
html[data-meph-theme-resolved="dark"] .navbar.navbar-default {
  box-shadow: 0 1px 0 var(--me-border), 0 6px 24px rgba(0, 0, 0, .35) !important;
  --bs-navbar-color: var(--me-nav-text, var(--me-text-2));
  --bs-navbar-hover-color: var(--me-text);
  --bs-navbar-active-color: var(--me-highlight);
  --bs-navbar-brand-color: var(--me-text);
  --bs-navbar-brand-hover-color: var(--me-text);
  --bs-navbar-toggler-border-color: var(--me-border);
}
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .nav-link,
html[data-meph-theme-resolved="dark"] .navbar-default .nav-link,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .nav-link > span,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .dropdown-toggle { color: var(--me-nav-text, var(--me-text-2)) !important; }
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .nav-link:hover,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .nav-link:focus,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .nav-link:hover > span,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .show > .nav-link { color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .nav-link.active,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .active > .nav-link,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .current-menu-item > .nav-link,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .current-menu-ancestor > .nav-link,
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-nav .current_page_item > .nav-link { color: var(--me-highlight) !important; }
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-toggler { border-color: var(--me-border); background: transparent; }
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-toggler .icon-bar,
html[data-meph-theme-resolved="dark"] .navbar-toggler .icon-bar { background-color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-toggler-icon { filter: invert(1) hue-rotate(180deg); }
html[data-meph-theme-resolved="dark"] .navbar-default .navbar-brand { color: var(--me-text); }
html[data-meph-theme-resolved="dark"] .navbar-default .avatar img { box-shadow: 0 0 0 2px var(--me-border-strong); }
/* Sous-menus de navigation (Geeks ouvre les .dropdown-menu au survol) */
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu,
html[data-meph-theme-resolved="dark"] .navbar-default .sub-menu { background-color: var(--me-surface-2) !important; border: 1px solid var(--me-border) !important; box-shadow: var(--me-shadow-2) !important; }
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu .dropdown-item,
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu a,
html[data-meph-theme-resolved="dark"] .navbar-default .sub-menu a { color: var(--me-text-2) !important; }
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu .dropdown-item:hover,
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu .dropdown-item:focus,
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu a:hover,
html[data-meph-theme-resolved="dark"] .navbar-default .sub-menu a:hover { color: var(--me-text) !important; background-color: var(--me-primary-soft) !important; }
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu .dropdown-header,
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu h5,
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu .dropdown-item-text { color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu .dropdown-divider { border-color: var(--me-border) !important; opacity: 1; }
html[data-meph-theme-resolved="dark"] .navbar-default .dropdown-menu .text-muted { color: var(--me-text-3) !important; }

/* En-tête GamiPress (classe, barre de progression, points) dans la barre */
html[data-meph-theme-resolved="dark"] .gamipress-header .class-label,
html[data-meph-theme-resolved="dark"] .gamipress-header .class-label strong,
html[data-meph-theme-resolved="dark"] .gamipress-header .point-item-text { color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] .gamipress-header .class-label span { color: var(--me-text-3) !important; }
html[data-meph-theme-resolved="dark"] .gamipress-header .class-progress { background-color: var(--me-progress-track) !important; }
html[data-meph-theme-resolved="dark"] .gamipress-header .class-bar { background: var(--me-gradient-brand) !important; }

/* ===== 4. Composants Bootstrap ============================================ */
html[data-meph-theme-resolved="dark"] .card {
  --bs-card-bg: var(--me-card);
  --bs-card-color: var(--me-text-2);
  --bs-card-title-color: var(--me-text);
  --bs-card-subtitle-color: var(--me-text-3);
  --bs-card-border-color: var(--me-border);
  --bs-card-cap-bg: var(--me-surface-2);
  --bs-card-cap-color: var(--me-text);
  background-color: var(--me-card);
  color: var(--me-text-2);
  border-color: var(--me-border);
  box-shadow: var(--me-shadow-1);
}
html[data-meph-theme-resolved="dark"] .card .card-header,
html[data-meph-theme-resolved="dark"] .card .card-footer { border-color: var(--me-border); }
html[data-meph-theme-resolved="dark"] .dropdown-menu {
  --bs-dropdown-bg: var(--me-surface-2);
  --bs-dropdown-color: var(--me-text-2);
  --bs-dropdown-border-color: var(--me-border);
  --bs-dropdown-divider-bg: var(--me-border);
  --bs-dropdown-link-color: var(--me-text-2);
  --bs-dropdown-link-hover-color: var(--me-text);
  --bs-dropdown-link-hover-bg: var(--me-primary-soft);
  --bs-dropdown-link-active-color: var(--me-on-primary);
  --bs-dropdown-link-active-bg: var(--me-primary);
  --bs-dropdown-link-disabled-color: var(--me-text-4);
  --bs-dropdown-header-color: var(--me-text-3);
  --bs-dropdown-box-shadow: var(--me-shadow-2);
  box-shadow: var(--me-shadow-2);
}
html[data-meph-theme-resolved="dark"] .modal {
  --bs-modal-bg: var(--me-surface);
  --bs-modal-color: var(--me-text-2);
  --bs-modal-border-color: var(--me-border);
  --bs-modal-header-border-color: var(--me-border);
  --bs-modal-footer-border-color: var(--me-border);
  --bs-modal-box-shadow: var(--me-shadow-3);
}
html[data-meph-theme-resolved="dark"] .modal-backdrop { --bs-backdrop-bg: #04030c; --bs-backdrop-opacity: .72; }
html[data-meph-theme-resolved="dark"] .offcanvas,
html[data-meph-theme-resolved="dark"] .offcanvas-lg,
html[data-meph-theme-resolved="dark"] .offcanvas-md { --bs-offcanvas-bg: var(--me-surface); --bs-offcanvas-color: var(--me-text-2); --bs-offcanvas-border-color: var(--me-border); }
html[data-meph-theme-resolved="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
html[data-meph-theme-resolved="dark"] .list-group {
  --bs-list-group-bg: var(--me-card);
  --bs-list-group-color: var(--me-text-2);
  --bs-list-group-border-color: var(--me-border);
  --bs-list-group-action-color: var(--me-text-2);
  --bs-list-group-action-hover-color: var(--me-text);
  --bs-list-group-action-hover-bg: var(--me-surface-2);
  --bs-list-group-action-active-bg: var(--me-surface-3);
  --bs-list-group-active-bg: var(--me-primary);
  --bs-list-group-active-border-color: var(--me-primary);
  --bs-list-group-disabled-color: var(--me-text-4);
  --bs-list-group-disabled-bg: var(--me-card);
}
html[data-meph-theme-resolved="dark"] .table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--me-text-2);
  --bs-table-border-color: var(--me-border);
  --bs-table-striped-bg: var(--me-surface-2);
  --bs-table-striped-color: var(--me-text);
  --bs-table-hover-bg: var(--me-surface-2);
  --bs-table-hover-color: var(--me-text);
  --bs-table-active-bg: var(--me-surface-3);
}
html[data-meph-theme-resolved="dark"] .table > thead th,
html[data-meph-theme-resolved="dark"] .table thead { color: var(--me-text); background-color: var(--me-surface-2); }
html[data-meph-theme-resolved="dark"] .accordion {
  --bs-accordion-bg: var(--me-card);
  --bs-accordion-color: var(--me-text-2);
  --bs-accordion-border-color: var(--me-border);
  --bs-accordion-btn-color: var(--me-text);
  --bs-accordion-btn-bg: var(--me-card);
  --bs-accordion-active-bg: var(--me-surface-2);
  --bs-accordion-active-color: var(--me-highlight);
}
html[data-meph-theme-resolved="dark"] .accordion-button::after { filter: invert(1) hue-rotate(180deg); }
html[data-meph-theme-resolved="dark"] .nav-tabs { --bs-nav-tabs-border-color: var(--me-border); --bs-nav-tabs-link-active-color: var(--me-text); --bs-nav-tabs-link-active-bg: var(--me-surface); --bs-nav-tabs-link-active-border-color: var(--me-border) var(--me-border) var(--me-surface); --bs-nav-tabs-link-hover-border-color: var(--me-border); }
html[data-meph-theme-resolved="dark"] .nav-pills { --bs-nav-pills-link-active-bg: var(--me-primary); --bs-nav-pills-link-active-color: var(--me-on-primary); }
html[data-meph-theme-resolved="dark"] .nav { --bs-nav-link-color: var(--me-text-2); --bs-nav-link-hover-color: var(--me-text); --bs-nav-link-disabled-color: var(--me-text-4); }
html[data-meph-theme-resolved="dark"] .pagination {
  --bs-pagination-bg: var(--me-surface);
  --bs-pagination-color: var(--me-text-2);
  --bs-pagination-border-color: var(--me-border);
  --bs-pagination-hover-bg: var(--me-surface-2);
  --bs-pagination-hover-color: var(--me-text);
  --bs-pagination-hover-border-color: var(--me-border-strong);
  --bs-pagination-focus-bg: var(--me-surface-2);
  --bs-pagination-focus-color: var(--me-text);
  --bs-pagination-active-bg: var(--me-primary);
  --bs-pagination-active-border-color: var(--me-primary);
  --bs-pagination-disabled-bg: var(--me-inset);
  --bs-pagination-disabled-color: var(--me-text-4);
  --bs-pagination-disabled-border-color: var(--me-border);
}
html[data-meph-theme-resolved="dark"] .breadcrumb { --bs-breadcrumb-divider-color: var(--me-text-4); --bs-breadcrumb-item-active-color: var(--me-text); }
html[data-meph-theme-resolved="dark"] .breadcrumb a { color: var(--me-text-3); }
html[data-meph-theme-resolved="dark"] .alert { --bs-alert-bg: var(--me-surface-2); --bs-alert-color: var(--me-text); --bs-alert-border-color: var(--me-border); }
html[data-meph-theme-resolved="dark"] .alert-success { --bs-alert-bg: var(--me-success-soft); --bs-alert-color: var(--me-success-text); --bs-alert-border-color: transparent; }
html[data-meph-theme-resolved="dark"] .alert-warning { --bs-alert-bg: var(--me-warning-soft); --bs-alert-color: var(--me-warning-text); --bs-alert-border-color: transparent; }
html[data-meph-theme-resolved="dark"] .alert-danger { --bs-alert-bg: var(--me-danger-soft); --bs-alert-color: var(--me-danger-text); --bs-alert-border-color: transparent; }
html[data-meph-theme-resolved="dark"] .alert-info,
html[data-meph-theme-resolved="dark"] .alert-primary { --bs-alert-bg: var(--me-info-soft); --bs-alert-color: var(--me-info-text); --bs-alert-border-color: transparent; }
html[data-meph-theme-resolved="dark"] .toast { --bs-toast-bg: var(--me-surface-2); --bs-toast-color: var(--me-text); --bs-toast-border-color: var(--me-border); --bs-toast-header-bg: var(--me-surface-3); --bs-toast-header-color: var(--me-text); }
html[data-meph-theme-resolved="dark"] .popover { --bs-popover-bg: var(--me-surface-2); --bs-popover-body-color: var(--me-text-2); --bs-popover-header-bg: var(--me-surface-3); --bs-popover-header-color: var(--me-text); --bs-popover-border-color: var(--me-border); }
html[data-meph-theme-resolved="dark"] .tooltip { --bs-tooltip-bg: var(--me-text); --bs-tooltip-color: var(--me-text-inverse); }
html[data-meph-theme-resolved="dark"] .progress { --bs-progress-bg: var(--me-progress-track); --bs-progress-bar-bg: var(--me-primary); }
html[data-meph-theme-resolved="dark"] .badge.bg-light,
html[data-meph-theme-resolved="dark"] .badge.bg-white,
html[data-meph-theme-resolved="dark"] .badge.text-bg-light { background-color: var(--me-surface-3) !important; color: var(--me-text) !important; }
html[data-meph-theme-resolved="dark"] .badge.bg-light-primary,
html[data-meph-theme-resolved="dark"] .bg-light-primary { background-color: var(--me-primary-soft) !important; color: var(--me-highlight) !important; }
html[data-meph-theme-resolved="dark"] .bg-light-success { background-color: var(--me-success-soft) !important; color: var(--me-success-text) !important; }
html[data-meph-theme-resolved="dark"] .bg-light-warning { background-color: var(--me-warning-soft) !important; color: var(--me-warning-text) !important; }
html[data-meph-theme-resolved="dark"] .bg-light-danger { background-color: var(--me-danger-soft) !important; color: var(--me-danger-text) !important; }
html[data-meph-theme-resolved="dark"] .bg-light-info { background-color: var(--me-info-soft) !important; color: var(--me-info-text) !important; }

/* Boutons neutres de Geeks */
html[data-meph-theme-resolved="dark"] .btn-white,
html[data-meph-theme-resolved="dark"] .btn-light {
  --bs-btn-bg: var(--me-surface-2); --bs-btn-color: var(--me-text); --bs-btn-border-color: var(--me-border);
  --bs-btn-hover-bg: var(--me-surface-3); --bs-btn-hover-color: var(--me-text); --bs-btn-hover-border-color: var(--me-border-strong);
  --bs-btn-active-bg: var(--me-surface-3); --bs-btn-active-color: var(--me-text); --bs-btn-active-border-color: var(--me-border-strong);
}
html[data-meph-theme-resolved="dark"] .btn-outline-white,
html[data-meph-theme-resolved="dark"] .btn-outline-dark,
html[data-meph-theme-resolved="dark"] .btn-outline-secondary {
  --bs-btn-color: var(--me-text); --bs-btn-border-color: var(--me-border-strong);
  --bs-btn-hover-bg: var(--me-surface-2); --bs-btn-hover-color: var(--me-text); --bs-btn-hover-border-color: var(--me-border-strong);
}
html[data-meph-theme-resolved="dark"] .btn-dark { --bs-btn-bg: var(--me-inverse-bg); --bs-btn-color: var(--me-inverse-text); --bs-btn-border-color: var(--me-inverse-bg); --bs-btn-hover-bg: var(--me-surface-3); --bs-btn-hover-border-color: var(--me-surface-3); }
html[data-meph-theme-resolved="dark"] .btn-primary { --bs-btn-bg: var(--me-primary); --bs-btn-border-color: var(--me-primary); --bs-btn-color: var(--me-on-primary); --bs-btn-hover-bg: var(--me-primary-hover); --bs-btn-hover-border-color: var(--me-primary-hover); --bs-btn-active-bg: var(--me-primary-active); --bs-btn-active-border-color: var(--me-primary-active); --bs-btn-disabled-bg: var(--me-primary); --bs-btn-disabled-border-color: var(--me-primary); }
html[data-meph-theme-resolved="dark"] .btn-outline-primary { --bs-btn-color: var(--me-highlight); --bs-btn-border-color: var(--me-primary); --bs-btn-hover-bg: var(--me-primary); --bs-btn-hover-color: var(--me-on-primary); --bs-btn-hover-border-color: var(--me-primary); }

/* Formulaires */
html[data-meph-theme-resolved="dark"] .form-control,
html[data-meph-theme-resolved="dark"] .form-select,
html[data-meph-theme-resolved="dark"] .form-control:focus,
html[data-meph-theme-resolved="dark"] .form-select:focus,
html[data-meph-theme-resolved="dark"] .input-group-text,
html[data-meph-theme-resolved="dark"] .bootstrap-select .dropdown-toggle,
html[data-meph-theme-resolved="dark"] textarea,
html[data-meph-theme-resolved="dark"] select,
html[data-meph-theme-resolved="dark"] input:is([type="text"], [type="email"], [type="password"], [type="search"], [type="number"], [type="tel"], [type="url"], [type="date"]) {
  background-color: var(--me-input-bg); color: var(--me-text); border-color: var(--me-input-border);
}
html[data-meph-theme-resolved="dark"] .form-control:focus,
html[data-meph-theme-resolved="dark"] .form-select:focus { border-color: var(--me-primary); box-shadow: var(--me-focus-ring); }
html[data-meph-theme-resolved="dark"] .form-control::placeholder,
html[data-meph-theme-resolved="dark"] textarea::placeholder,
html[data-meph-theme-resolved="dark"] input::placeholder { color: var(--me-input-placeholder); opacity: 1; }
html[data-meph-theme-resolved="dark"] .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23b9b7d6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
html[data-meph-theme-resolved="dark"] .form-check-input { background-color: var(--me-input-bg); border-color: var(--me-border-strong); }
html[data-meph-theme-resolved="dark"] .form-check-input:checked { background-color: var(--me-primary); border-color: var(--me-primary); }
html[data-meph-theme-resolved="dark"] .form-label,
html[data-meph-theme-resolved="dark"] label { color: var(--me-text-2); }
html[data-meph-theme-resolved="dark"] .form-text { color: var(--me-text-3); }
html[data-meph-theme-resolved="dark"] .form-control:disabled,
html[data-meph-theme-resolved="dark"] .form-select:disabled { background-color: var(--me-inset); color: var(--me-text-4); }

/* ===== 5. Pied de page ==================================================== */
html[data-meph-theme-resolved="dark"] footer,
html[data-meph-theme-resolved="dark"] .footer,
html[data-meph-theme-resolved="dark"] .site-footer,
html[data-meph-theme-resolved="dark"] .footer-bottom { background-color: var(--me-bg-2); color: var(--me-text-2); border-color: var(--me-border); }
html[data-meph-theme-resolved="dark"] footer :is(h1, h2, h3, h4, h5, h6, .footer-heading) { color: var(--me-text); }
html[data-meph-theme-resolved="dark"] footer a:not(.btn) { color: var(--me-text-2); }
html[data-meph-theme-resolved="dark"] footer a:not(.btn):hover { color: var(--me-text); }
html[data-meph-theme-resolved="dark"] footer .border-top,
html[data-meph-theme-resolved="dark"] footer hr { border-color: var(--me-border) !important; }

/* ===== 6. Divers Geeks ==================================================== */
html[data-meph-theme-resolved="dark"] .avatar img { background-color: var(--me-surface-2); }
html[data-meph-theme-resolved="dark"] .icon-shape.bg-light,
html[data-meph-theme-resolved="dark"] .icon-shape.bg-white { background-color: var(--me-surface-3) !important; color: var(--me-highlight) !important; }
html[data-meph-theme-resolved="dark"] .section-title-small,
html[data-meph-theme-resolved="dark"] .lead { color: var(--me-text-2); }
html[data-meph-theme-resolved="dark"] .page-item .page-link { background-color: var(--me-surface); color: var(--me-text-2); border-color: var(--me-border); }
html[data-meph-theme-resolved="dark"] .page-numbers:not(.current) { background-color: var(--me-surface); color: var(--me-text-2); border-color: var(--me-border); }
html[data-meph-theme-resolved="dark"] .page-numbers.current { background-color: var(--me-primary); color: var(--me-on-primary); border-color: var(--me-primary); }
html[data-meph-theme-resolved="dark"] .mfp-bg { background: var(--me-overlay); }
html[data-meph-theme-resolved="dark"] .tippy-box { background-color: var(--me-text); color: var(--me-text-inverse); }
html[data-meph-theme-resolved="dark"] pre,
html[data-meph-theme-resolved="dark"] code:not(pre code) { background-color: var(--me-inset); color: var(--me-highlight); }
html[data-meph-theme-resolved="dark"] blockquote { border-color: var(--me-border-brand); color: var(--me-text-2); }
html[data-meph-theme-resolved="dark"] img.dark-invert,
html[data-meph-theme-resolved="dark"] .invert-on-dark { filter: invert(1) hue-rotate(180deg); }
/* Commentaires et contenu WordPress natif */
html[data-meph-theme-resolved="dark"] .wp-block-quote,
html[data-meph-theme-resolved="dark"] .wp-block-table td,
html[data-meph-theme-resolved="dark"] .wp-block-table th { border-color: var(--me-border); color: var(--me-text-2); }
html[data-meph-theme-resolved="dark"] .comment-list .comment-body,
html[data-meph-theme-resolved="dark"] .comment-respond { background-color: var(--me-card); color: var(--me-text-2); border-color: var(--me-border); }

/* ===== 7. Mode clair : uniquement les couleurs personnalisées de la barre ===== */
html[data-meph-theme-resolved="light"] .navbar.navbar-default,
html[data-meph-theme-resolved="light"] .navbar-default .navbar-collapse { background-color: var(--me-nav-bg, #ffffff) !important; }
html[data-meph-theme-resolved="light"] .navbar-default .navbar-nav .nav-link,
html[data-meph-theme-resolved="light"] .navbar-default .navbar-nav .nav-link > span { color: var(--me-nav-text, #18113c) !important; }
html[data-meph-theme-resolved="light"] .navbar-default .navbar-nav .nav-link:hover,
html[data-meph-theme-resolved="light"] .navbar-default .navbar-nav .nav-link:hover > span,
html[data-meph-theme-resolved="light"] .navbar-default .navbar-nav .nav-link.active,
html[data-meph-theme-resolved="light"] .navbar-default .navbar-nav .current-menu-item > .nav-link { color: var(--me-primary, #754ffe) !important; }

/* Listes déroulantes natives : options lisibles en sombre (macOS affiche sinon un
   texte clair sur un menu blanc). */
html[data-meph-theme-resolved="dark"] select option,
html[data-meph-theme-resolved="dark"] select optgroup { background-color: var(--me-surface) !important; color: var(--me-text) !important; }