header{
    border-bottom:1px solid var(--wp--preset--color--primary);
}
@media screen and (min-width: 1200px) {
   .accueil {
        background-color: var(--wp--preset--color-primary-back)!important;
    }

    .hide-on-desktop.accueil{
        margin-top:0;
        padding-top:10px;
    }
    .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
        width:max-content;
        left:40%;
        right: auto;
        top:calc(100% + var(--wp--preset--spacing--l) + 4px);
        transform:translateX(-50%);
        border:0;
    }
    .wp-block-navigation .has-child:last-of-type .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
        width:max-content;
        left:-50%;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item:hover::before,
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-submenu__toggle[aria-expanded="true"]::before{
        display:block;
        content:"";
        position: absolute;
        width:55px;
        height:10px;
        background-image: url('../img/marqueur-menu.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container {
        position: relative;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item[class*="current"]::after,
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item:hover::after {
        content:'';
        display: block;
        width:54px;
        height:10px;
        position:absolute;
        bottom:-12px;
        left:50%;
        transform: translateX(-50%);
        background-image: url('../img/status-active.svg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item >.wp-block-navigation-item__content > .wp-block-navigation-item__label{
    letter-spacing: 1%;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container{
        padding: 31.2px 22.4px;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container .wp-block-navigation-item__content{
        color:var(--wp--preset--color--primary);
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container .wp-block-navigation__submenu-container.wp-block-navigation-submenu .wp-block-navigation-item__content:hover{
        color:var(--wp--preset--color--secondary);
    }
    /* Menu Header */
    .wp-block-navigation[aria-label="Menu Header"] .wp-block-buttons{
        gap:20px;
    }
    .wp-block-navigation[aria-label="Menu Header"] .wp-block-buttons .wp-block-button__link{
        font-weight: 500;
        letter-spacing: 2%;
        line-height: 28px;
    }
    .wp-block-navigation[aria-label="Menu Header"] .wp-block-navigation-item__label{
        font-weight: 500;
        letter-spacing: 2%;
    }
}
@media screen and (max-width: 1199px) {

    .responsive-menus{
        justify-content: flex-start;
        width: max-content;
    }
    .responsive-menus .menus{
        flex-direction: row-reverse;
        padding-top:20px!important;
        padding-bottom:20px!important;
    }
    .responsive-menus,
    .accueil {
        background-color: var(--wp--preset--color--primary-back) !important;
        margin-block-start:  0;
        /* padding-block-start: var(--wp--preset--spacing--40); */

    }
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
        flex-direction:row-reverse;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }

    .wp-block-navigation__responsive-container.is-menu-open {
        display: flex;
        background-color:transparent!important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog{
       position: relative;
        border-top: 1px solid var(--wp--preset--color--primary)!important;
    }

    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        position:fixed;
        top:0px;
        left:0;
        overflow-y: auto;
        align-items: unset!important;
        padding-inline:0;
        margin-top:76px;
        background-color: var(--wp--preset--color--neutral);
        border-top: 1px solid var(--wp--preset--color--primary)!important;
        min-height:calc(100vh - 85px);
        width:100vw;
        padding-top:0!important;
        padding-block-end:20px!important;
        display: flex;
        flex-direction: column;
        justify-content: space-between!important;
    }
    
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container > .wp-block-navigation-item{
        padding-inline:30px;
        padding-block:10px;
        border-bottom:1px solid var(--wp--preset--color--primary)!important;
        font-size: 18px!important;
    }
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-button{
        padding-inline:30px;
    }
    .admin-bar .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        top:32px;
        min-height:calc(100vh - 85px - 32px);
    }
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .hide-on-desktop{
        flex-direction:column;
        align-items: flex-start;
        /* padding-block-start: 30px; */
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
         align-items: unset;
         justify-content: unset;
         gap:unset;
         position: relative;
         font-size: 18px!important;
    }
    .wp-block-navigation[aria-label="Menu principal 2"] .wp-block-navigation__container{
        padding-inline: 30px;
        position: relative;
    }
    .has-modal-open header,.has-modal-open header *{
        background-color: #FFF!important;
    }
    .wp-block-navigation__responsive-container-close{
        top:20px;
        left:15px;
        width:30px;
        height:30px;
        background-image: url('../img/close.svg');
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-color: var(--wp--preset--color--neutral);
        z-index:1;
    }
    .accueil .wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close{
         background-color: var(--wp--preset--color--primary-back);
    }
    .wp-block-navigation__responsive-container-close > svg{
        display:none;
    }

    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item.has-child.actif {
        position: fixed;
        width:100vw;
        height:100vh;
        overflow-y:auto;
        left:0;
        top:0;
        border:0;
        background-color: #FFF!important;
        padding-left:80px;
        padding-top: 40px;
        z-index: 99999;
        overflow: hidden;
    }
    .wp-block-navigation .has-child.actif::before{
        position: absolute;
        left:45px!important;
        top:0;
        border:0;
        transform: translate(0)!important;
        align-items: flex-start!important;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item::before,
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item .wp-block-navigation-item__content .wp-block-navigation-submenu__toggle[aria-expanded="true"]{
        display:block;
        content:"";
        position: absolute;
        width:24px;
        height:24px;
        right:20px;
        top:50%;
        transform: translateY(-50%);
        background-image: url('../img/chevron.svg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        z-index: 99999;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item.actif::before,
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item.actif .wp-block-navigation-item__content .wp-block-navigation-submenu__toggle[aria-expanded="true"]{
        right:unset;
        top:43px;
        left:23px;
        transform: rotate(180deg)!important;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item.actif .wp-block-navigation-submenu{
        margin-left:-40px;
        padding-left: 0;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item.actif .wp-block-navigation-submenu .wp-block-navigation-item{
        position: relative;
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item.actif .wp-block-navigation-submenu .wp-block-navigation-item:first-of-type:before{
        content:"";
        display: block;
        width:130vw;
        height:1px;
        background-color:var(--wp--preset--color--primary);
        position: absolute;
        top:0;
        left:50%;
        transform: translateX(-50%);
    }
    .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item.actif .wp-block-navigation-submenu .wp-block-navigation-item:after{
        content:"";
        display: block;
        width:130vw;
        height:1px;
        background-color:var(--wp--preset--color--primary);
        position: absolute;
        bottom:0;
        left:50%;
        transform: translateX(-50%);
    }
    /* .wp-block-navigation[aria-label="Menu principal"] .wp-block-navigation__container > .wp-block-navigation-item.actif .wp-block-navigation-submenu .wp-block-navigation-item:after{
        top:unset;
        bottom:0;
    } */
    .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=false]~.wp-block-navigation__submenu-container{
        display:none;
    }
}
@media (max-width: 782px) {
    .admin-bar .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        top:46px;
        min-height:calc(100vh - 75px - 46px);
    }
}