/**
 * Me5rine LAB — Navigation globale
 */

.ml-ui-nav--sidebar .ml-ui-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ml-ui-nav__link {
    display: flex;
    align-items: center;
    gap: var(--ml-ui-space-sm);
    padding: 0.65em 1em;
    color: var(--ml-ui-text-muted);
    text-decoration: none;
    border-radius: var(--ml-ui-radius-sm);
    font-size: var(--ml-ui-font-size-sm);
    font-weight: 500;
    transition: background var(--ml-ui-transition), color var(--ml-ui-transition);
}

.ml-ui-nav__link:hover {
    background: var(--ml-ui-surface-muted);
    color: var(--ml-ui-text);
}

.ml-ui-nav__link--active {
    background: color-mix(in srgb, var(--ml-ui-primary) 12%, transparent);
    color: var(--ml-ui-primary);
}

.ml-ui-nav__submenu {
    list-style: none;
    margin: 0;
    padding: 0 0 0 var(--ml-ui-space-md);
}

.ml-ui-nav__submenu .ml-ui-nav__link {
    font-size: 0.8125rem;
    padding-left: 2em;
}

.ml-ui-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ml-ui-space-xs);
    list-style: none;
    margin: 0 0 var(--ml-ui-space-md);
    padding: 0;
    font-size: var(--ml-ui-font-size-sm);
    color: var(--ml-ui-text-muted);
}

.ml-ui-breadcrumb a {
    color: var(--ml-ui-primary);
    text-decoration: none;
}

.ml-ui-breadcrumb li:not(:last-child)::after {
    content: '/';
    margin-left: var(--ml-ui-space-xs);
    color: var(--ml-ui-text-light);
}