/* resaltado del texto filtrado */
#offcanvas-menu mark.menu-hit {
    background: #ffe08a;
    color: inherit;
    padding: 0 .15rem;
    border-radius: .2rem;
}


#clearMenuFilter {
    border: none;
    background: transparent;
    color: #6c757d;
}

    #clearMenuFilter:hover {
        color: #000;
    }


/* Estado por defecto: contraído */
#offcanvas-menu a[data-bs-toggle="collapse"] .bi-chevron-down {
    transition: transform 0.2s ease;
}

/* Cuando está expandido */
#offcanvas-menu a[data-bs-toggle="collapse"][aria-expanded="true"] .bi-chevron-down {
    transform: rotate(180deg);
}



/* Color base para TODOS los enlaces del sidebar */
#offcanvas-menu .nav-link {
    color: #343a40;
    text-decoration: none;
}

/* 🔴 IMPORTANTE: enlaces dentro de submenús */
#offcanvas-menu .collapse .nav-link {
    color: #343a40;
}

/* Hover */
#offcanvas-menu .nav-link:hover {
    color: #0d6efd;
    background-color: rgba(13, 110, 253, 0.08);
}

/* Activo */
#offcanvas-menu .nav-link.active {
    color: #0d6efd;
    font-weight: 600;
}

/* Padres desplegables */
#offcanvas-menu a[data-bs-toggle="collapse"] {
    color: #212529;
}

    /* Padre desplegado */
    #offcanvas-menu a[data-bs-toggle="collapse"][aria-expanded="true"] {
        background-color: rgba(0, 0, 0, 0.04);
        font-weight: 500;
    }


#offcanvas-menu .nav-link.active {
    color: #0d6efd;
    font-weight: 600;
    background-color: rgba(13,110,253,.1);
}


.menuitem > i {
    float: right;
}