/* Bigger header logo overrides (site-wide) */
:root { --big-logo-height: 96px; }

/* Ensure the logo can exceed the base max-height from main.css */
.header .logo img.logo-img {
  height: var(--big-logo-height) !important;
  max-height: var(--big-logo-height) !important;
  width: auto;
  display: block;
}

/* Roomier header to accommodate larger logo */
.header .branding {
  min-height: calc(var(--big-logo-height) + 24px) !important;
  padding: 12px 0 !important;
}

.header.fixed-top {
  padding-top: 12px;
  padding-bottom: 12px;
}

/* Keep mobile reasonable */
@media (max-width: 991.98px) {
  .header .logo img.logo-img { height: 64px !important; max-height: 64px !important; }
  .header .branding { min-height: 88px !important; }
}