/* ═══════════════════════════════════════════════════════════════
   Thème "Mixte" — sidebar sombre, content + header clairs
   ─────────────────────────────────────────────────────────────────
   Activé par JS avec :
     - html[data-theme="light"]              (content clair)
     - body.has-dark-sidebar                 (sidebar sombre)
     - body SANS .dark-mode                  (pas dark pur)
   ═══════════════════════════════════════════════════════════════ */

/* Picker de thème dans le dropdown header : option active */
.theme-picker-option.active {
    background-color: rgba(96, 165, 250, 0.12);
    color: #60a5fa;
}
.theme-picker-option.active i {
    color: #60a5fa;
}

/* ═══════════════════════════════════════════════════════════════
   OVERRIDE FORCÉ : lisibilité du menu sidebar en dark & mixte
   Spécificité max (plusieurs IDs en série) pour battre toutes
   les règles du vendor style.css et des autres composants.
   ═══════════════════════════════════════════════════════════════ */

/* Fond général sidebar (redondance de protection) */
html body.has-dark-sidebar #sidebar,
html body.has-dark-sidebar #sidebar.sidebar-redesign-colored,
html body.has-dark-sidebar #sidebar.sidebar-redesign-white {
    background: #0B1120 !important;
    color: #E2E8F0 !important;
}

/* Items de menu — texte clair, lisible sur fond sombre */
html body.has-dark-sidebar #sidebar .sidebar-menu ul li a,
html body.has-dark-sidebar #sidebar .sidebar-menu ul li a span {
    color: #E2E8F0 !important;
}

html body.has-dark-sidebar #sidebar .sidebar-menu ul li a i,
html body.has-dark-sidebar #sidebar .sidebar-menu ul li a svg {
    color: #CBD5E1 !important;
}

/* Hover */
html body.has-dark-sidebar #sidebar .sidebar-menu ul li a:hover,
html body.has-dark-sidebar #sidebar .sidebar-menu ul li a:hover span,
html body.has-dark-sidebar #sidebar .sidebar-menu ul li a:hover i {
    color: #60A5FA !important;
}

html body.has-dark-sidebar #sidebar .sidebar-menu ul li a:hover {
    background: rgba(96, 165, 250, 0.08) !important;
}

/* Titres de section */
html body.has-dark-sidebar #sidebar .submenu-hdr,
html body.has-dark-sidebar #sidebar .sidebar-menu > ul > li .submenu-hdr {
    color: #94A3B8 !important;
    opacity: 0.7 !important;
}

/* Item actif */
html body.has-dark-sidebar #sidebar .sidebar-menu ul li.active > a,
html body.has-dark-sidebar #sidebar .sidebar-menu ul li.active > a span,
html body.has-dark-sidebar #sidebar .sidebar-menu ul li.active > a i {
    color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════
   Séparateurs visuels retirés (demande utilisateur)
   Force 0 sur border ET box-shadow pour tous les éléments
   susceptibles de créer une ligne dans la sidebar.
   ═══════════════════════════════════════════════════════════════ */

html #sidebar,
html #sidebar *,
html #sidebar::before,
html #sidebar::after,
html #sidebar ul,
html #sidebar li,
html #sidebar h6,
html #sidebar a,
html #sidebar .submenu-hdr,
html #sidebar .sidebar-menu,
html #sidebar .sidebar-menu ul,
html #sidebar .sidebar-menu li,
html #sidebar .sidebar-menu > ul > li,
html #sidebar .sidebar-menu > ul > li.submenu-open,
html #sidebar .sidebar-menu > ul > li.submenu-open ul,
html #sidebar .sidebar-menu > ul > li.submenu-open + li,
html #sidebar .sidebar-menu > ul > li.submenu-open + li.submenu-open,
html #sidebar .sidebar-menu ul li a,
html #sidebar .sidebar-menu .submenu,
html #sidebar .sidebar-menu .submenu ul,
html #sidebar .sidebar-menu .submenu ul li {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

/* Annule aussi les pseudo-éléments qui simulent des lignes horizontales
   (on garde les ::before circulaires des .submenu-hdr qui font 5×5 px
   ce ne sont pas des lignes). */
html #sidebar .sidebar-menu > ul > li::after,
html #sidebar .sidebar-menu > ul > li::before,
html #sidebar .sidebar-menu ul li a::after {
    border: 0 !important;
    background: transparent !important;
    height: 0 !important;
    display: none !important;
}