/*==================================================
  BRADLEYS SURVEYORS — INTERIOR HERO SPACING
  Additive consistency layer.
  Homepage hero intentionally excluded.
==================================================*/

:root {
  --interior-hero-pad-top: clamp(4.5rem, 6vw, 6rem);
  --interior-hero-pad-bottom: clamp(4rem, 5.5vw, 5.5rem);
  --interior-hero-breadcrumb-gap: 1.35rem;
}

/* Core survey / valuation / specialist service heroes */
.service-page-hero {
  padding-top: var(--interior-hero-pad-top) !important;
  padding-bottom: var(--interior-hero-pad-bottom) !important;
}

.service-page-hero .service-breadcrumb {
  margin-bottom: var(--interior-hero-breadcrumb-gap) !important;
}

/* Common Problems */
.common-problems-hero,
.problems-hero {
  padding-top: var(--interior-hero-pad-top) !important;
  padding-bottom: var(--interior-hero-pad-bottom) !important;
}

.common-problems-hero .service-breadcrumb,
.problems-hero .service-breadcrumb {
  margin-bottom: var(--interior-hero-breadcrumb-gap) !important;
}

/* Areas We Cover */
.areas-hero,
.areas-page-hero {
  padding-top: var(--interior-hero-pad-top) !important;
  padding-bottom: var(--interior-hero-pad-bottom) !important;
}

.areas-hero .service-breadcrumb,
.areas-page-hero .service-breadcrumb {
  margin-bottom: var(--interior-hero-breadcrumb-gap) !important;
}

/* Team */
.team-hero {
  padding-top: var(--interior-hero-pad-top) !important;
  padding-bottom: var(--interior-hero-pad-bottom) !important;
}

.team-hero .service-breadcrumb {
  margin-bottom: var(--interior-hero-breadcrumb-gap) !important;
}

/* News */
.news-hero,
.news-page-hero {
  padding-top: var(--interior-hero-pad-top) !important;
  padding-bottom: var(--interior-hero-pad-bottom) !important;
}

.news-hero .service-breadcrumb,
.news-page-hero .service-breadcrumb {
  margin-bottom: var(--interior-hero-breadcrumb-gap) !important;
}

/* Contact follows the same top rhythm, with a little more room beneath
   for its contact-bar composition. */
.contact-hero {
  padding-top: var(--interior-hero-pad-top) !important;
  padding-bottom: clamp(4.5rem, 6vw, 6rem) !important;
}

.contact-hero .service-breadcrumb {
  margin-bottom: var(--interior-hero-breadcrumb-gap) !important;
}

/* Tablet */
@media (max-width: 991.98px) {
  :root {
    --interior-hero-pad-top: 3.5rem;
    --interior-hero-pad-bottom: 3.75rem;
    --interior-hero-breadcrumb-gap: 1.2rem;
  }

  .contact-hero {
    padding-bottom: 4rem !important;
  }
}

/* Mobile */
@media (max-width: 767.98px) {
  :root {
    --interior-hero-pad-top: 2.5rem;
    --interior-hero-pad-bottom: 3rem;
    --interior-hero-breadcrumb-gap: 1rem;
  }

  .contact-hero {
    padding-bottom: 3.25rem !important;
  }
}