/* ===============================================
   TUTOR LMS - SOLO COLORI PERSONALIZZATI
   File: /assets/css/menu-fixes.css
   Target: https://dottori-online.com/bacheca-corsi/
   Colori: #E3F9FC (sfondo) + #124B68 (testo)
   =============================================== */

/* === VARIABILI TUTOR LMS === */
:root {
    --tutor-menu-active-bg: #0F5665;
    --tutor-menu-active-text: #FFFFFF;
    --tutor-menu-hover-bg: rgba(15, 86, 101, 0.1);
    --tutor-menu-hover-text: #0F5665;
    --tutor-menu-normal-text: #1E2132;
}

/* ===============================================
   TUTOR LMS - MENU COLORI PERSONALIZZATI
   =============================================== */

/* === Menu normale === */
.tutor-dashboard-menu-item .tutor-dashboard-menu-item-link {
    color: var(--tutor-menu-normal-text) !important;
    background-color: transparent !important;
    border-radius: 8px !important;
    margin: 2px 0 !important;
    padding: 12px 15px !important;
    transition: all 0.3s ease !important;
}

/* === Menu hover === */
.tutor-dashboard-menu-item .tutor-dashboard-menu-item-link:hover {
    color: var(--tutor-menu-hover-text) !important;
    background-color: var(--tutor-menu-hover-bg) !important;
    transform: translateX(3px) !important;
}

/* === Menu attivo === */
.tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link {
    color: var(--tutor-menu-active-text) !important;
    background-color: var(--tutor-menu-active-bg) !important;
    font-weight: 600 !important;
    border-left: 4px solid var(--tutor-menu-active-text) !important;
}

/* === Menu attivo + hover === */
.tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link:hover {
    color: var(--tutor-menu-active-text) !important;
    background-color: var(--tutor-menu-active-bg) !important;
    transform: translateX(5px) !important;
}

/* === Override classe .tutor-color-black === */
.tutor-dashboard-menu-item-link.tutor-color-black {
    color: var(--tutor-menu-normal-text) !important;
}

.tutor-dashboard-menu-item-link.tutor-color-black:hover {
    color: var(--tutor-menu-hover-text) !important;
}

.tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link.tutor-color-black {
    color: var(--tutor-menu-active-text) !important;
}

/* === Specificità massima per sicurezza === */
body.tutor-frontend .tutor-dashboard .tutor-dashboard-menu-item .tutor-dashboard-menu-item-link {
    color: var(--tutor-menu-normal-text) !important;
    background-color: transparent !important;
}

body.tutor-frontend .tutor-dashboard .tutor-dashboard-menu-item .tutor-dashboard-menu-item-link:hover {
    color: var(--tutor-menu-hover-text) !important;
    background-color: var(--tutor-menu-hover-bg) !important;
}

/* === Specificità assoluta per Tutor LMS nativo === */
.tutor-dashboard .tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a,
.tutor-dashboard .tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a:hover,
body.tutor-frontend .tutor-dashboard .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link {
    background-color: var(--tutor-menu-active-bg) !important;
    color: var(--tutor-menu-active-text) !important;
    font-weight: 600 !important;
}

/* Forza anche il testo e l'icona interna al bianco nello stato attivo */
.tutor-dashboard .tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a span,
.tutor-dashboard .tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a i,
.tutor-dashboard .tutor-frontend-dashboard-maincontent .tutor-dashboard-left-menu .tutor-dashboard-permalinks li.active a::before {
    color: var(--tutor-menu-active-text) !important;
}

/* === Testo e icone ereditano colore === */
.tutor-dashboard-menu-item .tutor-dashboard-menu-item-text {
    color: inherit !important;
}

.tutor-dashboard-menu-item .tutor-dashboard-menu-item-icon {
    color: inherit !important;
}

/* === Container menu migliorato === */
.tutor-dashboard-left-menu {
    background-color: #fafafa !important;
    border-radius: 12px !important;
    padding: 15px 10px !important;
}

/* === Mobile - Rimuovi transform === */
@media (max-width: 768px) {
    .tutor-dashboard-menu-item .tutor-dashboard-menu-item-link:hover,
    .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link:hover {
        transform: none !important;
    }
}

/* === Fallback senza variabili CSS === */
@supports not (color: var(--tutor-menu-normal-text)) {
    .tutor-dashboard-menu-item .tutor-dashboard-menu-item-link {
        color: #1E2132 !important;
    }
    
    .tutor-dashboard-menu-item .tutor-dashboard-menu-item-link:hover {
        color: #124B68 !important;
        background-color: #E3F9FC !important;
    }
    
    .tutor-dashboard-menu-item.active .tutor-dashboard-menu-item-link {
        color: #124B68 !important;
        background-color: #E3F9FC !important;
    }
}