/* Indique la rubrique active dans toutes les pages Nos accompagnements. */
.header-nav-item--folder.header-nav-item--active
  .header-nav-folder-title {
  border-bottom: 2px solid #2c301e !important;
}

body .header-nav-item--folder.header-nav-item--active
  .header-dropdown-icon svg {
  color: #2c301e !important;
  fill: #2c301e !important;
  stroke: #2c301e !important;
}

/* Desktop uniquement : un seul lien du sous-menu est mis en évidence. */
@media (min-width: 768px) {
  body:not(.header--menu-open)
    .header-nav-item.header-nav-item--folder.header-nav-item--active
    .header-nav-folder-item--active
    .header-nav-folder-item-content {
    background-image: none !important;
    padding-bottom: 0 !important;
  }

  body:not(.header--menu-open)
    .header-nav-item.header-nav-item--folder.header-nav-item--active
    .header-nav-folder-content
    .header-nav-folder-item-content {
    font-weight: 400 !important;
  }

  body:not(.header--menu-open)
    .header-nav-item.header-nav-item--folder.header-nav-item--active
    .header-nav-folder-content
    .header-nav-folder-item--active
    .header-nav-folder-item-content {
    font-weight: 600 !important;
  }
}

/* Flèche et décalage uniquement au survol des liens du sous-menu. */
@media (min-width: 768px) and (hover: hover) {
  .header-nav-folder-item-content {
    position: relative;
    display: inline-block;
    transition: transform 160ms ease;
  }

  .header-nav-folder-item-content::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -17px;
    width: 6px;
    height: 6px;
    border-top: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
    opacity: 0;
    transform: translate(-3px, -50%) rotate(45deg);
    transition: opacity 160ms ease, transform 160ms ease;
    pointer-events: none;
  }

  .header-nav-folder-item > a:hover .header-nav-folder-item-content::before,
  .header-nav-folder-item > a:focus-visible .header-nav-folder-item-content::before {
    opacity: 1;
    transform: translate(0, -50%) rotate(45deg);
  }

  .header-nav-folder-item > a:hover .header-nav-folder-item-content,
  .header-nav-folder-item > a:focus-visible .header-nav-folder-item-content {
    transform: translateX(17px);
  }
}