.mega-menu .mega-menu-row:first-child ul.mega-sub-menu[role="presentation"] {
  margin-top: 40px!important; /* not requested but seems necessary */
}

.mega-menu .mega-menu-row:first-child ul.mega-sub-menu[role="presentation"] .mega-block-title {
  font-family: var(--font-family)!important;
  font-weight: 700!important;
  font-size: var(--font-size-h4)!important;
  color: var(--c-text-title)!important;
  border-width:0!important;
}

.mega-menu .mega-menu-row:first-child ul.mega-sub-menu[role="presentation"] .textwidget p {
  /* Description */
  font-size: var(--font-size-default);
  max-width: 792px!important;
  margin-bottom: 25px!important;
}

.mega-menu .mega-menu-row:nth-child(2) ul.mega-sub-menu[role="presentation"] {
  grid-gap: 64px!important;
}

#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
  font-size: 14px;
}

#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title:hover{
  /* border-bottom: 1px solid var(--c-border); */
}

.mega-menu ul.mega-sub-menu .mega-menu-link  {
  /* Column links */
  font-family: var(--font-family)!important;
  font-weight: 400!important;
  font-style: normal!important;
  font-size: var(--font-size-default)!important;
  color: var(--c-text-title);
  padding: 2px 0 /*!important*/;
}

.mega-sub-menu .submenu-close {
  z-index: 999;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background-color: yellow;
  color: red;
  border: solid black 2px;
}

#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-megamenu > ul.mega-sub-menu {
  padding: 0 22px;
}

.mega-menu .mega-menu-row:nth-child(2) ul.mega-sub-menu[role="presentation"] {
  grid-gap: 10px!important;
}

.mega-menu .mega-menu-row:first-child ul.mega-sub-menu[role="presentation"] {
  margin-top: 15px!important
}

#mega-menu-wrap-menu-main .mega-close-desktop {
  display: none;
}
.mega-menu-item.external-link > .mega-menu-link{
  justify-content: flex-end;
  flex-direction: row-reverse;
}
#mega-menu-wrap-menu-main .mega-menu-item .mega-menu-link[target="_blank"]::before{
  content: "" !important;
  --icon-size: 1rem;
  background-color: var(--text-action-high-grey);
  content: var(--external-link-content);
  display: inline-block;
  flex: 0 0 auto;
  height: var(--icon-size);
  margin-left: .25rem;
  -webkit-mask-image: url("../../../wp-dsfr-theme/dist-dsfr/icons/system/external-link-line.svg");
  mask-image: url("../../../wp-dsfr-theme/dist-dsfr/icons/system/external-link-line.svg");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  vertical-align: calc((.75em - var(--icon-size))*.5);
  width: var(--icon-size);
}


/* HEADER */
/* keeping this breakpoint because the megamenu uses it and it prevents from repeating already existing code */
@media screen and (max-width: 991px) {
  .fr-header__menu .fr-container {
    padding: 0 16px;
  }

  .fr-header .fr-modal>*>.fr-btn--close {
    margin-top: 10px;
    margin-right: 11px;
  }

  .fr-header .mega-menu ul.mega-sub-menu .mega-menu-link,
  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
    font-size: 1rem !important;
  }

  .fr-header .fr-header__menu-links [aria-controls="fr-theme-modal"] {
    width: 100%;
    padding-inline: 24px;
    font-weight: 400;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-megamenu>ul.mega-sub-menu {
    box-shadow: none;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main>li.mega-menu-item>a.mega-menu-link {
    padding: 0 22px;
    font-weight: 700;
    border: none;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main>li.mega-menu-item:hover,
  #mega-menu-wrap-menu-main #mega-menu-menu-main>li.mega-menu-item:active,
  #mega-menu-wrap-menu-main #mega-menu-menu-main>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
    border: none;
    background: var(--c-primary-light);
    color: var(--c-text);
    font-weight: 700;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-grid>ul.mega-sub-menu>li.mega-menu-row {
    margin-top: 20px;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item h4.mega-block-title {
    border: none;
    margin-bottom: 12px;
  }

  .mega-menu-column:not(:last-child) {
    border-bottom: 1px solid var(--border-default-grey) !important;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main .mega-menu-item-has-children>.mega-sub-menu>.mega-menu-row>.mega-sub-menu>.mega-menu-column,
  #mega-menu-wrap-menu-main #mega-menu-menu-main .mega-menu-item-has-children>.mega-sub-menu>.mega-menu-row>.mega-sub-menu>.mega-menu-column>.mega-sub-menu>.mega-menu-item:last-child {
    margin-bottom: 25px;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main .mega-menu-item-has-children>.mega-sub-menu>.mega-menu-row>.mega-sub-menu>.mega-menu-column:last-child {
    margin-bottom: 0;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-grid>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item-object-page,
  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-grid>ul.mega-sub-menu>li.mega-menu-row>ul.mega-sub-menu>.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item-type-custom {
    padding: 0;
  }

  .mega-menu-horizontal {
    margin-inline: 24px;
  }
	
	#mega-menu-wrap-menu-main .mega-menu-toggle + #mega-menu-menu-main {
		background: var(--background-lifted-grey);
	}
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, 
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, 
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
		color: var(--text-active-blue-france);
	}

	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link:active,
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link:hover{
		background-color: var(--background-open-blue-france);
		font-weight: 700;
	}

	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link{
		color: var(--text-action-high-grey);
	}

	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
		background: var(--background-open-blue-france);
		color: var(--text-active-blue-france);
	}
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item{
		border-bottom: 1px solid var(--border-default-grey);
	}
	#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-megamenu > ul.mega-sub-menu{
		background: var(--background-lifted-grey);
	}
}

	#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column-standard h4.mega-block-title, 
	#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title,
	#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column-standard > a.mega-menu-link, 
	#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item .textwidget{
		color: var(--text-action-high-grey) !important;
	}

/*
╔═════════════════════════════════════════════╗
║                                             ║
║                   TABLET                    ║
║                                             ║
╚═════════════════════════════════════════════╝
*/

@media only screen and (min-width: 768px) {

} /* end of @media only screen and (min-width: 768px) */




/*
╔═════════════════════════════════════════════╗
║                                             ║
║                   DESKTOP                   ║
║                                             ║
╚═════════════════════════════════════════════╝*/

/*Destop*/
@media screen and (min-width: 992px) {
  .fr-header [aria-controls="fr-theme-modal"] {
    display: none;
  }

  .fr-header .fr-nav {
    margin: 0 -16px;
  }
	
	#mega-menu-wrap-menu-main #mega-menu-menu-main>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link{
		background: var(--text-default-grey);
		color: var(--text-action-high-blue-france);
		border-color:  var(--text-action-high-blue-france);
	}
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link,
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link{
		color: var(--text-default-grey);
		border-color: rgba(1,1,1,0);
	}
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item:not(.mega-current-menu-item) > a.mega-menu-link:hover, 
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item:not(.mega-current-menu-item) > a.mega-menu-link:focus,
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item:not(.mega-current-menu-item) > a.mega-menu-link:active{
		background: var(--background-default-grey-hover);
		border-color:var(--text-action-high-blue-france);
		color: var(--text-action-high-blue-france);
	}
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover, 
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:focus{
		border-color: var(--text-action-high-blue-france);
		background: var(--background-default-grey-hover);
		color: var(--text-action-high-blue-france);
	}
	#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-item > a.mega-menu-link::before{
		background-color: var(--text-default-grey);
	}
	#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link:hover::before{
		background-color: var(--text-action-high-blue-france);
	}

  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator::after {
    transition: transform 0.3s ease;
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-item-has-children.mega-toggle-on>a.mega-menu-link>span.mega-indicator::after {
    transform: rotate(180deg);
  }

  #mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-megamenu>ul.mega-sub-menu {
    padding-top: 49px;
    padding-bottom: 40px;
  }

  /* Desktop close button */
  #mega-menu-wrap-menu-main .mega-toggle-on .mega-close-desktop {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99999;
    display: block;
  }
    #mega-menu-wrap-menu-main #mega-menu-menu-main>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    #mega-menu-wrap-menu-main #mega-menu-menu-main>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link{
      background: transparent;
    }
	#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-megamenu > ul.mega-sub-menu{
		background-color: var(--background-overlap-grey);
	}
	

	#mega-menu-wrap-menu-main #mega-menu-menu-main>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
		background-color: rgba(0, 0, 0, 0);
	}
} /* end of @media screen and (min-width: 992px) */