/* Slim header with centered logo */
#header.center-logo-header {
  height: 5rem;
  background: #fff;
  border-bottom: 1px solid rgba(172, 179, 194, 0.35);
}

#header.center-logo-header .navbar {
  display: flex;
  height: 5rem;
  justify-content: center !important;
  align-items: center;
  position: relative;
}

#header.center-logo-header .navbar-section {
  height: 5rem;
  margin-right: 0;
}

#header.center-logo-header .navbar-section.desktop-menu {
  display: none;
}

#header.center-logo-header .logo {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 auto !important;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

#header.center-logo-header .logo .navbar-brand {
  margin: 0 !important;
  padding: 0 !important;
}

#header.center-logo-header .logo img,
#header.center-logo-header .logo svg {
  display: block;
  width: 220px;
  min-width: 200px;
  height: auto;
  max-width: 90vw;
  margin: 0 auto;
}

/* Keep header slim even when scrolled */
body.header-fixed.header-animated #header.center-logo-header.scrolled {
  height: 5rem;
}

body.header-fixed.header-animated #header.center-logo-header.scrolled .navbar-section {
  height: 5rem;
}

body.header-fixed.header-animated #header.center-logo-header.scrolled .logo img,
body.header-fixed.header-animated #header.center-logo-header.scrolled .logo svg {
  width: 220px;
  min-width: 200px;
  height: auto;
  max-width: 90vw;
}

/* Correct content offset for fixed slim header */
.header-fixed #body-wrapper {
  padding-top: 5rem;
}

/* Force light header if dark/transparent body classes are present */
.header-dark #header.center-logo-header:not(.scrolled),
.header-transparent #header.center-logo-header:not(.scrolled) {
  background: #fff;
  color: #454d5d;
}

.header-dark #header.center-logo-header:not(.scrolled) a {
  color: #454d5d !important;
}

/* Remove mountain hero background at top */
.hero,
.modular-hero {
  background: #fff !important;
  background-image: none !important;
}

.hero .image-overlay,
.modular-hero .image-overlay {
  display: none !important;
}

/* Smaller top title area */
#blog-hero h1,
.hero h1 {
  font-size: 2rem !important;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

#blog-hero h2,
.hero h2 {
  font-size: 1.1rem !important;
  line-height: 1.3;
}