.paragraph--type--menu{
    margin-bottom: 2rem;   
}
@media(width > 64rem){
    .paragraph--type--menu{
        border-right: 1px solid var(--c-gray-200);
        padding-right: 2rem;
    }
    .paragraph--type--menu.background{
        padding-right: 1rem;
        border-right: 0;
    }
}

.paragraph--type--menu .field--name-field-menu > .menu{
    display: none;
}
@media(width > 64rem){
    .paragraph--type--menu .field--name-field-menu > .menu{
        display: block;
    }
}

.paragraph--type--menu .field--name-field-menu > .menu-select{
    display: block;
}
@media(width > 64rem){
    .paragraph--type--menu .field--name-field-menu > .menu-select{
        display: none;
    }
}


.paragraph--type--menu > div > ul{
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline: 0;
    font-weight: 600;
}

.paragraph--type--menu > div > ul > li{
    width: 100%;
    border-bottom: 1px solid var(--c-gray-200);
    padding: 0.65rem 0;
}

.paragraph--type--menu > div > ul > li.active a{
    color: var(--c-black);
    pointer-events: none;
}

/* Background */
.paragraph--type--menu.background > div > ul{
    background-color: white;
    box-shadow: var(--box-shadow);
}

.paragraph--type--menu.background > div > ul > li{
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--c-gray-100);
}

/* Fixant menu */
.paragraph--type--two-columns > .row > div:first-child:has( > div > div > .paragraph--type--menu.fixed ){
    position: sticky;
    top: 2.5rem;
    z-index: 2;
}

/* Select menu */

.paragraph--type--menu .menu-select{
    border: 0;
    box-shadow: var(--box-shadow);
    padding: 0.65rem 2rem 0.55rem 0.85rem; 
    width: 100%;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.353516 0.353516L6.35352 6.35352L12.3535 0.353516" stroke="%23333333"/></svg>');
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
}