/* Ninja Neumorph - Header base styles */

#navbar {
  background: var(--nm-bg);
  position: relative;
  z-index: 300;
}

#navbar.dxpr-theme-header--top {
  transition: all var(--nm-transition);
}

#navbar.affix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

/* Keep Drupal admin toolbar/dropdowns above site header. */
body.user-logged-in #navbar,
body.user-logged-in #navbar.affix {
  z-index: 200;
}

.navbar-container {
  position: relative;
}

/* Site branding */
.site-name {
  font-family: var(--nm-font-heading);
  font-size: 24px;
  color: var(--nm-text);
  text-decoration: none;
  letter-spacing: 2px;
}

.site-name a {
  color: inherit;
  text-decoration: none;
}

.site-slogan {
  font-size: 12px;
  color: var(--nm-text-muted);
}

/* Header search */
.block-search-form-block {
  max-width: 300px;
}

.block-search-form-block .form-search {
  background: var(--nm-surface-inset);
  border: none;
  border-radius: var(--nm-radius-xl);
  padding: 6px 16px;
  box-shadow: var(--nm-shadow-inset-sm);
  color: var(--nm-text);
  font-size: 13px;
}

.block-search-form-block .form-search:focus {
  box-shadow: var(--nm-shadow-inset-sm), 0 0 0 2px var(--nm-accent-muted);
}