/*
 * Renforce le mode ki-nav-overflow sur le bloc desktop ≥900px de k-invest.css
 * (display:flex sur .sc-nav__menu) et coupe le blur header qui provoque un « double » visuel.
 * Chargé après ki-nav-overflow.css.
 */
@media (min-width: 900px) {
  html.ki-nav-overflow .ki-header,
  html.ki-nav-overflow .ki-header.is-scrolled,
  html.ki-nav-overflow body.ki-page-default-template .ki-header,
  html.ki-nav-overflow body.ki-page-default-template .ki-header.is-scrolled {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* Évite la transition backdrop-filter (scintillement à la bascule). */
  html.ki-nav-overflow .ki-header {
    transition: background 0.4s ease, padding 0.3s ease, box-shadow 0.3s ease;
  }

  html.ki-nav-overflow :is(.ki-header, .ki-mobile-nav-portal) .sc-nav__menu:not(.is-open) {
    display: none !important;
  }

  html.ki-nav-overflow :is(.ki-header, .ki-mobile-nav-portal) .sc-nav__menu.is-open {
    display: flex !important;
  }

  /* Double logo : forcer un seul picto visible selon l’état du menu. */
  html.ki-nav-overflow body:not(:has(.sc-nav__menu.is-open)) .ki-header__logo--has-menu-logo .ki-header__logo-mark--primary {
    display: flex !important;
  }

  html.ki-nav-overflow body:not(:has(.sc-nav__menu.is-open)) .ki-header__logo--has-menu-logo .ki-header__logo-mark--burger {
    display: none !important;
  }
}
