/**
 * Blog post hero height — +40% then −13% trim
 * Scope: body.blog-post-page only. Service (.shv2) and float firewall untouched.
 *
 * Previous +40% patch:
 *   desk clamp(700px, 49vw, 980px)
 *   tab  clamp(560px, 62vw, 820px)
 *   mob  clamp(760px, 195vw, 900px)
 * × 0.87 (−13%):
 *   desk clamp(609px, 42.63vw, 853px)
 *   tab  clamp(487px, 53.94vw, 713px)
 *   mob  clamp(661px, 169.65vw, 783px)
 */

/* ── Static blog hero (no booking form) ── */
body.blog-post-page .hrh-hero--plain .service-hero {
  min-height: clamp(609px, 42.63vw, 853px);
  height: auto;
  max-height: none;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

body.blog-post-page .hrh-hero--plain .service-hero img,
body.blog-post-page .hrh-hero--plain .service-hero picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* Keep title vertically centered in the taller hero (blog only).
   Overrides static-hero mobile rule that sets overlay to relative. */
body.blog-post-page .hrh-hero--plain .service-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 24px 0;
  z-index: 2;
  pointer-events: none;
}

body.blog-post-page .hrh-hero--plain .service-hero-inner {
  pointer-events: auto;
}

body.blog-post-page .hrh-hero--plain .service-hero-title {
  max-width: min(720px, 92%);
}

@media (max-width: 991.98px) {
  body.blog-post-page .hrh-hero--plain .service-hero {
    /* Override static-hero min-height:auto; −13% from +40% tablet band */
    min-height: clamp(487px, 53.94vw, 713px);
    height: auto;
  }

  body.blog-post-page .hrh-hero--plain .service-hero-overlay {
    position: absolute;
    inset: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 20px 12px;
  }

  body.blog-post-page .hrh-hero--plain .service-hero-title {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  body.blog-post-page .hrh-hero--plain .service-hero {
    /* −13% from +40% mobile floor */
    min-height: clamp(661px, 169.65vw, 783px);
    height: auto;
  }

  body.blog-post-page .hrh-hero--plain .service-hero-title-text {
    font-size: clamp(1.25rem, 5.2vw, 1.85rem);
    line-height: 1.25;
  }

  body.blog-post-page .hrh-hero--plain .service-hero-desc {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 10px;
  }
}

/* ── Blog posts with booking form (thin hero) ──
   Base thin: 360 / 300 / 240 → ×1.4 = 504 / 420 / 336 */
body.blog-post-page .hero-booking--thin .caption-1 {
  height: 504px;
  min-height: 504px;
  background-size: cover !important;
  background-position: center center !important;
}

@media (max-width: 991px) {
  body.blog-post-page .hero-booking--thin .caption-1 {
    height: 420px;
    min-height: 420px;
  }
}

@media (max-width: 575px) {
  body.blog-post-page .hero-booking--thin .caption-1 {
    height: 336px;
    min-height: 336px;
  }
}