/* Navbar mode: show only navbar (header element) */
body.embed-mode-navbar .header-top,
body.embed-mode-navbar .it-topbar,
body.embed-mode-navbar footer { display: none !important; }

body.embed-mode-navbar .header-container,
body.embed-mode-navbar header,
body.embed-mode-navbar .header,
body.embed-mode-navbar .header-first,
body.embed-mode-navbar .header-second,
body.embed-mode-navbar .main-navigation,
body.embed-mode-navbar nav.navbar,
body.embed-mode-navbar .navbar-collapse { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; overflow: visible !important; }

body.embed-mode-navbar .navbar-collapse.collapse { display: block !important; height: auto !important; }

body.embed-mode-navbar .main-navigation .navbar-nav {
  float: none !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

body.embed-mode-navbar .main-navigation .navbar-nav > li {
  float: none !important;
}

body.embed-mode-navbar .header.fixed {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  box-shadow: none !important;
}

body.embed-mode-navbar .header-container {
  position: relative !important;
  height: auto !important;
}

body.embed-mode-navbar nav.navbar {
  background-color: var(--topbar-bg-color) !important;
  border-color: var(--brand-primary-color) !important;
  box-shadow: none !important;
}

body.embed-mode-navbar .main-navigation .nav > li > a {
  color: var(--nav-link-main-color) !important;
}

body.embed-mode-navbar .main-navigation .nav > li > a:hover,
body.embed-mode-navbar .main-navigation .nav > li > a:focus {
  color: var(--nav-link-main-hover-color) !important;
  background: transparent !important;
}