.sidebar_panel {
    position: fixed;
    top: 0;
    left: 0;

    width: 255px;
    height: 100vh;

    background: white;
    border-right: 1px solid #ddd;

    display: flex;
    flex-direction: column;

    transform: translateX(-100%);
    transition: transform 0.35s ease;

    z-index: 1000;

    padding-top: 50px;

    display: none;
}

.sidebar_panel.sidebar_open {
    transform: translateX(0);
}

/* HEADER */
.sidebar_header {
    background: #fff;
    color: #CD1719;
    padding: 16px;
    font-weight: 600;
    /*margin-top: 50px;*/
    border-bottom: 1px solid #ddd;
}

/* CONTENT */
.sidebar_content {
    flex: 1;
    overflow-y: auto;
    /*padding: 8px;*/
}

.sidebar_list {
    list-style: none;
    margin: 0;
    /*padding: 8px;*/
}


/* lien dans le li */
.sidebar_item {
    /*margin: 4px 0;*/

    /*display: flex;
    align-items: center;
    gap: 10px;*/

    padding: 12px;

    color: #333;
    /*border-radius: 10px;*/

    transition: 0.2s ease;

    border-bottom: 1px solid #ddd;
}

/* =========================
   BURGER (FOLLOW SIDEBAR)
========================= */
.sidebar_burger {
    position: absolute;

    top: 50%;
    right: -30px;

    transform: translate(50%, -50%);

    width: 60px;
    height: 60px;

    background: #CD1719;
    border: none;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;

    cursor: pointer;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    gap: 6px;

    box-shadow: 0 8px 20px rgba(0,0,0,0.25);

    z-index: 1100;

    display: none;
}

/* LIGNES */
.sidebar_burger span {
    width: 26px;
    height: 3px;
    background: white;
    border-radius: 2px;

    transition: 0.3s ease;
    transform-origin: center;
}
/* =========================
   ANIMATION OPEN → X
========================= */
.sidebar_panel.sidebar_open .sidebar_burger span:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

.sidebar_panel.sidebar_open .sidebar_burger span:nth-child(2) {
    opacity: 0;
}

.sidebar_panel.sidebar_open .sidebar_burger span:nth-child(3) {
    transform: translateY(-9px) rotate(-45deg);
}


/* RESPONSIVE RULE */

/* Mobile / Tablette */
@media (max-width: 1291px) {

    .sidebar_panel {
        display: flex;
    }

    .sidebar_burger {
        display: flex;
    }

    .menu_sous_menu {
        display: none !important;
    }

}