/**
 * Navbar — nom association + onglets (sauf bouton « Faites un don »).
 * Nom association : rgb(51, 51, 51) partout.
 * Onglets inactifs : rgb(51, 51, 51) ; onglet de la page courante : rose (#ff0a54).
 */
:root {
  --nav-label-color: rgb(51, 51, 51);
  --nav-active-color: #ff0a54;
}

/* Nom de l'association */
.navbar-brand .brand-text,
.navbar-brand .brand-text .line1,
.navbar-brand .brand-text .line2,
.ftco-navbar-light .navbar-brand .brand-text,
.ftco-navbar-light .navbar-brand .brand-text .line1,
.ftco-navbar-light .navbar-brand .brand-text .line2,
.ftco-navbar-light.hero-section .navbar-brand .brand-text,
.ftco-navbar-light.hero-section .navbar-brand .brand-text .line1,
.ftco-navbar-light.hero-section .navbar-brand .brand-text .line2,
.ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text,
.ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line1,
.ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line2,
.ftco-navbar-light.scrolled .navbar-brand .brand-text,
.ftco-navbar-light.scrolled .navbar-brand .brand-text .line1,
.ftco-navbar-light.scrolled .navbar-brand .brand-text .line2,
.hero-section .brand-text,
.hero-section .brand-text .line1,
.hero-section .brand-text .line2,
.navbar-scrolled .brand-text,
.navbar-scrolled .brand-text .line1,
.navbar-scrolled .brand-text .line2,
.legal-page .brand-text,
.legal-page .brand-text .line1,
.legal-page .brand-text .line2,
.page-home-hero-light .ftco-navbar-light .navbar-brand .brand-text,
.page-home-hero-light .ftco-navbar-light .navbar-brand .brand-text .line1,
.page-home-hero-light .ftco-navbar-light .navbar-brand .brand-text .line2,
.page-home-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text,
.page-home-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line1,
.page-home-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line2,
.page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text,
.page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line1,
.page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line2,
.page-about-hero-light .ftco-navbar-light .navbar-brand .brand-text,
.page-about-hero-light .ftco-navbar-light .navbar-brand .brand-text .line1,
.page-about-hero-light .ftco-navbar-light .navbar-brand .brand-text .line2,
.page-about-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line1,
.page-about-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line2,
.page-about-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line1,
.page-about-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line2,
.page-blog-hero-light .ftco-navbar-light .navbar-brand .brand-text,
.page-blog-hero-light .ftco-navbar-light .navbar-brand .brand-text .line1,
.page-blog-hero-light .ftco-navbar-light .navbar-brand .brand-text .line2,
.page-blog-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line1,
.page-blog-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line2,
.page-blog-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line1,
.page-blog-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line2,
.page-contact-hero-light .ftco-navbar-light .navbar-brand .brand-text,
.page-contact-hero-light .ftco-navbar-light .navbar-brand .brand-text .line1,
.page-contact-hero-light .ftco-navbar-light .navbar-brand .brand-text .line2,
.page-contact-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line1,
.page-contact-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line2,
.page-contact-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line1,
.page-contact-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line2,
.page-partner-hero-light .ftco-navbar-light .navbar-brand .brand-text,
.page-partner-hero-light .ftco-navbar-light .navbar-brand .brand-text .line1,
.page-partner-hero-light .ftco-navbar-light .navbar-brand .brand-text .line2,
.page-partner-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line1,
.page-partner-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line2,
.page-partner-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line1,
.page-partner-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line2,
.page-volunteer-hero-light .ftco-navbar-light .navbar-brand .brand-text,
.page-volunteer-hero-light .ftco-navbar-light .navbar-brand .brand-text .line1,
.page-volunteer-hero-light .ftco-navbar-light .navbar-brand .brand-text .line2,
.page-volunteer-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line1,
.page-volunteer-hero-light .ftco-navbar-light.hero-section .navbar-brand .brand-text .line2,
.page-volunteer-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line1,
.page-volunteer-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand .brand-text .line2 {
  color: var(--nav-label-color) !important;
}

/* Onglets inactifs (.nav-link — pas le bouton .btn) */
.ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link,
.ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
.ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active) > .nav-link,
.ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
.ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item:not(.active) > .nav-link,
.ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
.ftco-navbar-light.scrolled .navbar-nav > .nav-item:not(.active) > .nav-link,
.ftco-navbar-light.scrolled .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
.ftco-navbar-light.scrolled .nav-link:not(.active),
.legal-page .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link,
.legal-page .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
.blog-single .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link,
.blog-single .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
.ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:hover,
.ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:focus,
.ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link:hover,
.ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link:focus,
.ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active) > .nav-link:hover,
.ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active) > .nav-link:focus,
.ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link:hover,
.ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item:not(.active) > .nav-link:hover,
.ftco-navbar-light.scrolled .nav-link:not(.active):hover,
.ftco-navbar-light.scrolled .nav-link:not(.active):focus,
.legal-page .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:hover,
.legal-page .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:focus,
.blog-single .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:hover,
.blog-single .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:focus {
  color: var(--nav-label-color) !important;
}

/* Onglet actif (page courante) — rose */
.ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
.ftco-navbar-light .navbar-nav > .nav-item.active > a.nav-link,
.ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
.ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > .nav-link,
.ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > a.nav-link,
.ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown.active > .nav-link,
.ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > .nav-link,
.ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > a.nav-link,
.ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown.active > .nav-link,
.ftco-navbar-light.scrolled .navbar-nav > .nav-item.active > .nav-link,
.ftco-navbar-light.scrolled .navbar-nav > .nav-item.active > a.nav-link,
.ftco-navbar-light.scrolled .navbar-nav > .nav-item.dropdown.active > .nav-link,
.ftco-navbar-light.scrolled .nav-link.active,
.legal-page .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
.legal-page .ftco-navbar-light .navbar-nav > .nav-item.active > a.nav-link,
.legal-page .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
.blog-single .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
.blog-single .ftco-navbar-light .navbar-nav > .nav-item.active > a.nav-link,
.blog-single .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
.ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link:hover,
.ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link:focus,
.ftco-navbar-light .navbar-nav > .nav-item.active > a.nav-link:hover,
.ftco-navbar-light .navbar-nav > .nav-item.active > a.nav-link:focus,
.ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link:hover,
.ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link:focus,
.ftco-navbar-light.scrolled .nav-item.active > a,
.ftco-navbar-light.scrolled .nav-item.active > .nav-link {
  color: var(--nav-active-color) !important;
}

@media (max-width: 991.98px) {
  .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link,
  .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:hover,
  .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:focus {
    color: var(--nav-label-color) !important;
  }

  .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
  .ftco-navbar-light .navbar-nav > .nav-item.active > a.nav-link,
  .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link {
    color: var(--nav-active-color) !important;
  }
}

/* Pages hero — inactifs en gris, actif en rose (priorité sur hero-*.css) */
@media (min-width: 992px) {
  .page-home-hero-light .ftco-navbar-light .navbar-brand,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-home-hero-light .ftco-navbar-light.hero-section .navbar-brand,
  .page-home-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active) > .nav-link,
  .page-home-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-brand,
  .page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item:not(.active) > .nav-link,
  .page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-home-hero-light .ftco-navbar-light.scrolled .navbar-brand,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:hover,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active) > .nav-link:focus,
  .page-about-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-about-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-about-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-about-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-about-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-about-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-about-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link:hover,
  .page-about-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link:hover,
  .page-blog-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-blog-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-blog-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-blog-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-blog-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-blog-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-blog-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link:hover,
  .page-blog-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link:hover,
  .page-contact-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-contact-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-contact-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-contact-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-contact-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-contact-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-contact-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link:hover,
  .page-contact-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link:hover,
  .page-partner-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-partner-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-partner-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-partner-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-partner-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-partner-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-partner-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link:hover,
  .page-partner-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link:hover,
  .page-volunteer-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light .navbar-nav > .nav-item:not(.active):not(.dropdown) > .nav-link:hover,
  .page-volunteer-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown:not(.active) > .nav-link:hover {
    color: var(--nav-label-color) !important;
  }

  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > a,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-home-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > .nav-link,
  .page-home-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > a,
  .page-home-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > .nav-link,
  .page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > a,
  .page-home-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-home-hero-light .ftco-navbar-light.scrolled .navbar-nav > .nav-item.active > .nav-link,
  .page-home-hero-light .ftco-navbar-light.scrolled .navbar-nav > .nav-item.active > a,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link:hover,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link:focus,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > a:hover,
  .page-home-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > a:focus,
  .page-about-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
  .page-about-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > a,
  .page-about-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-about-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > .nav-link,
  .page-about-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > .nav-link,
  .page-about-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-blog-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
  .page-blog-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > a,
  .page-blog-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-blog-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > .nav-link,
  .page-blog-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > .nav-link,
  .page-contact-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
  .page-contact-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > a,
  .page-contact-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-contact-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > .nav-link,
  .page-contact-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > .nav-link,
  .page-partner-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
  .page-partner-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > a,
  .page-partner-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-partner-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > .nav-link,
  .page-partner-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light .navbar-nav > .nav-item.active > a,
  .page-volunteer-hero-light .ftco-navbar-light .navbar-nav > .nav-item.dropdown.active > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light.hero-section .navbar-nav > .nav-item.active > .nav-link,
  .page-volunteer-hero-light .ftco-navbar-light.navbar-scrolled .navbar-nav > .nav-item.active > .nav-link {
    color: var(--nav-active-color) !important;
  }
}