#overlay-header{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out 0.3s;
    touch-action: none;
}

body.fixedPosition {
    overflow: hidden;
    height: 100vh;
}
#overlay-header.active{
    opacity: 1;
    visibility: visible;
}

.et_fixed_nav #page-container.custom-header-ibis_gare{
    padding-top: 0;
}

.logo-container.top {
    top: 20px;
}
.logo-container {
    position: absolute;
    left: 50%;
    display: flex;
    align-items: center;
    gap: 20px;
    transform: translateX(-50%);
    top: 125px;
    transition: all 0.3s ease-in-out;
    max-height: 80px;
}
.logo-container.top .logo {
    max-height: 60px;
}
.logo-container .logo {
    max-height: 80px;
    transition: all 0.3s ease-in-out;
}
 
.admin-bar header#ibis_gare-header {
    top: 32px;
}

header#ibis_gare-header {
    top: 0;
    position: fixed;
    width: 100%;
    z-index: 9999;
    padding: 50px 5% 0;
    transition: padding 0.3s ease-in-out;

}
header#ibis_gare-header.scrolled {
    padding: 20px 5% 20px;
    background: rgb(38 38 38 / 20%);
}

nav#ibis_gare-menu {
    display: flex;
    justify-content: space-between;
}

.header-right-side {
    display: flex;
    gap: 24px;
}

.ibis_gare-menu-items,
.ibis_gare-reservations-items{
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #0B253B;
    padding: 100px;
    z-index: 2;
    transition: max-width 0.3s ease-in-out 0.3s, opacity 0.3s ease-in-out , visibility 0.3s ease-in-out;
}
.ibis_gare-menu-items.closed,
.ibis_gare-reservations-items.closed{
    visibility: hidden;
    opacity: 0;
    max-width: 0;
}

.ibis_gare-menu-items.opened,
.ibis_gare-reservations-items.opened{
    visibility: visible;
    opacity: 1;
    max-width: 800px;
    box-shadow: rgb(0 0 0 / 50%) -5px 0 20px;
    transition: max-width 0.3s ease-in-out , opacity 0.3s ease-in-out 0.3s , visibility 0.3s ease-in-out 0.3s;
}

button#close-menu,
button#close-reservations{
    top: 50px;
    right: 50px;
    position: absolute;
    background: transparent;
    border: none;
    padding: 0;
    max-height: 41px;
    max-width: 41px;
    cursor: pointer;
}
button#close-menu svg,
button#close-reservations svg{
    height: 100%;
    width: 100%;
}


/*bouton header*/
.header-btn {
    padding: 12px 35px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
    cursor: pointer ;
    position: relative;
    color: #0B253B;
    background-color: white;
}

.header-btn.rouge{
    background-color: #E20026;
    color: white;
}

.header-btn.rouge:hover,
.header-btn.blanc:hover{
    background-color: transparent;
}
.header-btn.rouge:hover{
    color: #E20026;
}

.header-btn.blanc:hover{
    color: white;
}

header#ibis_gare-header .btn-ibis-gare {
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease-in-out;
}
header#ibis_gare-header .btn-ibis-gare:before,
header#ibis_gare-header .btn-ibis-gare:after{
    content: '';
    display: block;
    max-width: 0;
    width: 100%;
    height: 2px;
    position: absolute;
    z-index: 2;
    transition: all 0.3s ease-in-out;

}
header#ibis_gare-header .btn-ibis-gare.rouge:before,
header#ibis_gare-header .btn-ibis-gare.rouge:after{
    background: #E20026;

}
header#ibis_gare-header .btn-ibis-gare.blanc:before,
header#ibis_gare-header .btn-ibis-gare.blanc:after{
    background: #fff;

}
header#ibis_gare-header .btn-ibis-gare:before{
    top: -2px;
    left: 0;
}
header#ibis_gare-header .btn-ibis-gare:after{
    bottom: -2px;
    right: 0;
}

header#ibis_gare-header .btn-ibis-gare:hover:before,
header#ibis_gare-header .btn-ibis-gare:hover:after{
    max-width: 100%;
}



a#open-menu {
    display: flex;
    align-items: center;
}


.ibis_gare-lang-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

.lang-selector{
    font-family: 'Titillium Web', sans-serif;
    color: white;
}
.lang-selector.active{
    font-family: 'Titillium Web', sans-serif;
    color: #E20026;
    font-weight: 800;
    font-size: 20px;
}

.ibis_gare-menu-list a,
.ibis_gare-reservation-list a{
    color: white;
    font-size: 18px;
    font-weight: 500;

}

.ibis_gare-menu-list li a,
.ibis_gare-reservation-list li a{
    transition: all 0.3s ease-in-out;
}

.ibis_gare-menu-list li:hover a,
.ibis_gare-reservation-list li:hover a{
    color: #CB9608;
}


/*icone menu*/
ul.ibis_gare-menu-list {
    display: flex;
    flex-wrap: wrap;
}

.item-icones {
    width: 50%;
    min-width: 300px;
    text-align: center;
}

.ibis_gare-menu-items  .item-icones:nth-child(odd) {
    padding: 20px 20px 20px 0;
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
}
.ibis_gare-menu-items  .item-icones:nth-child(even) {
    padding: 20px 0 20px 20px;
    border-left: rgb(255 255 255 / 20%) 1px dashed;
    border-bottom: 1px dashed rgb(255 255 255 / 20%);
}

.item-icones{
    padding: 20px ;
}
.item-icones:nth-last-child(1),
.item-icones:nth-last-child(2){
    border-bottom: none;
}



/*icones*/

.item-icones a:before{
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
}
.icone-lit a:before {
    background-image: url(/wp-content/uploads/lit-menu.svg);
}
.icone-manger a:before {
    background-image: url(/wp-content/uploads/couverts-menu.svg);
}
.icone-groupe a:before {
    background-image: url(/wp-content/uploads/icone-seminaire.svg);
}
.icone-local a:before {
    background-image: url(/wp-content/uploads/icone-rse.svg);
}
.icone-escapade a:before {
    background-image: url(/wp-content/uploads/iocne-appareil-photo-blanc.svg);
}
.icone-une a:before {
    background-image: url(/wp-content/uploads/icone-news.svg);
}
.icone-contact a:before {
    background-image: url(/wp-content/uploads/map-pinv2.svg);
}

.icone-reserver a:before {
    background-image: url(/wp-content/uploads/icone-reserver.svg);
}
.menu-accueil-mobile{
    display: none;
    visibility: hidden;
}


/*media queries*/
@media screen and (max-width: 760px){

    .menu-accueil-mobile{
        display: block;
        visibility: visible;
    }

    .admin-bar header#ibis_gare-header {
        top: 46px;
    }

    header#ibis_gare-header{
        padding: 10px 5% 0;
    }
    nav#ibis_gare-menu{
        flex-direction: column-reverse;
        gap: 20px;

    }

    .header-right-side{
        align-items: center;
        gap: 5px;
        justify-content: space-between;
    }

    .header-btn{
        padding: 5px 10px;
        width: fit-content;
    }

    a#open-menu{
        width: 30px;
    }

    .logo-container.top {
        top: 70px;
        height: fit-content;
    }

    .logo-container.top .logo {
        max-height: 44px;
    }

    .logo-container {
        display: none;
        visibility: hidden;
    }



    .ibis_gare-menu-items.opened, .ibis_gare-reservations-items.opened{
        max-width: 100vw;
        width: 100vw;
        padding-top: 70px;
    }
    ul.ibis_gare-menu-list {
        overflow-y: scroll;
        max-height: 70%;

    }
    .ibis_gare-menu-items{
        justify-content: space-between;
    }

    .ibis_gare-menu-items, .ibis_gare-reservations-items{
        padding:20px 0;
    }
    .ibis_gare-menu-items:has(.scrollable):after{
        content: '';
        color: white;
        display: block;
        width: 40px;
        height: 40px;
        background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 0C9.4019 0 0 9.4019 0 21C0 32.5981 9.4019 42 21 42C32.5981 42 42 32.5981 42 21C42 9.4019 32.5981 0 21 0ZM32.8568 15.88C32.4849 16.2357 31.8678 16.939 31.3154 17.6235C30.6795 18.4131 30.0758 19.2296 29.4884 20.0568C28.3431 21.671 27.206 23.4657 26.1335 25.2146C24.7969 27.3919 23.5007 29.5989 22.2773 31.8436C21.9539 32.4391 20.2266 34.2069 19.5314 32.9403C18.3161 30.728 17.0199 28.5533 15.686 26.411C13.4494 22.8162 11.1077 19.1595 8.1758 16.0848C6.90658 14.7536 9.64173 10.8517 11.1642 12.4469C14.0988 15.5216 16.4405 19.1784 18.6745 22.7731C19.6257 24.3037 20.5581 25.8505 21.4554 27.4134C22.2638 26.0176 23.0938 24.6325 23.9426 23.2609C26.2682 19.5044 28.7015 15.6105 31.9083 12.5305C32.5792 11.8864 33.7083 11.749 34.0533 12.7703C34.4251 13.8751 33.6113 15.1551 32.8541 15.8827L32.8568 15.88Z' fill='%23FBFBFB'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-size: cover;
        animation: bounce 1s infinite;
        position: relative;
    }

    .ibis_gare-menu-items .item-icones:nth-child(odd) {
        padding: 20px;
        border:none;
    }
    .ibis_gare-menu-items .item-icones:nth-child(even) {
        padding: 20px;
        border:none;
    }
    .ibis_gare-menu-items .item-icones {
        width: 100%;
    }


}

@keyframes bounce {
    0% {
        top: 0;
    }
    50% {
        top: 5px;
    }
    100% {
        top: 0;
    }

}