/*--------------------------------------------------------------------------*\
    Icon to open sub-menu
\*--------------------------------------------------------------------------*/

.sidebar__menu-chevron {
    /*box*/
    position:absolute;
    width: 10px;
    right:5px;

    /*transition*/
    -webkit-transition: fill 0.3s, -webkit-transform 0.3s;
    transition: fill 0.3s, transform 0.3s;
}

/*--------------------------------------------------------------------------*\
        Visible sub-menu
\*--------------------------------------------------------------------------*/

.sidebar__menu-checkbox:checked+.sidebar__menu-label>.sidebar__menu-chevron {
    /*transform*/
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

/*--------------------------------------------------------------------------*\
        Sidebar primary color (cf sidebar.css file)
\*--------------------------------------------------------------------------*/

.sidebar--primary .sidebar__menu-chevron {
    /*background*/
    fill:var(--c-primary-2);
}

/*--------------------------------------------------------------------------*\
            Hover
\*--------------------------------------------------------------------------*/

.sidebar--primary .sidebar__menu-label:hover .sidebar__menu-chevron {
    /*background*/
    fill: var(--c-primary-1);
}

/*--------------------------------------------------------------------------*\
        Sidebar secondary color (cf sidebar.css file)
\*--------------------------------------------------------------------------*/

.sidebar--secondary .sidebar__menu-chevron {
    /*background*/
    fill:var(--c-tertiary-1);
}

/*--------------------------------------------------------------------------*\
            Hover
\*--------------------------------------------------------------------------*/

.sidebar--secondary .sidebar__menu-label:hover .sidebar__menu-chevron {
    /*background*/
    fill: var(--c-tertiary-4);
}