/* ==========================================================
   MATHPHYS06 — TABLEAU DE BORD LIFTERLMS
   Design : sobre / épuré / professionnel / responsive
   ========================================================== */


/* ==========================================================
   1 — LARGEUR COMMUNE DU DASHBOARD
   ========================================================== */

/*
 * Même largeur pour :
 * - H1
 * - fil d'Ariane
 * - menu LifterLMS
 * - contenu du dashboard
 */

.hero-section.is-width-constrained,
.entry-content.is-layout-constrained,
.llms-student-dashboard {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}


/* ==========================================================
   2 — TITRE DE LA PAGE
   "Tableau de bord" → "Mon tableau de bord"
   ========================================================== */

/* On masque visuellement le texte existant */
.hero-section .page-title {
    font-size: 0 !important;
    line-height: 1.2;
}

/* Nouveau titre */
.hero-section .page-title::after {
    content: "Mon tableau de bord";

    display: block;

    font-size: 28px;
    line-height: 1.25;
    font-weight: 650;
    letter-spacing: -0.35px;

    color: #182b49;
}


/* ==========================================================
   3 — FIL D'ARIANE
   ========================================================== */

.hero-section .ct-breadcrumbs {
    margin-top: 8px;
    padding-top: 0;

    font-size: 12px;
    line-height: 1.4;
    color: #697580;
}

.hero-section .ct-breadcrumbs a {
    color: #536574;
    text-decoration: none;
}

.hero-section .ct-breadcrumbs a:hover {
    color: #1f5f86;
}

.hero-section .ct-breadcrumbs .ct-separator {
    margin: 0 7px;
    opacity: .55;
}


/* ==========================================================
   4 — ESPACE AVANT LE DASHBOARD
   ========================================================== */

.llms-student-dashboard {
    padding-top: 0;
    padding-bottom: 45px;
}


/* ==========================================================
   5 — MENU LIFTERLMS
   ========================================================== */

.llms-sd-nav {
    width: 100%;
    margin: 0 0 25px;
}


/* Liste */
.llms-sd-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;

    gap: 7px;

    margin: 0;
    padding: 0;

    list-style: none;
}


/* Suppression des séparateurs Lifter */
.llms-sd-item .llms-sep {
    display: none !important;
}


/* Chaque entrée */
.llms-sd-item {
    margin: 0 !important;
    padding: 3px 0 !important;
    list-style: none;
}


/* ==========================================================
   6 — BOUTONS DU MENU
   ========================================================== */

.llms-sd-link {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 34px;
    padding: 7px 12px !important;

    border: 1px solid #d6dde3;
    border-radius: 6px;

    background: #ffffff;

    color: #344554;

    font-size: 12.5px;
    font-weight: 550;
  

    text-decoration: none;

    /*
     * Petite profondeur permanente
     */
    box-shadow:
        0 2px 0 #cbd2d8,
        0 3px 6px rgba(25, 38, 50, .06);

    /*
     * Animation
     */
    transition:
        transform .16s ease,
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        box-shadow .16s ease;
}


/* ==========================================================
   7 — EFFET 3D + CHANGEMENT DE COULEUR
   ========================================================== */

.llms-sd-link:hover {
    transform: translateY(-2px);

    background: #edf5fa;
    border-color: #2f6f95;

    color: #174d6d;

    /*
     * Effet de bouton surélevé
     */
    box-shadow:
        0 4px 0 #b9cbd6,
        0 7px 12px rgba(25, 50, 70, .12);

    text-decoration: none;
}


/*
 * Quand on clique / presse :
 * le bouton redescend légèrement.
 */
.llms-sd-link:active {
    transform: translateY(1px);

    box-shadow:
        0 1px 0 #cbd2d8,
        0 2px 4px rgba(25, 38, 50, .08);
}


/* ==========================================================
   8 — ÉLÉMENT ACTIF
   ========================================================== */

.llms-sd-item.current .llms-sd-link {
    background: #203b59;
    border-color: #203b59;

    color: #ffffff;

    box-shadow:
        0 2px 0 #14283c,
        0 4px 8px rgba(24, 43, 73, .14);
}


/*
 * Hover sur élément actif
 */
.llms-sd-item.current .llms-sd-link:hover {
    background: #2b5878;
    border-color: #2b5878;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 4px 0 #1b3c55,
        0 7px 12px rgba(24, 43, 73, .18);
}


/* ==========================================================
   9 — DÉCONNEXION
   ========================================================== */

/*
 * Séparation physique du reste du menu.
 */
.llms-sd-item.signout {
    padding-top: 12px !important;

    
}


/*
 * Bouton rouge sombre.
 * Pas de rouge vif agressif.
 */
.llms-sd-item.signout .llms-sd-link {
    min-width: 95px;

    background: #8d3434;
    border-color: #8d3434;

    color: #ffffff;

    font-weight: 650;

    box-shadow:
        0 2px 0 #672525,
        0 4px 8px rgba(100, 35, 35, .15);
	text-align: center;
    font-size: 16px;
}


/*
 * Hover déconnexion :
 * changement de teinte + profondeur 3D.
 */
.llms-sd-item.signout .llms-sd-link:hover {
    background: #a64040;
    border-color: #a64040;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 4px 0 #712929,
        0 7px 13px rgba(100, 35, 35, .22);
}


/*
 * Active / clic
 */
.llms-sd-item.signout .llms-sd-link:active {
    background: #762b2b;

    transform: translateY(1px);

    box-shadow:
        0 1px 0 #5d2222,
        0 2px 4px rgba(100, 35, 35, .14);
}


/* ==========================================================
   10 — SELECT MOBILE LIFTERLMS
   ========================================================== */

.llms-sd-nav > select {
    display: none;
}


/* ==========================================================
   11 — HEADER INTERNE LIFTERLMS
   ========================================================== */

/*
 * Le H2 est aligné sur la même largeur que le menu.
 */

.llms-sd-header {
    width: 100%;

    margin: 0 0 18px;
    padding: 0 0 12px;

    border-bottom: 1px solid #dfe4e8;
}


.llms-sd-title {
    margin: 0;

    color: #182b49;

    font-size: 21px;
    line-height: 1.3;
    font-weight: 650;

    letter-spacing: -0.2px;
}


/* ==========================================================
   12 — SECTIONS
   ========================================================== */

.llms-sd-section {
    width: 100%;

    margin: 0 0 18px;
    padding: 17px 18px 18px;

    background: #ffffff;

    border: 1px solid #e1e5e8;
    border-radius: 7px;

    box-shadow:
        0 2px 8px rgba(25, 38, 50, .045);
}


/* ==========================================================
   13 — TITRES DE SECTIONS
   ========================================================== */

.llms-sd-section-title {
    margin: 0 0 13px;
    padding: 0 0 9px;

    border-bottom: 1px solid #edf0f2;

    color: #263f5b;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 650;
}


/* Texte */
.llms-sd-section > p {
    margin: 3px 0 12px;

    color: #65717c;

    font-size: 13px;
    line-height: 1.5;
}


/* ==========================================================
   14 — PETITES CARTES DE COURS
   ========================================================== */

.llms-loop-list.llms-course-list {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 12px;

    margin: 0;
    padding: 0;
}


/*
 * Carte
 */
.llms-loop-list .llms-loop-item {
    min-width: 0;

    margin: 0 !important;
    padding: 0 !important;
}


/*
 * Conteneur de carte
 */
.llms-loop-item-content {
    height: 100%;

    overflow: hidden;

    background: #ffffff;

    border: 1px solid #dfe4e8;
    border-radius: 6px;

    box-shadow: 0 1px 4px rgba(25, 38, 50, .04);

    transition:
        transform .17s ease,
        border-color .17s ease,
        box-shadow .17s ease;
}


/*
 * Léger effet au survol de la carte
 */
.llms-loop-item-content:hover {
    transform: translateY(-2px);

    border-color: #c5d1d9;

    box-shadow:
        0 5px 12px rgba(25, 38, 50, .09);
}


/* ==========================================================
   15 — IMAGE DES CARTES
   ========================================================== */

.llms-loop-link > img {
    display: block;

    width: 100%;
    height: 90px;

    object-fit: cover;

    background: #f1f3f5;
}






/* ==========================================================
   CARTES COURS — SMARTPHONE / 2 COLONNES
   ========================================================== */

@media screen and (max-width: 767px) {

    /* ------------------------------------------------------
       GRILLE 2 COLONNES
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ------------------------------------------------------
       ITEM
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list > .llms-loop-item {
        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-shadow: none !important;
    }


    /* ------------------------------------------------------
       CARTE
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list
    .llms-loop-item-content {

        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        background: #fff !important;

        border: 1px solid #dfe4e8 !important;
        border-radius: 6px !important;

        box-shadow: none !important;

        transform: none !important;
    }


    /* Aucun effet hover sur mobile */
    .llms-loop-list.llms-course-list
    .llms-loop-item-content:hover,
    .llms-loop-list.llms-course-list
    .llms-loop-item-content:focus,
    .llms-loop-list.llms-course-list
    .llms-loop-item-content:active {

        box-shadow: none !important;
        transform: none !important;
    }


    /* ------------------------------------------------------
       LIEN
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list
    .llms-loop-link {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        text-decoration: none !important;
    }


    /* ------------------------------------------------------
       IMAGE
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list
    .llms-loop-link > img {

        display: block !important;

        width: 100% !important;

        /* image proportionnelle à la largeur */
        height: auto !important;
        aspect-ratio: 16 / 7 !important;

        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: cover !important;

        border: 0 !important;
		right: 0px !important;
    }


    /* ------------------------------------------------------
       PROGRESSION
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list
    .llms-progress {

        display: flex !important;
        align-items: center !important;

        gap: 5px !important;

        margin: 7px 8px 0 !important;
        padding: 0 !important;
    }


    .llms-loop-list.llms-course-list
    .progress__indicator {

        flex: 0 0 auto !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 10px !important;
        line-height: 1 !important;

        font-weight: 600 !important;
    }


    .llms-loop-list.llms-course-list
    .llms-progress-bar {

        flex: 1 1 auto !important;

        width: auto !important;

        height: 4px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 2px !important;

        overflow: hidden !important;
    }


    /* ------------------------------------------------------
       TITRE
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list
    .llms-loop-title {

        display: -webkit-box !important;

        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;

        overflow: hidden !important;

        min-height: 30px !important;

        margin: 6px 8px 5px !important;
        padding: 0 !important;

        color: #263f5b !important;

        font-size: 12px !important;
        line-height: 1.25 !important;

        font-weight: 650 !important;
    }


    /* ------------------------------------------------------
       FOOTER
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list
    .llms-loop-item-footer {

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        gap: 2px !important;

        margin: 0 !important;
        padding: 5px 8px 7px !important;

        border-top: 1px solid #edf0f2 !important;
    }


    /* Métadonnées */
    .llms-loop-list.llms-course-list
    .llms-loop-item-footer .llms-meta {

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 9px !important;
        line-height: 1.2 !important;
    }


    .llms-loop-list.llms-course-list
    .llms-loop-item-footer .llms-meta p {

        margin: 0 !important;
        padding: 0 !important;

        color: #68747e !important;

        font-size: 9px !important;
        line-height: 1.2 !important;
    }


    /* Date supprimée sur mobile */
    .llms-loop-list.llms-course-list
    .llms-loop-item-footer .llms-enroll-date {

        display: none !important;
    }


    /* ------------------------------------------------------
       ZÉRO OMBRE
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list,
    .llms-loop-list.llms-course-list *,
    .llms-loop-list.llms-course-list *::before,
    .llms-loop-list.llms-course-list *::after {

        box-shadow: none !important;
    }

}






/* ==========================================================
   16 — PROGRESSION
   ========================================================== */

.llms-progress {
    padding: 8px 11px 0;
}


.progress__indicator {
    margin: 0 0 4px !important;

    color: #687681 !important;

    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
}


.llms-progress-bar {
    height: 5px !important;

    overflow: hidden;

    border-radius: 10px;

    background: #e8ecef;
	top: 0 !important;/
}


.llms-progress-bar .progress-bar-complete {
    height: 100%;

    border-radius: inherit;

    background: #356f91;
}


/* ==========================================================
   17 — TITRE DE LA CARTE
   ========================================================== */

.llms-loop-title {
    margin: 8px 11px 9px;

    color: #203b59;

    font-size: 14px;
    line-height: 1.3;
    font-weight: 650;
}


/* ==========================================================
   18 — INFORMATIONS DES CARTES
   ========================================================== */

.llms-loop-item-footer {
    margin: 0 11px;
    padding: 8px 0 9px;

    border-top: 1px solid #edf0f2;
}


.llms-loop-item-footer .llms-meta {
    margin: 2px 0;
}


.llms-loop-item-footer p {
    margin: 0;

    color: #707b84;

    font-size: 10.5px;
    line-height: 1.45;
}


/* ==========================================================
   19 — BOUTONS DES SECTIONS
   ========================================================== */

.llms-sd-section-footer {
    margin-top: 12px;
    padding-top: 11px;

    border-top: 1px solid #edf0f2;

    text-align: right;
}


.llms-sd-section-footer .llms-button-secondary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 31px !important;

    padding: 6px 12px !important;

    border: 1px solid #303a44 !important;
    border-radius: 5px !important;

    background: #202832 !important;

    color: #ffffff !important;

    font-size: 11.5px !important;
    font-weight: 600 !important;

    text-decoration: none !important;

    box-shadow: 0 1px 3px rgba(0, 0, 0, .12) !important;

    transition:
        background-color .16s ease,
        border-color .16s ease,
        color .16s ease,
        transform .16s ease,
        box-shadow .16s ease !important;
}

.llms-sd-section-footer .llms-button-secondary:hover {
    background: #2d3945 !important;

    border-color: #3d4b58 !important;

    color: #ffffff !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 4px 9px rgba(0, 0, 0, .16) !important;
}

/* ==========================================================
   20 — TABLETTE
   ========================================================== */

@media (max-width: 900px) {

    .hero-section.is-width-constrained,
    .entry-content.is-layout-constrained,
    .llms-student-dashboard {
        max-width: 100%;
    }


    /* Deux cartes par ligne */
    .llms-loop-list.llms-course-list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }


    /* Menu plus compact */
    .llms-sd-items {
        gap: 6px;
    }


    .llms-sd-link {
        min-height: 33px;
        padding: 6px 10px;

        font-size: 12px;
    }


    .llms-sd-item.signout {
        margin-left: 5px !important;
        padding-left: 8px !important;
    }
}


/* ==========================================================
   21 — MOBILE
   ========================================================== */

@media (max-width: 650px) {

    .hero-section.is-width-constrained {
        padding-left: 14px;
        padding-right: 14px;
    }


    .entry-content.is-layout-constrained {
        padding-left: 0;
        padding-right: 0;
    }


    .llms-student-dashboard {
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 30px;
    }


    /* ------------------------------------------------------
       TITRE
       ------------------------------------------------------ */

    .hero-section .page-title::after {
        font-size: 23px;
    }


    /* ------------------------------------------------------
       BREADCRUMB
       ------------------------------------------------------ */

    .hero-section .ct-breadcrumbs {
        font-size: 11px;
    }


    /* ------------------------------------------------------
       MENU
       ------------------------------------------------------ */

    /*
     * Sur petit écran, les 11 entrées deviennent
     * un menu déroulant propre.
     */
    .llms-sd-items {
        display: none;
    }


    .llms-sd-nav > select {
        display: block;

        width: 100%;
        height: 40px;

        padding: 7px 11px;

        border: 1px solid #d4dce2;
        border-radius: 6px;

        background: #ffffff;

        color: #293b4a;

        font-size: 12.5px;
        font-weight: 550;
    }


    /* ------------------------------------------------------
       H2
       ------------------------------------------------------ */

    .llms-sd-title {
        font-size: 19px;
    }


    /* ------------------------------------------------------
       SECTIONS
       ------------------------------------------------------ */

    .llms-sd-section {
        margin-bottom: 14px;
        padding: 14px;
        border-radius: 6px;
    }


    .llms-sd-section-title {
        font-size: 15px;
    }


    /* ------------------------------------------------------
       CARTES
       ------------------------------------------------------ */

    .llms-loop-list.llms-course-list {
        grid-template-columns: 1fr;
        gap: 10px;
    }


    .llms-loop-link > img {
        height: 95px;
    }


    /* ------------------------------------------------------
       BOUTONS
       ------------------------------------------------------ */

    .llms-sd-section-footer {
        text-align: left;
    }


    .llms-sd-section-footer .llms-button-secondary {
        width: 100%;
    }
}


/* ==========================================================
   22 — TRÈS PETITS ÉCRANS
   ========================================================== */

@media (max-width: 400px) {

    .llms-student-dashboard {
        padding-left: 9px;
        padding-right: 9px;
    }


    .llms-sd-section {
        padding: 12px;
    }


    .llms-loop-link > img {
        height: 85px;
    }


    .hero-section .page-title::after {
        font-size: 21px;
    }
}


/* BOUTON CONTINUER — LifterLMS */

.llms-course-continue-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 145px !important;
    padding: 11px 25px !important;

    background: #23415f !important;
    color: #fff !important;

    border: none !important;
    border-radius: 6px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.2px !important;
    line-height: 1.2 !important;

    text-decoration: none !important;

    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12) !important;

    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease !important;
}

/* HOVER */
.llms-course-continue-button:hover {
    background: #315f82 !important;
    color: #fff !important;

    transform: translateY(-1px) !important;
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.16) !important;
}

/* ACTIVE */
.llms-course-continue-button:active {
    background: #1b344d !important;
    color: #fff !important;

    transform: translateY(0) !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
}

/* FOCUS */
.llms-course-continue-button:focus,
.llms-course-continue-button:focus-visible {
    color: #fff !important;
    outline: 2px solid #315f82 !important;
    outline-offset: 3px !important;
}



*/**************************************************************************************************************/


/* =========================================================
   MENU LIFTERLMS — UNIQUEMENT SMARTPHONE
   ========================================================= */

@media (max-width: 767px) {

    /* Navigation */
    .llms-student-dashboard .llms-sd-nav {
        position: relative !important;
        display: block !important;
        z-index: 10000 !important;
    }


    /* -----------------------------------------------------
       MENUS LIFTERLMS ORIGINAUX
       ----------------------------------------------------- */

    .llms-student-dashboard .llms-sd-nav > .llms-sd-items,
    .llms-student-dashboard .llms-sd-nav > select {
        display: none !important;
    }


    /* =====================================================
       BOUTON
       ===================================================== */

    .llms-student-dashboard .llms-dashboard-menu {
        position: relative !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        width: 100% !important;
        min-height: 48px !important;

        margin: 0 !important;
        padding: 0 15px 0 17px !important;

        box-sizing: border-box !important;

        border: 1px solid #cfcfcf !important;
        border-radius: 8px !important;

        background: #252525 !important;
        color: #ffffff !important;

        font-family: inherit !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        line-height: 1 !important;

        text-align: left !important;
        cursor: pointer !important;

        box-shadow: 0 2px 5px rgba(0,0,0,0.12) !important;

        transition:
            background-color 0.2s ease,
            box-shadow 0.2s ease,
            transform 0.1s ease !important;
    }


    /* Survol */
    .llms-student-dashboard .llms-dashboard-menu:hover {
        background: #333333 !important;
        color: #ffffff !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.16) !important;
    }


    /* Clic */
    .llms-student-dashboard .llms-dashboard-menu:active {
        transform: translateY(1px) !important;
    }


    /* =====================================================
       FLECHE
       ===================================================== */

    .llms-student-dashboard .llms-dashboard-menu::after {
        content: "" !important;

        flex: 0 0 auto !important;

        width: 8px !important;
        height: 8px !important;

        margin-left: 15px !important;

        border-right: 2px solid #ffffff !important;
        border-bottom: 2px solid #ffffff !important;

        transform: rotate(45deg) translateY(-2px) !important;

        transition: transform 0.2s ease !important;
    }


    /* Flèche vers le haut */
    .llms-student-dashboard .llms-dashboard-menu.is-open::after {
        transform: rotate(225deg) translateY(-2px) !important;
    }


    /* =====================================================
       MENU DEROULANT
       ===================================================== */

    .llms-student-dashboard .llms-dashboard-dropdown {
        display: none !important;

        position: absolute !important;

        top: calc(100% + 6px) !important;
        left: 0 !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 4px 0 !important;

        box-sizing: border-box !important;

        list-style: none !important;

        background: #ffffff !important;

        border: 1px solid #d5d5d5 !important;
        border-radius: 8px !important;

        box-shadow:
            0 10px 25px rgba(0,0,0,0.18) !important;

        overflow: hidden !important;

        z-index: 10001 !important;
    }


    /* Menu ouvert */
    .llms-student-dashboard .llms-dashboard-dropdown.is-open {
        display: block !important;
    }


    /* =====================================================
       ELEMENTS
       ===================================================== */

    .llms-student-dashboard .llms-dashboard-dropdown li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }


    /* Séparations */
    .llms-student-dashboard .llms-dashboard-dropdown li + li {
        border-top: 1px solid #eeeeee !important;
    }


    /* Liens */
    .llms-student-dashboard .llms-dashboard-dropdown li a {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-height: 42px !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 9px 15px !important;

        background: #ffffff !important;
        color: #252525 !important;

        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 400 !important;

        line-height: 1.3 !important;

        text-align: left !important;
        text-decoration: none !important;

        transition:
            background-color 0.15s ease,
            padding-left 0.15s ease !important;
    }


    /* Survol */
    .llms-student-dashboard .llms-dashboard-dropdown li a:hover {
        background: #f4f4f4 !important;
        color: #111111 !important;
        padding-left: 19px !important;
    }


    /* Élément actuel */
    .llms-student-dashboard .llms-dashboard-dropdown li a.is-current {
        background: #eeeeee !important;
        color: #222222 !important;
        font-weight: 600 !important;
    }


    /* =====================================================
       FOND SOMBRE DERRIERE LE MENU
       ===================================================== */

    .llms-student-dashboard .llms-sd-nav::after {
        content: "" !important;

        display: none !important;

        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        background: rgba(0,0,0,0.28) !important;

        z-index: -1 !important;
    }


    /* Fond actif */
    .llms-student-dashboard .llms-sd-nav:has(.llms-dashboard-dropdown.is-open)::after {
        display: block !important;
    }

}