.menu-container {
    width: 100%;

}


.navbar {
    position: relative;
    width: 100%;
    min-height:80px;

}

.ph-mega-menu .wp-block-site-logo img{
    max-height:68px;
    width:auto;
    transform:translateY(2px);
    padding:4px 0;
}


.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    align-items:center;
    min-height:80px;
}

.menu-item{

    padding:20px 15px;
}

.menu-item.small {
 position:relative;
 padding-right:24px;
}

.menu-item a:not(.wp-block-button__link) {
    display: inline-block;
    padding: 0;
    text-decoration: none;
    font-weight:800;
    color:black;
    text-transform:uppercase;
    font-family:Isidora Sans;

}

.mega-menu {
    display: none;
    position: absolute;
    top: calc(100% + 2px);
    background: rgba(0, 0, 0, 0.8);
   
    z-index: 1000;

  
    background:rgba(0, 0, 0, 0.8);
}




.sfrb-shadow, .mega-menu, .ph-mega-menu.active .menu
{
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}


.mega-menu-row {
    display: flex;
    justify-content: space-around;
    padding: 20px;
}



.menu-item.active .mega-menu {
    display: flex;
    flex-direction:column;

}

.mega-menu .sub-menu-ul
{
    display:flex;
    flex-wrap:wrap;
    padding:0;
    white-space: nowrap;

}
.mega-menu.small .sub-menu-ul
{
    flex-direction:column;
}
.mega-menu .sub-menu-ul li.parent
{

    display:flex;
    
}

.mega-menu .sub-menu-ul .child
{

    width:auto;

    position:absolute;
    left:calc(100%);
    top:0;
    visibility:hidden;
}
.mega-menu .sub-menu-ul .child a
{

 text-transform:none;
 font-weight:400;
}
.sub-menu-ul .parent:not(.active) .hr
{
    opacity:0;
}

.mega-menu .sub-menu-ul li.active .child
{

    visibility:visible;
}

.mega-menu .sub-menu-ul li 
{
    list-style: none;

}

.block.ph-mega-menu
{
    width:100%;
}

.logo-container
{
    position:absolute;
}




.burger
{
    width:24px;
    height:24px;
    display:block;
    background-image:url('../../../assets/img/menu.svg');
    background-position:center center;
    background-repeat:no-repeat;
}

.active .burger
{
    background-image:url('../../../assets/img/cross.svg'); 
}


.menu-item .mega-menu.precept .sub-menu-ul {


   flex-direction:column;
   width:auto;
   height:100%;


}
.mega-menu.precept .parent.bottom .sub-menu-ul.child
{
    //justify-content:flex-end;
    
}

.mega-menu.precept .sub-menu-ul.child:not(.sub-menu-ul.child .sub-menu-ul.child)
{
     background:#08004c;
    
     padding:64px 64px 24px 64px;
     min-width:264px;
}

.mega-menu.precept .sub-menu-ul.child a
{
    color:#cccbda;
}
.ph-mega-menu .menu-item {

    height:100%;
    display:flex;
    align-items:center;


}

.ph-mega-menu .sub-menu-ul.first
{
    position:relative;
    padding-top:8px;
    min-height:424px;
}





.ph-mega-menu .parent.active a:not(.child_link), .mega-menu.small li a:hover{

    color:#4776f6;
}
.ph-mega-menu .parent a:not(.child_link){

    font-weight:bold;
}
.ph-mega-menu .parent.active a.child_link:hover
{

    //font-weight:bold;
    color:white;
}

.ph-mega-menu .parent.active a.child_link:after
{

content: "";
width: 8px;
aspect-ratio: 1;
display: inline-block;
border-right: 2px solid #4776f6;
border-bottom: 2px solid #4776f6;
opacity:0;
transform:rotate(-45deg);
transform-origin: center center;
transition: 0.2s ease-in-out;
}

.ph-mega-menu .parent.active a.child_link:hover:after
{

content: "";
width: 8px;
aspect-ratio: 1;
display: inline-block;
border-right: 2px solid #4776f6;
border-bottom: 2px solid #4776f6;
opacity:1;
transform:translateX(8px) rotate(-45deg);
transform-origin: center center;
transition: 0.2s ease-in-out;
}




.sub-menu-ul.child .sub-menu-ul.child
{
    position:relative;
    left:0;
    padding-left:16px!important;
    justify-content:flex-start!important;
}

.sub-menu-ul.child .sub-menu-ul.child li a{

    padding-bottom:0;
    font-weight:400
}

.sub-menu-ul.child:has(.sub-menu-ul.child) a{
    font-weight:bold;
}

.menu-item .with-children:after{
    content:"";
    width:8px;
    aspect-ratio:1;
    display:inline-block;
    border-right:2px solid #4776f6;
    border-bottom:2px solid #4776f6;
    margin-left:8px;
    transform:translateY(-3px) rotate(45deg);
    transform-origin:center center;
    transition:0.2s ease-in-out;
}
.menu-item.active .with-children:after{
    transform:rotate(225deg);
}


@media(min-width:1024px)
{
    .mega-menu.small .mega-menu-container:before, .mega-menu.small .mega-menu-container:after
    {
        content:"";
        width:75px;
        height:4px;
        background:#4776f6;
        position:absolute;
         right:0;
    }
    .mega-menu.small .mega-menu-container:before
    {
        top:-2px
        ;
       
    }

    .mega-menu.small .mega-menu-container:after
    {
        bottom:-2px;
    }
    .mega-menu-container{
    width:100%;
    padding:0 24px;
    max-width:1080px;
    margin-left:auto;
    margin-right:auto;
    display: flex;
    height:auto;
    justify-content:space-between;
    

    }
    .mega-menu {
        
      
        margin-left: auto;
        margin-right: auto;
      
        right: 0;
        width: 100vw; /* 100% de la largeur de la fenêtre */
        margin-left: -50vw; /* Enlève la moitié de la largeur de la fenêtre */
        left: 50%; /* Pour centrer la div sur la largeur totale de la fenêtre */
        height:100vh;
       
    }

    .mega-menu.small
    {
       position: absolute;
       width: auto;
       position: absolute;
       left:auto;
       right: 24px;
       top: 100%;
       background:none;
        height:auto

    }
    .mega-menu .white-overlay{
        background:white;
         display: flex;
         justify-content:center;
         flex-direction:column;
    }

    .mega-menu .white-overlay .title-container
    {
        max-width: 1080px;
        margin:auto;
        width:100%;
      
        padding:8px 24px ;
        font-family: var(--wp--preset--font-family--isidora-sans);
        font-weight:800;
        text-transform:uppercase;
        font-size:18px;
        background-color: #f3f3f2;
    }

    .mega-menu.small .mega-menu-container
    { 
      position:relative;
      padding-top:16px;
      padding-bottom:16px;
      width:auto;
    }
    .mega-menu.small .sub-menu-ul , .mega-menu.small .sub-menu-ul li
    {
        text-align:right;
        width:100%!important;
    }
    .ph-mega-menu .sub-menu-ul.first li, .mega-menu.small .sub-menu-ul li
    {
        padding:8px 24px 8px 0;
    }

    .ph-mega-menu .sub-menu-ul.first li ul li
    {
        padding:8px 24px 8px 0;
    }


    .menu-sep
    {

        display:flex;
        flex:1;
        align-items:center;
        padding:0 0 0 24px;
        justify-content:flex-end;

    }
    .menu-sep .hr{
        width:100%;
        min-width:24px;
        color:red;
        height:1px;
        background:grey;
        opacity:0.3;
        visibility:hidden;
        max-width:120px;
    }

    .active .menu-sep .hr{
        visibility:visible;
    }

    .active.no-child .menu-sep .hr{
        visibility:hidden;
    }
    .ph-mega-menu .menu-item a
    {
        position:relative;
    }
    .ph-mega-menu .menu-item:not(.small) a:not(.mega-menu a):before, .ph-mega-menu .menu-item a.menu_underlined:before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: calc(50% - 22px);

    width: 0px;
    height: 8px;
    background: #f5038f;
    transition: width 0.2s ease-in-out;
    }

    .ph-mega-menu .menu-item:not(.small) a.with-children:not(.mega-menu a):before, .ph-mega-menu .menu-item:not(.small) a.menu_underlined:before {
        left: calc(50% - 30px);
    }

    .ph-mega-menu .menu-item.active:not(.small) a:not(.mega-menu a):before, .ph-mega-menu .menu-item a.menu_underlined:not(.mega-menu a):before
    {
    width: 44px;
    }
    .ph-mega-menu .reclame
    {
        display:flex;
       

        max-width:294px;
       
    }
     ul.sub-menu-ul.col-2
    {
        display:block;
         columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;

    }

}

@media(max-width:768px)
{
    .navbar {

        height:auto;
        min-height:0px;

    }
    .ph-mega-menu .wp-block-site-logo img
    {
        max-height:56px;
        width:auto;
        transform:translateY(4px);
    }
    .menu {
     min-height:0px;
    }
     .ph-mega-menu.active .menu
    {
        max-width:calc(100% + 24px);
        left:0px;
        overflow:hidden; 
    }

    .mega-menu li
    {
        max-width:100%;
    }
}


@media(max-width:1023px)
{
    .ph-mega-menu:not(.active)
    {
        overflow:hidden;
    }

    .mega-menu .sub-menu-ul
    {  
       white-space: wrap!important;
    }
    button.mobil-nav
    {
      position: absolute;
      top: 0;
      bottom: 0;
      right:0;
      margin: auto 0; 
      background:none;
      border:none; 
    }



    .mega-menu
    {
        display:block!important;
        position:relative!important;
        box-shadow:none!important;
        background:none!important;
    }


    

    .menu
    {

        display:block!important;
        position:absolute;
    }


    .ph-mega-menu .menu-item
    {
        display:block!important;
        padding:6px 24px;
    }

    .ph-mega-menu .menu-item .mega-menu
    {
        visibility:hidden;
        height:0;
        padding:0;
    }

    .ph-mega-menu .menu-item.active .mega-menu
    {
        visibility:visible;
        height:auto;
    }

    .mega-menu .sub-menu-ul li.parent {
        display: block!important;
    }


    .mega-menu .sub-menu-ul .child
    {
        position:relative!important;
        left:0!important;


        display:none;
    }
    .parent.active .sub-menu-ul .child
    {

        display:block!important;
        border:1px solid red;
    }

    .mega-menu .sub-menu-ul .child
    {
        position:relative!important;
        left:0!important;
        visibility:visible!important;
    }
    .parent .menu-sep
    {
        display:none;
    }
    .contact-block-container
    {
        display:none!important;
    }

    .ph-mega-menu .menu {
        position: absolute;
        right: 0;
        transform: translateX(110%);
        background: white;
        overflow: scroll!important;
        max-height: calc(100vh - 72px);
        min-height: calc(100vh - 72px);
        transition: transform 0.3s ease-in-out;
        padding:18px 0;
    }

    .ph-mega-menu.active .menu {
        transform: translateX(24px);
       
    }
    .ph-mega-menu .logo-container
    {
        position:relative;
    }

    .ph-mega-menu
    {
        //overflow:hidden;
        max-width:100%;

    }

    .sub-menu-ul li
    {
        font-size:12px;
        font-weight:400!important;
        padding-left:16px!important;
    }

    .menu-item.small .burger
    {
        display:none;
    }

    .menu-item.small .mega-menu.small
    {
        height:auto;
        visibility:visible;
    }

    .menu-item.small .mega-menu.small .sub-menu-ul
    {

        flex-direction:column;
        margin-top:-26px;

    }

    .menu-item.small .mega-menu.small .sub-menu-ul li
    {
        padding-left:0!important;
        font-size:16px;
        padding:6px 0;
    }
    .ph-mega-menu .sub-menu-ul.first li
    {
        padding:8px 24px 8px 0;
    }
    .ph-mega-menu .reclame
    {
        display:none;
    }

    .ph-mega-menu .title-mega-menu
    {
        display:none;
    }

   
}









.reclame-container {
            display: grid;
            grid-template-columns: 1fr; /* Une seule colonne */
            padding-bottom:24px;
            padding-top:13px;
           
            min-height:540px;
           
        }

        .reclame-container .mm_rc {
            
            display:none;
           
        }
        .reclame-container .mm_rc.active
        {
            display:flex;
            align-items:center;
        }


.mega-menu.small .title-mega-menu
{
    display:none;
}


.title-mega-menu
{
    text-transform: uppercase;
    font-weight:bold;
    font-size:22px;
    margin-bottom:16px;
}