/* =========================================================
   1. RESET VISUAL – Tutor LMS Dashboard
   Neutraliza indicadores nativos (Tutor / Tema)
   ========================================================= */

.tutor-screen-frontend-dashboard
.tutor-dashboard-menu-item,
.tutor-screen-frontend-dashboard
.tutor-dashboard-menu-item > a {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: none !important;
}

/* Eliminar TODOS los pseudo-elementos nativos */
.tutor-screen-frontend-dashboard
.tutor-dashboard-menu-item::before,
.tutor-screen-frontend-dashboard
.tutor-dashboard-menu-item::after,
.tutor-screen-frontend-dashboard
.tutor-dashboard-menu-item > a::before,
.tutor-screen-frontend-dashboard
.tutor-dashboard-menu-item > a::after {
    content: none !important;
    display: none !important;
}


/* =========================================================
   2. BASE – Iconos y texto
   ========================================================= */

.tutor-dashboard-menu-item {
    position: relative;
}

/* Icono */
.tutor-dashboard-menu-item-icon::before {
    color: #6b7280; /* gris neutro */
    transition: color 0.2s ease;
}

/* Texto */
.tutor-dashboard-menu-item-link,
.tutor-dashboard-menu-item-text {
    color: #374151; /* gris oscuro */
    transition: color 0.2s ease;
}

/* Mantener margen natural del texto */
.tutor-dashboard-menu-item-text {
    margin-left: 12px;
}


/* =========================================================
   3. ACTIVO
   ========================================================= */

.tutor-dashboard-menu-item.active
.tutor-dashboard-menu-item-icon::before,
.tutor-dashboard-menu-item.active
.tutor-dashboard-menu-item-link,
.tutor-dashboard-menu-item.active
.tutor-dashboard-menu-item-text {
    color: #1f4f3b;  /*verde institucional */
    font-weight: 600;
}


/* =========================================================
  4. HOVER (solo dispositivos con hover real)
   ========================================================= */


@media (hover: hover)  and (min-width: 1024px){

    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-icon::before {
        color: #f39c12;    /*naranja hover  */ 
        text-shadow: 0 0 1px rgba(0,0,0,0.25);
    }

    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-link,
    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-text {
        color: #f39c12;
    }
} 

/*@media (hover: hover) {

    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-icon::before,
    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-link,
    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-text {
        color: #6b8e23; /* verde oliva */
    }
}*/


/* =========================================================
   5. MOBILE – limpieza
   ========================================================= */

@media (max-width: 768px) {

    /* Evitar hover fantasma */
    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-icon::before,
    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-link,
    .tutor-dashboard-menu-item:hover
    .tutor-dashboard-menu-item-text {
        color: inherit;
    }
}