﻿/* ========================================
   SIDEBAR TYPOGRAPHY
   ======================================== */

.aside-menu .menu .menu-item .menu-link {
    font-weight: 500 !important;
    letter-spacing: 0.01em;
}

.aside-menu .menu .menu-item .menu-link .menu-title {
    font-size: 0.95rem !important;
}

.aside-menu .menu .menu-item .menu-link .menu-icon {
    font-size: 1.15rem;
}

/* Categorias do menu */
.aside-menu .menu .menu-section {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #A1A5B7 !important;
    margin-top: 1rem;
}

/* ========================================
   SIDEBAR STYLES
   ======================================== */

@media (min-width: 992px) {
    .aside, .header-brand {
        background-color: #1b43967d !important;
    }

    .header-brand {
        border-bottom: 1px dashed #1b43967d !important;
    }

    .aside .aside-toolbar .aside-user {
        border: 0px dashed #1b43967d !important;
    }

    .aside-menu .menu .menu-item .menu-link .menu-title {
        color: #000 !important;
        font-weight: 500 !important;
    }
    
    .aside-menu .menu .menu-item.hover > .menu-link .menu-title,
    .aside-menu .menu .menu-item .menu-link:hover .menu-title {
        color: #1b4396 !important;
        font-weight: 600 !important;
    }
    
    .aside-menu .menu .menu-item.active > .menu-link .menu-title {
        color: #1b4396 !important;
        font-weight: 600 !important;
    }
}