/* v255 - Requested header and homepage contact CTA spacing update.
   The header still uses the original logo/link alignment and mobile drawer.
   The CTA heading inherits the saved H2 family, weight, tracking and colours. */

/* A modest increase in the desktop header height; preserve logo-centering. */
body[data-public-design][data-design-system="2026"] header#site-header > .bar {
  min-height: 104px;
}
@media (min-width: 1200px) {
  body[data-public-design][data-design-system="2026"].nav-compact header#site-header > .bar {
    min-height: 96px;
  }
}
@media (min-width: 521px) and (max-width: 1199px) {
  body[data-public-design][data-design-system="2026"] header#site-header > .bar {
    min-height: 88px;
  }
}
@media (max-width: 520px) {
  body[data-public-design][data-design-system="2026"] header#site-header > .bar {
    min-height: 80px;
  }
}

/* Add breathing room above and below the CTA without a fixed height, so
   translated/edited text and multi-line contact details cannot be clipped. */
body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > section.helprite-contact-cta {
  padding-block: clamp(82px, 7.6vw, 120px);
}

/* Make this title slightly larger than the configured H2 role while retaining
   admin control: variables are calculated from the saved H2 size setting. */
html body[data-public-design][data-design-system="2026"] main#main#main .on[data-p="home"] section.helprite-contact-cta h2#contact-cta-title {
  width: 100%;
  max-width: none !important;
  margin-inline: auto;
  font-size: clamp(var(--helprite-cta-title-mobile-size, 32px), 4vw, var(--helprite-cta-title-desktop-size, 42px)) !important;
  text-wrap: nowrap;
  white-space: nowrap;
}

/* On narrow screens, let the sentence wrap naturally rather than overflowing. */
@media (max-width: 600px) {
  body[data-public-design][data-design-system="2026"] main#main .on[data-p="home"] > section.helprite-contact-cta {
    padding-block: 70px;
  }
  html body[data-public-design][data-design-system="2026"] main#main#main .on[data-p="home"] section.helprite-contact-cta h2#contact-cta-title {
    text-wrap: balance;
    white-space: normal;
  }
  #contact-cta-title br {
    display: none;
  }
}