@charset "UTF-8";
/* stylelint-disable scss/dollar-variable-empty-line-before */
/* Thematics colors (figma token color) */
/* Containers */
/* stylelint-disable scss/dollar-variable-empty-line-before */
/* stylelint-disable scss/dollar-variable-empty-line-before */
/* Deprecated media queries */
/* stylelint-disable scss/dollar-variable-empty-line-before */
@keyframes ci-spin-keyframes {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.cd-anim-spin {
  animation: ci-spin-keyframes 2s infinite linear;
}

.navbar ul {
  list-style-type: none;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}

:root .hidden {
  display: none !important;
}

:root .shadow-400 {
  box-shadow: 0 -20px 40px rgba(17, 36, 54, 0.04), 0 30px 50px rgba(17, 36, 54, 0.04);
}
:root .shadow-500 {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.15);
}
:root .shadow-600 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.15);
}
:root .shadow-700 {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05), 0 15px 25px rgba(0, 0, 0, 0.15);
}
:root .shadow-800 {
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
}
:root .shadow-none {
  box-shadow: none;
}

/* Media queries */
/* Durations */
/* Sticky header heights */
/* Blog Breadcrumb heights */
.hs-inline-edit .navbar__submenu-container {
  display: none;
}

.navbar {
  /* Les labels affichés dans le header */
  /* Cas particulier du menu Ressources qui n'a pas de Top articles */
  /* Cas particulier du menu qui a le widget simulateur */
  /* Widget incentive */
  /* Cas particulier du menu Ressources où les boutons link sont foncés */
  /* Cas particulier de la colonne Top articles où il y a aussi un background inclus */
  /* Cas particulier du menu Gérer mon entreprise où on modifie l'ordre */
  /* Toutes les règles en mode mobile */
}
.navbar input {
  display: none;
}
.navbar label {
  line-height: 1.4;
  margin: 0;
}
.navbar label .ci {
  transition: transform 0.2s ease;
}
.navbar label.active .ci,
.navbar .navbar__submenu-container input[type=checkbox]:checked + label .ci {
  transform: rotate(180deg);
}
.navbar .navbar__list label {
  --hover-bg-color: #fbeada;
  --active-bg-color: #f6cfad;
  gap: 8px;
  font-size: 0.875rem;
}
.navbar .navbar__list label.active {
  --bg-color: #f6cfad;
  --hover-bg-color: #f6cfad;
}
.navbar .navbar__list label:hover {
  box-shadow: none;
}
.navbar .navbar__list label .cd-btn__icon {
  display: flex;
  align-items: center;
}
.navbar ul {
  display: flex;
  flex-wrap: nowrap;
}
.navbar > ul {
  gap: 4px;
  align-items: center;
}
.navbar .navbar__submenu-container {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: #fff;
  transition: all 0.5s;
  padding-left: 32px;
  overflow: hidden;
}
.navbar .navbar__submenu-container label {
  padding: 24px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #f1f2f3;
  cursor: pointer;
  font-size: 1.25rem;
}
.navbar .navbar__submenu-container label:hover {
  background-color: #fafafa;
}
.navbar .navbar__submenu-container label .ci {
  transform: rotate(270deg);
}
@media only screen and (min-width: 1200px) {
  .navbar .navbar__submenu-container label {
    display: none;
  }
}
.navbar .navbar__submenu {
  --transform-opacity-delay: 0s;
  display: grid;
  overflow: hidden;
  grid-template-rows: 0fr;
  opacity: 0;
  padding: 0;
  transition: grid-template-rows 0.3s, padding 0.3s, opacity 0.1s var(--transform-opacity-delay);
}
.navbar .navbar__submenu-wrapper {
  overflow: hidden;
  display: grid;
  gap: 48px;
  grid-template-columns: 1fr 1fr 1fr minmax(30%, 400px);
  grid-template-rows: auto 1fr;
  align-items: flex-start;
}
.navbar #navbar__submenu-resources .navbar__submenu-wrapper {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.navbar .navbar__submenu ul {
  gap: 16px;
  flex-direction: column;
}
.navbar .navbar__submenu-list__title {
  font-weight: 600;
  margin-bottom: 24px;
}
.navbar .navbar__submenu-list-item--more .cd-btn {
  --color: #1471cc;
  --hover-color: #2a5784;
  --active-color: #1d3d5d;
  font-weight: 600;
  padding: 0;
  text-align: start;
}
.navbar .navbar__submenu-create-company {
  grid-column: 1;
  grid-row: 1/3;
}
.navbar .navbar__submenu-protect-company {
  grid-column: 2;
  grid-row: 1;
}
.navbar .navbar__submenu-care-company {
  grid-column: 3;
  grid-row: 1;
}
.navbar .navbar__submenu-find-lawyer {
  grid-column: 1;
  grid-row: 1/3;
}
.navbar .navbar__submenu-accounting {
  grid-column: 2;
  grid-row: 1;
}
.navbar .navbar__submenu-delegate-legal {
  grid-column: 3;
  grid-row: 1;
}
.navbar .navbar__incentive-card {
  --card-padding: 24px;
  grid-column: 2/4;
  grid-row: 2;
  width: 100%;
  background: linear-gradient(180deg, #e8f0f8 0.23%, #eee2f3 99.77%);
}
.navbar .navbar__incentive-card__mobile {
  display: flex;
  gap: 4px;
  justify-content: center;
  align-items: center;
}
.navbar .navbar__incentive-card__desktop {
  display: grid;
  grid-template-columns: auto 1fr;
  justify-items: flex-start;
  align-items: center;
  gap: 0 24px;
}
.navbar .navbar__incentive-card__desktop img {
  grid-column: 1;
  grid-row: 1/3;
}
.navbar .navbar__incentive-card__desktop h4 {
  grid-column: 2;
  grid-row: 1;
  font-weight: 400;
}
.navbar .navbar__incentive-card__desktop h4 strong {
  color: #1471cc;
}
.navbar .navbar__incentive-card__desktop a {
  grid-column: 2;
  grid-row: 2;
  padding-left: 0;
}
.navbar .navbar__submenu-top-articles .navbar__submenu-list-item--more .cd-btn, .navbar #navbar__submenu-resources .navbar__submenu-list-item--more .cd-btn {
  --color: #232b2b;
  --hover-color: #43444c;
  --active-color: #43444c;
}
.navbar .navbar__submenu-top-articles {
  --top-articles-left-padding: 64px;
  z-index: 1;
  grid-column: 4;
  grid-row: 1/3;
  padding-left: var(--top-articles-left-padding);
}
@media only screen and (max-width: 1199px) {
  .navbar .navbar__submenu-top-articles {
    --top-articles-left-padding: 32px;
  }
}
.navbar .navbar__submenu-top-articles .navbar__submenu-list-item--more {
  order: unset;
}
.navbar .navbar__submenu-top-articles::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  background-color: #fef9f4;
  z-index: -1;
  transform: translateX(calc(var(--top-articles-left-padding) * -1));
}
.navbar .navbar__submenu-simulators {
  z-index: 1;
}
@media only screen and (min-width: 1200px) {
  .navbar {
    /* Par défaut, utiliser la logique des radios (Desktop) pour avoir 1 seul menu à la fois */
    /* Affichage de l'overlay */
  }
  .navbar .navbar__submenu-container input[type=radio]:checked + input + label + .navbar__submenu {
    grid-template-rows: 1fr;
    opacity: 1;
    padding: 32px 0;
    --transform-opacity-delay: 0.2s;
  }
  .navbar .navbar__submenu-container input[type=radio]:checked ~ .navbar__submenu-overlay {
    position: fixed;
    inset: 72px 0 0;
    background-color: rgba(35, 43, 43, 0.75) !important;
    height: 100vh;
    width: 100vw;
    z-index: -1;
  }
  .navbar .navbar__submenu-employees-company {
    order: 2;
  }
  .navbar .navbar__submenu-close-company {
    order: 3;
  }
  .navbar .navbar__submenu-manage-company {
    order: 4;
  }
  .navbar .navbar__submenu-litigation-company {
    order: 5;
  }
  .navbar .navbar__incentive-card__mobile {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .navbar .navbar__list label,
  .navbar .navbar__incentive-card__desktop,
  .navbar .navbar__submenu-list-item--more .cd-btn__icon,
  .navbar .navbar__submenu-overlay {
    display: none;
  }
  .navbar .navbar__submenu-container {
    position: fixed;
    top: 72px;
    left: 0;
    width: 100vw;
    height: calc(100vh - 72px);
    padding: 0;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 0;
    transition: max-height 0.3s ease, padding 0.3s ease, opacity 0.3s ease;
  }
  @supports (height: 100dvh) {
    .navbar .navbar__submenu-container {
      height: calc(100dvh - 72px);
      width: 100dvw;
    }
  }
  .navbar .navbar__submenu-top-articles {
    position: relative;
    padding: var(--top-articles-left-padding);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
  }
  .navbar .navbar__submenu-list__title {
    margin-bottom: 16px;
  }
  .navbar .navbar__submenu-list-item--more {
    order: -1;
    margin-bottom: -4px;
  }
  .navbar .navbar__submenu-container input[type=checkbox]:checked + label + .navbar__submenu {
    grid-template-rows: 1fr;
    opacity: 1;
    padding-top: 24px;
    padding-bottom: 16px;
  }
  .navbar .navbar__submenu-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  .navbar .navbar__incentive-card {
    --card-padding: 16px;
  }
}

body.mobile-menu-opened .navbar__submenu-container {
  max-height: calc(100vh - 72px);
  padding: 0 16px;
  opacity: 1;
}
@supports (height: 100dvh) {
  body.mobile-menu-opened .navbar__submenu-container {
    max-height: calc(100dvh - 72px);
    width: 100dvw;
  }
}