/* ===================================
   RÉDUCTION DU PADDING VERTICAL DES THÈMES UNIQUEMENT
   Diminue l'espacement haut/bas pour rapprocher les thèmes
   NE TOUCHE PAS AUX LEÇONS (sous-menus)
   =================================== */

/* Cibler UNIQUEMENT les thèmes principaux (pas les leçons) */
.sidebar-menu > .sidebar-menu-item > .sidebar-menu-button {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.4 !important;
}

/* Spécifique pour les thèmes avec la classe theme-item-flex */
.sidebar-menu > .sidebar-menu-item > .theme-item-flex {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1.4 !important;
}

/* Garder le padding horizontal intact (20px = 1.5rem à gauche, 12px = 0.75rem à droite) */
.sidebar-menu > .sidebar-menu-item > .sidebar-menu-button {
    padding-left: 1.5rem !important;
    padding-right: 0.75rem !important;
}

/* ===================================
   CORRECTION DU PADDING-RIGHT DES LEÇONS
   Réduit le padding à droite pour que la flèche orange soit visible
   =================================== */
.sidebar-submenu .sidebar-menu-button {
    padding-right: 0.5rem !important; /* Réduit de 20px à 8px pour laisser place à la flèche */
}