/*
 * En-tête des pages d'accueil FR / EN / NL.
 * Avant le défilement : contenu clair sur la photographie.
 * Après le défilement : les couleurs brunes d'origine sur le bandeau ivoire.
 * Les autres pages ne sont pas concernées.
 */
body.home-page {
  --hf-hero-header-ink: #f8f1e7;
}

/* Liens de navigation, appel à l'action et choix de langue. */
body.home-page .site-header:not(.scrolled) .main-nav a,
body.home-page .site-header:not(.scrolled) .header-cta,
body.home-page .site-header:not(.scrolled) .hf-lang-switch,
body.home-page .site-header:not(.scrolled) .hf-lang-switch a,
body.home-page .site-header:not(.scrolled) .hf-lang-switch a span {
  color: var(--hf-hero-header-ink) !important;
  -webkit-text-fill-color: var(--hf-hero-header-ink) !important;
}

/* Le logo officiel reste identique : seule sa teinte change sur la photo. */
body.home-page .site-header:not(.scrolled) .brand .brand-logo {
  filter: brightness(0) invert(1) !important;
}

/* Menu mobile sur fond photographique. */
body.home-page .site-header:not(.scrolled) .menu-toggle span {
  background-color: var(--hf-hero-header-ink) !important;
}