/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/megamenu/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
/* --- Variables et mixins --- */
/* --- Styles pour le header sticky --- */
header.wp-block-template-part {
  background-color: var(--wp--preset--color--white);
  /* --- Positionnement du logo et du bouton mobile --- */
}
header.wp-block-template-part.sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: top 0.3s ease-in-out, background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
header.wp-block-template-part.scrolled {
  background-color: var(--wp--preset--color--white);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
@media (width < 1020px) {
  header.wp-block-template-part .wp-block-site-logo {
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  header.wp-block-template-part #megamenu-mobile-button {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
  }
  header.wp-block-template-part .wp-site-blocks > header {
    position: relative;
  }
}

body.admin-bar header.wp-block-template-part.sticky-header {
  top: 32px;
}
@media screen and (max-width: 782px) {
  body.admin-bar header.wp-block-template-part.sticky-header {
    top: 46px;
  }
}
body.no-scroll {
  overflow: hidden;
  height: 100svh;
}
@media (width > 1020px) {
  body.no-scroll {
    overflow: initial;
    height: auto;
  }
}

/* --- Structure principale du mega menu --- */
.wp-block-niji-megamenu {
  position: absolute;
  width: 100%;
  height: 100svh;
  padding: 1rem 0;
  z-index: 10;
  left: -100%;
  transition: 0.4s left;
  top: 120px;
  background-color: var(--wp--preset--color--primary-50);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (width < 1020px) {
  .wp-block-niji-megamenu.open {
    left: 0;
    overflow-y: auto;
    height: calc(100svh - 120px);
    max-height: calc(100svh - 120px);
    position: fixed;
  }
}
@media (width > 1020px) {
  .wp-block-niji-megamenu {
    padding: 0;
    top: 0;
    position: initial;
    left: initial;
    width: 100%;
    height: auto;
    background-color: transparent;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .wp-block-niji-megamenu.open {
    position: initial;
    height: auto;
    overflow: visible;
  }
}
.wp-block-niji-megamenu .menu-svg-decoration {
  position: absolute;
  top: -250px;
  left: -15%;
  z-index: -1;
}

.wp-block-niji-megamenu {
  /* --- Navigation principale --- */
  /* --- Sous-menus --- */
  /* --- Menu items --- */
  /* --- Liens de menu --- */
  /* --- Colonne articles des sous-menus --- */
  /* --- Sortcuts --- */
}
.wp-block-niji-megamenu .site-navigation__list {
  display: flex;
  flex-direction: column;
  padding: 1.5rem 0 0;
  margin: 0;
  width: 100%;
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .site-navigation__list {
    width: auto;
    padding: 0;
    flex-direction: row;
    margin-right: auto;
  }
}
@media (width < 1020px) {
  .wp-block-niji-megamenu .site-navigation__content {
    display: flex;
    flex-direction: column;
  }
}
.wp-block-niji-megamenu .site-navigation__content .level-0.open .sub-menu__wrapper.level-1 {
  display: flex;
  padding-top: 1rem;
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .site-navigation__content .level-0.open .sub-menu__wrapper.level-1 {
    display: flex;
    gap: 3rem;
    background-color: var(--wp--preset--color--primary-50);
    margin-inline: auto;
    min-height: 335px;
    padding-top: 2rem;
    position: absolute;
    top: calc(100% + 1rem);
    left: 0;
    z-index: 999;
    max-width: var(--wp--style--global--wide-size, 1280px);
    width: 100%;
    align-items: flex-start;
  }
}
@media (width > 1020px) and (min-width: 1280px) {
  .wp-block-niji-megamenu .site-navigation__content .level-0.open .sub-menu__wrapper.level-1 {
    left: calc(50% - 600px);
  }
}
@media (width > 1020px) and (max-width: 1279px) {
  .wp-block-niji-megamenu .site-navigation__content .level-0.open .sub-menu__wrapper.level-1 {
    padding-inline: 2rem;
  }
}
.wp-block-niji-megamenu .sub-menu {
  margin: 0;
  /* --- Gestion des groupes de colonnes --- */
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .sub-menu {
    padding: 0;
  }
}
.wp-block-niji-megamenu .sub-menu.level-1 {
  margin: 0 1.5rem;
}
@media (width > 1020px) {
  body.menu-open .wp-block-niji-megamenu .sub-menu.level-1 {
    row-gap: 0.5rem;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
  }
}
.wp-block-niji-megamenu .sub-menu__wrapper.level-1 {
  display: none;
  position: relative;
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .sub-menu__wrapper.level-1 {
    position: absolute;
    width: 100%;
    max-width: var(--wp--style--global--wide-size, 1200px);
    background-color: var(--wp--preset--color--primary-50);
    border: 1px solid var(--wp--preset--color--primary);
  }
  .wp-block-niji-megamenu .sub-menu__wrapper.level-1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    background-image: url("data:image/svg+xml,<svg width=\"867\" height=\"575\" viewBox=\"0 0 867 575\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M405.59 8.37128C299.121 25.8215 199.468 72.6764 125.016 139.912C27.068 228.571 -16.8798 340.858 7.55839 440.307C27.9392 523.014 103.012 576.843 194.367 574.359C278.553 572.065 373.565 516.527 396.009 397.958C407.585 336.642 472.303 259.592 557.134 206.468C651.382 147.311 753.063 126.034 836.035 148.384C844.726 150.757 853.874 147.918 859.765 141.642C861.471 139.847 862.834 137.91 864.006 135.653C869.096 125.259 866.018 112.788 856.656 105.786C848.885 100.005 664.237 -34.2047 405.756 8.35918\" fill=\"%23D1F2E0\"/></svg>");
    background-position: -80px -245px;
    background-repeat: no-repeat;
    background-color: var(--wp--preset--color--primary-50);
    z-index: -1;
  }
  .wp-block-niji-megamenu .sub-menu__wrapper.level-1::after {
    content: url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 124\" fill=\"none\"><path d=\"M909.046 59.2362C1054.46 40.987 1264.93 14.5728 1440 9.53336L1440 0.0001297L1.08404e-05 3.81091e-06L2.62287e-06 93.9978C218.131 150.688 480.537 113.9 648.729 90.3209C695.049 83.8272 734.224 78.3352 763.36 76.0734C793.58 73.7274 845.003 67.2737 909.046 59.2362Z\" fill=\"%23F3FCE9\"/></svg>");
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 0;
    background-color: var(--wp--preset--color--primary-50);
    z-index: -1;
  }
}
.wp-block-niji-megamenu .sub-menu__columns {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .sub-menu__columns {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
    flex: 1;
    padding-block: 1.5rem;
  }
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .sub-menu__column-group {
    flex: 0 1 calc(50% - 1.5rem);
    margin-bottom: 1rem;
    min-width: 250px;
  }
}
.wp-block-niji-megamenu .sub-menu__column-group ul {
  margin: 0;
  padding: 0;
}
.wp-block-niji-megamenu .menu-item {
  margin: 0;
  text-decoration: none;
  padding: 0 0.5rem;
}
@media (width < 1020px) {
  .wp-block-niji-megamenu .menu-item.level-0 {
    border-bottom: 1px solid var(--wp--preset--color--primary-100);
    padding: 1rem 0;
    margin: 0 2rem;
  }
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .menu-item.level-0 {
    padding: 2rem 0.75rem;
    display: flex;
  }
  .wp-block-niji-megamenu .menu-item.level-0:first-child, .wp-block-niji-megamenu .menu-item.level-0:nth-child(2), .wp-block-niji-megamenu .menu-item.level-0:nth-child(3) {
    background-color: var(--wp--preset--color--primary-50);
  }
  .wp-block-niji-megamenu .menu-item.level-0:first-child > .menu-link, .wp-block-niji-megamenu .menu-item.level-0:nth-child(2) > .menu-link, .wp-block-niji-megamenu .menu-item.level-0:nth-child(3) > .menu-link {
    font-weight: 700;
  }
  .wp-block-niji-megamenu .menu-item.level-0:first-child {
    padding-left: 2rem;
    border-radius: 2.5rem 0 0 2.5rem;
  }
  .wp-block-niji-megamenu .menu-item.level-0:nth-child(3) {
    border-radius: 0 2.5rem 2.5rem 0;
    padding-right: 2rem;
    margin-right: 1.5rem;
  }
}
.wp-block-niji-megamenu .menu-item.level-0 > .menu-link {
  padding: 0;
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
}
@media (width < 1020px) {
  .wp-block-niji-megamenu .menu-item.level-0 > .menu-link:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M12 5V19%27 stroke=%27%231F7C4A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3Cpath d=%27M5 12H19%27 stroke=%27%231F7C4A%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E%0A");
    display: block;
    width: 20px;
    height: 20px;
  }
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .menu-item.level-0 > .menu-link:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -0.35rem;
    width: 100%;
    height: 0.15rem;
    transition: 0.3s background-color;
  }
  .wp-block-niji-megamenu .menu-item.level-0 > .menu-link:hover:after {
    background-color: var(--wp--preset--color--primary-500);
  }
}
.wp-block-niji-megamenu .menu-item.level-0.open > .menu-link {
  padding: 0;
}
@media (width < 1020px) {
  .wp-block-niji-megamenu .menu-item.level-0.open > .menu-link:after {
    background-image: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg id=%27icon/minimize%27%3E%3Cpath id=%27Vector%27 d=%27M19 13H13H11H5V11H11H13H19V13Z%27 fill=%27%231F7C4A%27/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}
.wp-block-niji-megamenu .menu-item.level-1, .wp-block-niji-megamenu .menu-item.level-2 {
  list-style: disc;
}
.wp-block-niji-megamenu .menu-item.level-1 {
  font-size: 1rem;
  padding-left: 0.25rem;
  margin-left: 0.25rem;
}
.wp-block-niji-megamenu .menu-item.level-1 .menu-link {
  font-weight: 700;
}
.wp-block-niji-megamenu .menu-item.level-1 .menu-link:hover {
  text-decoration: underline;
}
.wp-block-niji-megamenu .menu-item.level-1.current-menu-item > .menu-link:after {
  background-color: var(--wp--preset--color--white);
}
.wp-block-niji-megamenu .menu-item.level-2 .menu-link {
  font-weight: 400;
  font-size: 1rem;
  padding: 0.25rem 0;
}
.wp-block-niji-megamenu .menu-item.level-2 .menu-link:hover {
  text-decoration: underline;
}
.wp-block-niji-megamenu .menu-link {
  display: flex;
  padding: 0.5rem 0;
  flex-direction: row;
  text-decoration: none;
  font-size: 1.125rem;
  font-family: var(--wp--preset--font--primary);
  width: 100%;
  background: unset;
  cursor: pointer;
  border: none;
  position: relative;
  color: var(--wp--preset--color--primary-900);
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .menu-link {
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
  }
}
.wp-block-niji-megamenu .menu-link:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgb(161, 249, 38);
}
.wp-block-niji-megamenu .column-article {
  display: none;
  grid-area: article;
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .column-article {
    display: flex;
    background-color: white;
    padding: 1.5rem 2.5rem;
    align-items: flex-start;
    justify-items: flex-start;
    gap: 2.5rem;
    width: 485px;
    border-radius: 2.5rem;
    color: var(--wp--preset--color--primary-900);
  }
}
.wp-block-niji-megamenu .column-article__title {
  font-size: 1.5rem;
  font-family: var(--wp--preset--font-family--primary);
}
.wp-block-niji-megamenu .column-article__description {
  font-size: 1rem;
}
.wp-block-niji-megamenu .column-article__illustration {
  display: none;
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .column-article__illustration {
    display: flex;
    align-self: center;
    justify-content: center;
  }
}
.wp-block-niji-megamenu .column-article__btn {
  margin-top: 2rem;
}
.wp-block-niji-megamenu .languages-selector {
  align-self: center;
}
@media (width > 1020px) {
  .wp-block-niji-megamenu .languages-selector {
    margin-left: auto;
  }
}
.wp-block-niji-megamenu .site-navigation__search-btn {
  align-self: center;
}

/* --- Overlay pour le mégamenu ouvert --- */
body.menu-open main.wp-block-template-part,
body.menu-open footer.wp-block-template-part {
  transition: 0.3s opacity, 0.3s filter;
  opacity: 0.9;
  filter: contrast(0.5);
}

/* --- Ajout d'espace pour le contenu principal quand le header est sticky --- */
.sticky-header + main {
  padding-top: var(--header-height--mobile, 72px);
}
@media (width > 1020px) {
  .sticky-header + main {
    padding-top: var(--header-height, 125px);
  }
}

/* --- Style du bouton mobile menu --- */
@media (width > 1020px) {
  #megamenu-mobile-button {
    display: none;
  }
}

/*# sourceMappingURL=style-index.css.map*/