/* assets/css/sidebar.css */

/* Transição suave para tudo que mudar de tamanho na sidebar */
aside, 
aside img, 
aside span {
    transition: all 0.3s ease-in-out;
}

/* --- ESTADOS DA BARRA --- */

/* Barra Expandida (Padrão) */
.sidebar-expanded {
    width: 240px !important;
}

/* Barra Colapsada (Fechada) */
.sidebar-collapsed {
    width: 80px !important;
}

/* --- COMPORTAMENTO DOS ELEMENTOS QUANDO COLAPSADO --- */

/* 1. Esconde qualquer elemento com a classe .sidebar-text */
.sidebar-collapsed .sidebar-text {
    display: none !important;
    opacity: 0;
    pointer-events: none;
}

/* 2. Ajusta a Logo para caber nos 80px */
.sidebar-collapsed .logo img {
    width: 40px !important; /* Reduz a logo */
    height: 40px !important;
    object-fit: contain;
}

/* 3. Centraliza os ícones */
.sidebar-collapsed nav a {
    justify-content: center; /* Centraliza o ícone horizontalmente */
    padding-left: 0;
    padding-right: 0;
}

/* 4. Remove margens dos ícones para eles ficarem centralizados */
.sidebar-collapsed nav a i,
.sidebar-collapsed nav a svg {
    margin-right: 0 !important;
}