/*==================================================
=            SIDEBAR DASHBOARD
==================================================*/

.lca-dashboard-sidebar{

    width:320px;
    background:#fff;
    border-radius:20px;
    padding:30px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);

    display:flex;
    flex-direction:column;
    gap:10px;

    overflow:hidden;

    position:sticky;
    top:30px;

}

/*=========================================
=            UTILISATEUR
=========================================*/

.lca-dashboard-user{

    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;

    margin-bottom:30px;
    padding-bottom:25px;

    border-bottom:1px solid #F1F1F1;

}

.lca-dashboard-avatar{

    margin-bottom:18px;

}

.lca-dashboard-avatar img{

    width:90px;
    height:90px;

    border-radius:50%;
    object-fit:cover;
    display:block;

    border:4px solid #F7F7F7;

}

.lca-dashboard-name{

    margin:0;
    font-size:28px;
    font-weight:700;
    color:#222;

}

.lca-dashboard-role{

    margin-top:8px;
    color:#8A8A8A;
    font-size:15px;

}

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

.lca-dashboard-nav{

    display:flex;
    flex-direction:column;
    gap:10px;

}

/*==================================================
=            LINKS
==================================================*/

.lca-dashboard-link{

    display:flex;
    align-items:center;

    gap:15px;

    width:100%;

    padding:16px 20px;

    border-radius:12px;

    text-decoration:none;

    color:#333;

    font-size:17px;
    font-weight:500;

    transition:.25s;

}

.lca-dashboard-link i{

    width:22px;

    text-align:center;

    font-size:18px;

    color:#6AA84F;

}

.lca-dashboard-link span{

    flex:1;

}

.lca-dashboard-link:hover{

    background:#F5F9F2;
    color:#6AA84F;

    transform:translateX(3px);

}

.lca-dashboard-link.active{

    background:#EEF7E9;
    color:#6AA84F;
    font-weight:600;

}

/*==================================================
=            FOOTER
==================================================*/

.lca-dashboard-footer{

    margin-top:35px;

    padding-top:25px;

    border-top:1px solid #F1F1F1;

}

/*==================================================
=            Desktop
==================================================*/

.lca-dashboard-toggle,
.lca-dashboard-overlay{

    display:none;

}

/*==================================================
=            MOBILE
==================================================*/

@media (max-width:768px){

    /*==========================
    Toggle
    ==========================*/

    .lca-dashboard-toggle{

        display:flex;

        align-items:center;
        justify-content:center;

        position:fixed;

        top:95px;
        left:20px;

        width:52px;
        height:52px;

        border:none;
        border-radius:14px;

        background:#6AA84F;

        cursor:pointer;

        z-index:10002;

        box-shadow:0 10px 25px rgba(0,0,0,.18);

    }

    .lca-toggle-icon,
    .lca-toggle-icon::before,
    .lca-toggle-icon::after{

        display:block;

        width:22px;
        height:2px;

        background:#fff;

        border-radius:50px;

        transition:.3s;

    }

    .lca-toggle-icon{

        position:relative;

    }

    .lca-toggle-icon::before,
    .lca-toggle-icon::after{

        content:"";
        position:absolute;
        left:0;

    }

    .lca-toggle-icon::before{

        top:-7px;

    }

    .lca-toggle-icon::after{

        top:7px;

    }

    .lca-dashboard-toggle.is-open .lca-toggle-icon{

        background:transparent;

    }

    .lca-dashboard-toggle.is-open .lca-toggle-icon::before{

        top:0;
        transform:rotate(45deg);

    }

    .lca-dashboard-toggle.is-open .lca-toggle-icon::after{

        top:0;
        transform:rotate(-45deg);

    }

    /*==========================
    Sidebar
    ==========================*/

    .lca-dashboard-sidebar{

        position:fixed;

        top:0;
        left:0;

        width:320px;
        max-width:85vw;

        height:100vh;

        margin:0;

        border-radius:0 20px 20px 0;

        overflow-y:auto;

        z-index:10001;

        transform:translateX(-110%);

        transition:transform .35s ease;

    }

    .lca-dashboard-sidebar.is-open{

        transform:translateX(0);

    }

    /*==========================
    Overlay
    ==========================*/

    .lca-dashboard-overlay{

        display:block;

        position:fixed;

        inset:0;

        background:rgba(0,0,0,.35);

        opacity:0;

        visibility:hidden;

        transition:.3s;

        z-index:10000;

    }

    .lca-dashboard-overlay.is-open{

        opacity:1;

        visibility:visible;

    }

}