/**
 * FlexAuto Shop – header fix for flexauto_product archive/single pages.
 *
 * WordPress renders the header template-part without a <header> wrapper on
 * CPT archive/single pages. This causes:
 *   1. .wp-block-site-title gets font-weight:300 (Manrope light) instead of 700 (bold)
 *   2. The space-between header row and right-aligned nav lose their justification
 *      (computed justifyContent becomes "normal" instead of "space-between"/"flex-end")
 *   3. On desktop the hamburger-open button shows instead of inline nav links
 *
 * We restore all three here. We must NOT touch .wp-block-navigation__responsive-container
 * itself – overriding its position/display causes the overlay to render as a
 * duplicate menu below the page content.
 */

/* 1. Restore site-title font weight to match all other pages (700 = bold) */
body.post-type-archive-flexauto_product .wp-block-site-title,
body.post-type-archive-flexauto_product .wp-block-site-title a,
body.single-flexauto_product .wp-block-site-title,
body.single-flexauto_product .wp-block-site-title a {
  font-weight: 700 !important;
}

/* 2. Restore space-between on the header row (site-title left, nav right) */
body.post-type-archive-flexauto_product .wp-block-group.is-content-justification-space-between.is-layout-flex,
body.single-flexauto_product .wp-block-group.is-content-justification-space-between.is-layout-flex {
  justify-content: space-between !important;
}

/* 3. Restore right-alignment on the nav group */
body.post-type-archive-flexauto_product .wp-block-group.is-content-justification-right.is-layout-flex,
body.single-flexauto_product .wp-block-group.is-content-justification-right.is-layout-flex {
  justify-content: flex-end !important;
}

/* 4. Restore nav font-size to match the header template-part context (18px on home, 22px without wrapper) */
body.post-type-archive-flexauto_product .wp-block-navigation,
body.single-flexauto_product .wp-block-navigation {
  font-size: 18px !important;
}

/* 5. On desktop: hide the hamburger-open button so nav links show inline.
      WordPress core already handles inline display of nav links via
      .wp-block-navigation__responsive-container:not(.hidden-by-default) at min-width:600px. */
@media (min-width: 782px) {
  body.post-type-archive-flexauto_product .wp-block-navigation__responsive-container-open,
  body.single-flexauto_product .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
}