header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  transition: background-color 0.3s ease;
}

header > div.has-background {
  background: none !important; /* Suppression du background de base */
}

header a {
  transition: color 0.3s ease;
  color: #FDFDFD;
  font-family: var(--e-global-typography-text-font-family);
  font-weight: 500;
  letter-spacing: 0;
  border-color: #FDFDFD;
}

header div.wp-block-navigation__responsive-container:not(.has-modal-open) a {
  padding: 10px 5px;
  text-align: center;
  font-size: 16px;
}

header div.wp-block-navigation__responsive-container:not(.has-modal-open) a:hover,
header div.wp-block-navigation__responsive-container:not(.has-modal-open) a:active,
header div.wp-block-navigation__responsive-container:not(.has-modal-open) a:focus {
  border-bottom: solid 1px !important;
}

header div.wp-block-navigation__responsive-container:not(.has-modal-open) ul {
  height: 44px;
}

header .wp-block-navigation__responsive-container-open path {
  fill: #FDFDFD;
}

/* Header avec les couleurs inversées */
header.reverse {
  background-color: var(--e-global-color-secondary) !important;
  box-shadow: 0 16px 40px 0 rgba(16, 24, 40, 0.25);
}

header.reverse div.wp-block-navigation__responsive-container:not(.has-modal-open) a {
  color: var(--e-global-color-text) !important;
  border-color: var(--e-global-color-text) !important;
}

header.reverse .wp-block-navigation__responsive-container-open path {
  fill: var(--e-global-color-text);
}

header.reverse img.custom-logo {
  filter: invert(100%);
}
/* EO Header avec les couleurs inversées */