/* Haas Labs Flarum 1.8 header hard-fix v4
   Loaded directly by the browser to bypass Flarum's compiled LESS cache. */

html body.haaslabs-forum-theme #header,
html body.haaslabs-forum-theme #header.App-header,
html body.haaslabs-forum-theme header#header,
html body.haaslabs-forum-theme .App-header {
  min-height: 82px !important;
  height: 82px !important;
  max-height: none !important;
  background: rgba(5, 8, 20, .97) !important;
  background-color: #050814 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: none !important;
  color: #eef4ff !important;
  overflow: visible !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

html body.haas-light.haaslabs-forum-theme #header,
html body.haas-light.haaslabs-forum-theme #header.App-header,
html body.haas-light.haaslabs-forum-theme header#header,
html body.haas-light.haaslabs-forum-theme .App-header {
  background: rgba(247,249,255,.98) !important;
  background-color: #f7f9ff !important;
  border-bottom-color: rgba(12,20,40,.10) !important;
  color: #0d1428 !important;
}

html body.haaslabs-forum-theme #header > .container,
html body.haaslabs-forum-theme #header.App-header > .container,
html body.haaslabs-forum-theme #header .container {
  width: min(1180px, calc(100% - 2rem)) !important;
  max-width: 1180px !important;
  min-height: 82px !important;
  height: 82px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  gap: 14px !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  background: transparent !important;
}

html body.haaslabs-forum-theme #header .Header-title,
html body.haaslabs-forum-theme #header h1.Header-title {
  position: static !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  order: 1 !important;
  flex: 0 0 auto !important;
  line-height: 1 !important;
}

html body.haaslabs-forum-theme #header .Header-title a,
html body.haaslabs-forum-theme #header .Header-title a.haas-brand {
  color: #eef4ff !important;
}
html body.haas-light.haaslabs-forum-theme #header .Header-title a,
html body.haas-light.haaslabs-forum-theme #header .Header-title a.haas-brand {
  color: #0d1428 !important;
}

html body.haaslabs-forum-theme #header .haas-site-nav {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  float: none !important;
  order: 2 !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  white-space: nowrap !important;
  background: transparent !important;
}

html body.haaslabs-forum-theme #header .Header-primary,
html body.haaslabs-forum-theme #header .Header-secondary {
  position: static !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  background: transparent !important;
}

html body.haaslabs-forum-theme #header .Header-primary { order: 3 !important; }
html body.haaslabs-forum-theme #header .Header-secondary { order: 4 !important; }

html body.haaslabs-forum-theme #header .Header-controls,
html body.haaslabs-forum-theme #header ul.Header-controls {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: transparent !important;
}

html body.haaslabs-forum-theme #header .Header-controls > li {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.haaslabs-forum-theme #header .Search {
  position: static !important;
  inset: auto !important;
  float: none !important;
  transform: none !important;
  margin: 0 !important;
}

html body.haaslabs-forum-theme #header .Search-input input {
  width: 185px !important;
  height: 38px !important;
  min-height: 38px !important;
  color: #eef4ff !important;
  background: rgba(15,20,36,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
html body.haas-light.haaslabs-forum-theme #header .Search-input input {
  color: #0d1428 !important;
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(12,20,40,.10) !important;
}

html body.haaslabs-forum-theme #header .Button {
  color: #9faacd !important;
  background: rgba(15,20,36,.88) !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  box-shadow: none !important;
}
html body.haas-light.haaslabs-forum-theme #header .Button {
  color: #637094 !important;
  background: rgba(255,255,255,.9) !important;
  border-color: rgba(12,20,40,.10) !important;
}

/* Flarum mobile/header wrappers must not repaint the strip white. */
html body.haaslabs-forum-theme .App-navigation,
html body.haaslabs-forum-theme .Header-navigation,
html body.haaslabs-forum-theme #header-navigation,
html body.haaslabs-forum-theme .App-drawer {
  background: transparent !important;
  background-color: transparent !important;
}

@media (max-width: 1280px) {
  html body.haaslabs-forum-theme #header > .container,
  html body.haaslabs-forum-theme #header.App-header > .container,
  html body.haaslabs-forum-theme #header .container {
    width: calc(100% - 1.25rem) !important;
    max-width: none !important;
    gap: 9px !important;
  }
  html body.haaslabs-forum-theme #header .Search-input input { width: 145px !important; }
  html body.haaslabs-forum-theme #header .haas-site-nav { gap: 9px !important; }
}

@media (max-width: 1100px) {
  html body.haaslabs-forum-theme #header .haas-site-nav > a[href$="impressum.php"],
  html body.haaslabs-forum-theme #header .haas-site-nav > a[href$="datenschutz.php"] { display: none !important; }
}

@media (max-width: 900px) {
  html body.haaslabs-forum-theme #header .haas-site-nav { display: none !important; }
  html body.haaslabs-forum-theme #header .Header-primary { margin-left: auto !important; }
}

@media (max-width: 767px) {
  html body.haaslabs-forum-theme #header,
  html body.haaslabs-forum-theme #header.App-header,
  html body.haaslabs-forum-theme .App-header,
  html body.haaslabs-forum-theme #header > .container,
  html body.haaslabs-forum-theme #header.App-header > .container,
  html body.haaslabs-forum-theme #header .container {
    min-height: 58px !important;
    height: 58px !important;
  }
}