/* ============================================================
 * Header height trim
 * Override the Customizer's row padding + cap the logo height so
 * the header reads as a publication masthead rather than a billboard.
 * !important is necessary because Blogmatic's Customizer emits inline
 * <style> rules in the document head at higher cascade position.
 * ============================================================ */

/* Row padding — collapse from 55px / 35px / 35px down to a uniform tight band */
body .site-header .row-one,
body .site-header .row-one .bb-bldr-row {
  padding-top:    14px !important;
  padding-bottom: 14px !important;
}
body .site-header .row-two,
body .site-header .row-two .bb-bldr-row {
  padding-top:    6px !important;
  padding-bottom: 6px !important;
}
body .site-header .row-three,
body .site-header .row-three .bb-bldr-row {
  padding-top:    0 !important;
  padding-bottom: 0 !important;
}

/* Tighten the line-height around the logo link so the row hugs the image */
.site-header .site-branding .custom-logo-link {
  display: inline-block;
  line-height: 0;
}

/* Center the main navigation horizontally in row-two.
   Builder layout: row-two is a 2-col CSS grid. col-one (alignment-left)
   holds the menu and is itself a FLEX container with
   `justify-content: left` (from builder.css line 172). col-two
   (alignment-right) is empty.

   The parent's `.alignment-left .menu` rule is a no-op because the .menu UL
   is `display: block`, not flex. The real flex container is the column.

   Fix: hide the empty col-two, make col-one span the full row, then
   override its flex `justify-content` from `left` to `center`. */
body .site-header .row-two .bb-bldr-column.two.alignment-right {
  display: none !important;
}
body .site-header .row-two .bb-bldr-column.one.alignment-left {
  grid-column: 1 / -1 !important;
  justify-content: center !important;
  -webkit-justify-content: center !important;
}

/* Responsive — slightly less padding on small screens */
@media (max-width: 940px) {
  body .site-header .row-one,
  body .site-header .row-one .bb-bldr-row {
    padding-top:    10px !important;
    padding-bottom: 10px !important;
  }
}