/* Flat shell surfaces requested for Mustotal navigation chrome.
   Top bars and side menus must remain a single solid #121417 plane. */

:root {
    --mustotal-shell-flat-bg: #121417;
}

.sidebar,
.sidebar-brand,
.desktop-sidebar-nav,
.top-bar,
.mobile-action-bar,
.mobile-drawer {
    background: var(--mustotal-shell-flat-bg) !important;
    background-color: var(--mustotal-shell-flat-bg) !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.sidebar,
.mobile-drawer {
    border-right: 0 !important;
}

.top-bar,
.mobile-action-bar,
.sidebar-brand {
    border-bottom: 0 !important;
}

.nav-section-label {
    background: transparent !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 991.98px) {
    .mobile-drawer {
        background: var(--mustotal-shell-flat-bg) !important;
        background-color: var(--mustotal-shell-flat-bg) !important;
        background-image: none !important;
    }

    body:has(.sidebar a[href="/organizadores"].active) .mobile-action-title span,
    body:has(.sidebar a[href="/asociaciones"].active) .mobile-action-title span {
        font-size: 0;
    }

    body:has(.sidebar a[href="/organizadores"].active) .mobile-action-title span::after,
    body:has(.sidebar a[href="/asociaciones"].active) .mobile-action-title span::after {
        content: "Organizadores";
        font-size: 1.08rem;
    }
}

@media (min-width: 992px) {
    .sidebar,
    .top-bar {
        background: var(--mustotal-shell-flat-bg) !important;
        background-color: var(--mustotal-shell-flat-bg) !important;
        background-image: none !important;
    }
}