/* Police globale */
html, body {
    font-family: 'Open Sans', sans-serif !important;
}
/* Taille de la police */
body {
    font-size: 16px !important;
}
h1 { font-size: 32px !important; }
h2 { font-size: 24px !important; }
h3 { font-size: 20px !important; }
h4 { font-size: 18px !important; }
h5 { font-size: 16px !important; }
h6 { font-size: 14px !important; }
p, li, ul, code, a {
    font-size: 16px !important;
}

/* Fond blanc pour le menu */
.slideout-menu {
    background-color: #ffffff !important;
}
/* Fond transparent pour les éléments de la liste et les liens */
.sidebar-nav .metismenu li,
.sidebar-nav .metismenu a {
    background: #ffffff !important;
    color: #000000 !important;
}
/* Fond gris clair au survol */
.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a:focus {
    background-color: #F5F5F5 !important;
    color: #000000 !important;
}
/* Fond transparent pour les sous-menus */
.sidebar-nav .metismenu ul > li {
    background: transparent !important;
    border-left: 4px solid #e0e0e0 !important;
}
/* Fond gris clair pour l'élément actif */
.sidebar-nav .metismenu .active-page {
    background-color: #f0f0f0 !important;
    color: #000000 !important;
    font-weight: 500 !important;
}
/* Fond transparent pour le brand du menu */
.sidebar-nav .metismenu .sidebar-brand {
    background: transparent !important;
    color: #000000 !important;
}
/* Espace blanc en bas du menu (même couleur que le fond) */
.sidebar-nav .metismenu {
    padding-bottom: 60px !important; /* Hauteur de l'espace */
    background-color: #ffffff !important; /* Fond blanc */
}

/* Scrollbar blanche pour le MENU */
.slideout-menu::-webkit-scrollbar {
    width: 6px;
}
.slideout-menu::-webkit-scrollbar-track {
    background: #ffffff !important;
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.9) !important;
}
.slideout-menu::-webkit-scrollbar-thumb {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 3px !important;
}
.slideout-menu::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.8) !important;
}
.slideout-menu {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

/* Scrollbar blanche pour TOUTE LA PAGE */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #ffffff !important;
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.9) !important;
}
::-webkit-scrollbar-thumb {
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 4px !important;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.8) !important;
}
html {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
body {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}
/* Désactive les transitions et fonds indésirables */
.slideout-menu {
  transition: none !important;
  background-color: inherit !important;
}

.slideout-panel {
  transition: none !important;
}

/* Force l'opacité pendant le chargement */
.slideout-menu, .slideout-panel {
  opacity: 1 !important;
}
/* Corrigé pour le menu Slideout */
.slideout-menu {
  transition: none !important;
  background-color: #ffffff !important; /* Couleur de fond du menu */
}

.slideout-menu .menu-item.logo a {
  background-color: transparent !important;
  color: #2c3e50 !important; /* Couleur du texte du titre */
}

/* Désactive les transitions pour éviter le flash */
.slideout-menu, .slideout-panel {
  transition: none !important;
}