/* ================================
   PENSIONHUB DASHBOARD MENU
   ================================ */

.ph-dashboard-menu {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Segoe UI', Arial, sans-serif;
}


/* Lista */

.ph-dashboard-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


/* Elementos */

.ph-dashboard-menu li {
    margin-bottom: 8px;
}


/* Links */

.ph-dashboard-menu a {
    display: flex;
    align-items: center;
    gap: 15px;

    color: #ffffff;
    text-decoration: none;

    padding: 5px 18px;

    border-radius: 12px;

    font-size: 0.7em;
    font-weight: 500;

    transition: all .3s ease;
}


/* Iconos */

.ph-dashboard-menu i {

    width: 22px;
    text-align: center;

    font-size: 18px;

    color: #ffffff;

    transition: .3s ease;
}


/* Hover */

.ph-dashboard-menu a:hover {

    background: rgba(255,255,255,0.12);

    transform: translateX(5px);

}


/* Hover icono */

.ph-dashboard-menu a:hover i {

    color: #5b9f3b;

}


/* Elemento activo */

.ph-dashboard-menu li.active a {

    background: #5b9f3b;

    color: #ffff;

    font-weight: 600;

}


/* Icono activo */

.ph-dashboard-menu li.active i {

    color: #ffff;

}


/* Separador antes de cerrar sesión */

.ph-dashboard-menu .logout {

    margin-top: 40px;

    border-top: 1px solid rgba(255,255,255,.2);

    padding-top: 20px;

}


/* Hover cerrar sesión */

.ph-dashboard-menu .logout a:hover {

    background: rgba(255,70,70,.15);

}


.ph-dashboard-menu .logout a:hover i {

    color:#ff6b6b;

}


/* Responsive */

@media(max-width:768px){

    .ph-dashboard-menu {

        width:80px;

    }


    .ph-dashboard-menu span {

        display:none;

    }


    .ph-dashboard-menu a {

        justify-content:center;

    }


}