/* Liens cliquables en bleu dans les listes Unfold */
a.text-font-important-light,
a.text-font-important-dark,
th a[href*="/change/"],
td a[href*="/change/"],
td a[href*="/adhoc/"],
th a[href*="/adhoc/"] {
    color: #1565c0 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}
a.text-font-important-light:hover,
th a[href*="/change/"]:hover,
td a[href*="/change/"]:hover {
    color: #0d47a1 !important;
}
/* Dark mode */
.dark a.text-font-important-dark,
.dark a.text-font-important-light,
.dark th a[href*="/change/"],
.dark td a[href*="/change/"] {
    color: #64b5f6 !important;
}
.dark a.text-font-important-dark:hover,
.dark th a[href*="/change/"]:hover {
    color: #90caf9 !important;
}

/* ── Sidebar : mode push dès lg (1024px) au lieu de xl (1280px) ── */

/* Mobile par défaut : sidebar cachée, positionnée en overlay */
.sidebar-wrapper {
    position: fixed;
    display: none;
}

/* Desktop (lg+) : sidebar en flow relatif, pousse le contenu */
@media (min-width: 1024px) {
    .sidebar-wrapper {
        position: relative !important;
        display: block !important;
    }
}

/* Mobile overlay quand ouverte via hamburger */
.sidebar-wrapper.sidebar-mobile {
    position: fixed !important;
    display: block !important;
}

/* Toggle buttons : desktop vs mobile */
.sidebar-toggle-desktop { display: none !important; }
.sidebar-toggle-mobile { display: block !important; }

@media (min-width: 1024px) {
    .sidebar-toggle-desktop { display: block !important; }
    .sidebar-toggle-mobile { display: none !important; }
}