
/* KX_NAVBAR_TOP_GAP_V18 START */

/*
  Required vertical spacing:
  0.3cm below navbar = approx. 11px.
  The iframe is kept in normal document flow, sticky, with fixed height.
*/

:root {
  --kx-navbar-frame-height-v18: 106px;
  --kx-navbar-gap-v18: 0.3cm;
}

@media (max-width: 900px) {
  :root {
    --kx-navbar-frame-height-v18: 88px;
    --kx-navbar-gap-v18: 0.3cm;
  }
}

/* Neutralize old dynamic padding instructions */
body,
body.kx-navbar-static-frame-v17,
body.kx-navbar-frame-host-v10,
body.kx-navbar-frame-host-v15,
body.kx-navbar-frame-host-v16 {
  padding-top: 0 !important;
}

/* One static navbar frame, no dynamic expansion */
#kx-navbar-frame-v17,
#kx-navbar-frame-v10,
#kx-navbar-frame-v9,
#kx-navbar-frame-v16 {
  display: none !important;
}

#kx-navbar-frame-v18 {
  display: block !important;
  position: sticky !important;
  top: 0 !important;
  width: 100% !important;
  height: var(--kx-navbar-frame-height-v18) !important;
  min-height: var(--kx-navbar-frame-height-v18) !important;
  max-height: var(--kx-navbar-frame-height-v18) !important;
  border: 0 !important;
  margin: 0 0 var(--kx-navbar-gap-v18) 0 !important;
  padding: 0 !important;
  z-index: 2147483000 !important;
  background: transparent !important;
  overflow: hidden !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Keep old embedded navbars removed */
#kx-canonical-navbar-v8,
#kx-canonical-mobile-drawer-v8,
[data-kx-canonical-navbar-v8="true"],
[data-kx-global-root-v7],
[data-kx-global-root-v6],
[data-kx-mobile-root-v5],
[data-kx-mobile-root-v4],
[data-kx-legacy-navbar-hidden-v9="true"],
[data-kx-legacy-navbar-hidden-v10="true"],
[data-kx-legacy-navbar-hidden-v15="true"],
[data-kx-legacy-navbar-hidden-v16="true"],
[data-kx-legacy-navbar-hidden-v17="true"],
body > header:has(.kx-pw-brand),
body > nav:has(.kx-pw-brand),
body > [class*="navbar" i]:has(.kx-pw-brand),
body > [class*="topbar" i]:has(.kx-pw-brand),
body > [class*="header" i]:has(.kx-pw-brand):has([data-kx-nav]),
body > [class*="nav" i]:has(.kx-pw-brand):has([data-kx-nav]) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* KX_NAVBAR_TOP_GAP_V18 END */
