/**
 * BDH — Cohérence du mode sombre de l'accueil (page Elementor 32420).
 * N'agit que lorsque le navigateur demande le mode sombre.
 * Corrige les couleurs claires persistantes du bandeau communautaire,
 * du cadre, du header et du footer sans toucher à la photographie du hero
 * ni au gradient de lecture existant.
 */
@media (prefers-color-scheme: dark) {
  body.page-id-32420,
  body.page-id-32420 #c27-site-wrapper {
    background-color:#181715 !important;
    color:#f4efe8;
  }

  /* Le bandeau a été inséré entre « Top destinations » et la conclusion.
     Les règles d'origine en ivoire ne convenaient pas à la palette sombre. */
  body.page-id-32420 .elementor-32420 .bdh-contrib-home-band {
    background:#181715 !important;
    color:#f4efe8 !important;
    border-color:transparent !important;
  }
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home {
    color:#f4efe8 !important;
    background:transparent !important;
    border-top-color:#3c4440 !important;
    border-bottom-color:#3c4440 !important;
    box-shadow:none !important;
  }
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home .bdh-contrib-promo__copy h2 {
    color:#f4efe8 !important;
  }
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home .bdh-contrib-promo__copy p {
    color:#d3cdc3 !important;
  }
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home .bdh-contrib-promo__meta {
    color:#bab5aa !important;
  }
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home .bdh-contrib-promo__eyebrow {
    color:#f39480 !important;
  }
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home .bdh-contrib-promo__icon {
    color:#9bd9d2 !important;
    background:#293a38 !important;
  }
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home .bdh-contrib-promo__link {
    background:#293a38 !important;
    color:#e3f4f1 !important;
    border-color:#65817c !important;
  }
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home .bdh-contrib-promo__link:hover,
  body.page-id-32420 .elementor-32420 .bdh-contrib-promo--home .bdh-contrib-promo__link:focus-visible {
    background:#344b47 !important;
    color:#fff !important;
    border-color:#9bd9d2 !important;
  }

  /* Header : conserver la lisibilité de l'identité BDH en mode sombre.
     Le PNG a un lettrage noir et un point rouge : inversion du lettrage
     avec rotation de teinte pour garder le point dans sa famille de rouges. */
  body.page-id-32420 header.c27-main-header,
  body.page-id-32420 header.c27-main-header .header-skin,
  body.page-id-32420 header.c27-main-header .header-top,
  body.page-id-32420 header.c27-main-header .header-container {
    background-color:#181715 !important;
    border-color:#3c4440 !important;
  }
  body.page-id-32420 header.c27-main-header .logo img[src*="logo-bdh-2-e1789642013254"] {
    filter:invert(1) hue-rotate(180deg) !important;
  }
  body.page-id-32420 header.c27-main-header :is(.header-right a,.header-right i,.main-nav>li>a,.search-trigger a,.search-trigger i,.mobile-menu a,.mobile-menu-lines i,.mob-sign-in i,.user-profile-name,.user-profile-name i,.user-area-icon) {
    color:#f4efe8 !important;
  }
  /* Une règle précédente donnait un FOND BLANC à l'icône Material du hamburger. */
  body.page-id-32420 header.c27-main-header .mobile-menu-lines,
  body.page-id-32420 header.c27-main-header .mobile-menu-lines i,
  body.page-id-32420 header.c27-main-header .mobile-menu a>div {
    background:transparent !important;
  }
  body.page-id-32420 header.c27-main-header .mobile-menu a span {
    background-color:#f4efe8 !important;
  }

  /* MyListing force le panneau déployé en blanc !important à <=1200px.
     Toutes les zones du menu mobile utilisent ici UNE palette sombre. */
  @media screen and (max-width:1200px) {
    body.page-id-32420 header.c27-main-header .i-nav,
    body.page-id-32420 header.c27-main-header .i-nav.mobile-menu-open {
      background:#22201e !important;
      color:#f4efe8 !important;
      border-right:1px solid #3b3934 !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav .mobile-nav-head,
    body.page-id-32420 header.c27-main-header .i-nav .mobile-user-menu {
      background:#292723 !important;
      border-color:#44413b !important;
      color:#f4efe8 !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav .mobile-nav-head :is(a,span,strong,.user-profile-name,.user-profile-name i),
    body.page-id-32420 header.c27-main-header .i-nav .mobile-user-menu :is(a,span,strong,.user-profile-name) {
      color:#f4efe8 !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav .mnh-close-icon,
    body.page-id-32420 header.c27-main-header .i-nav .mnh-close-icon a {
      background:transparent !important;
      color:#f4efe8 !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav .mnh-close-icon i {
      color:#f4efe8 !important;
      background:transparent !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav :is(.main-nav,ul.main-menu,.i-dropdown,.sub-menu) {
      background:#22201e !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav ul li {
      border-color:#403d38 !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav ul li a,
    body.page-id-32420 header.c27-main-header .i-nav .main-nav li a.active,
    body.page-id-32420 header.c27-main-header .i-nav .i-dropdown li a {
      background:transparent !important;
      color:#f4efe8 !important;
      opacity:1 !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav ul li a:hover,
    body.page-id-32420 header.c27-main-header .i-nav ul li a:focus-visible,
    body.page-id-32420 header.c27-main-header .i-nav .i-dropdown li a:hover {
      background:#33322e !important;
      color:#9bd9d2 !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav .submenu-toggle,
    body.page-id-32420 header.c27-main-header .i-nav .submenu-toggle i,
    body.page-id-32420 header.c27-main-header .i-nav .main-nav li a>i {
      color:#d0cbc2 !important;
    }
    body.page-id-32420 header.c27-main-header .i-nav :is(a,button,.submenu-toggle):focus-visible {
      outline:2px solid #9bd9d2 !important;
      outline-offset:-3px;
    }
    body.page-id-32420 header.c27-main-header .i-nav-overlay {
      background:rgba(0,0,0,.68) !important;
    }
  }

  body.page-id-32420 footer.footer,
  body.page-id-32420 footer.footer .footer-bottom {
    background:#181715 !important;
    color:#d8d1c7 !important;
    border-color:#3c4440 !important;
  }
  body.page-id-32420 footer.footer :is(h2,h3,h4,p,li) {
    color:#e7e0d6 !important;
  }
  body.page-id-32420 footer.footer a {
    color:#b1ded8 !important;
  }
  body.page-id-32420 footer.footer a:focus-visible {
    outline:2px solid #9bd9d2;
    outline-offset:3px;
  }
  body.page-id-32420 footer.footer .bdh-footer-newsletter input[type=email] {
    background:#f6f5f2 !important;
    color:#1f2425 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-32420 .bdh-contrib-promo__link { transition:none; }
}