:root {
  /* Accessible editorial colours — WCAG AA on the site's light surfaces */
  --editorial-gold-accessible: #765d00;
  --editorial-gold-accessible-alt: #8a6d00;
  --editorial-text-accessible: #45566a;
  --editorial-text-accessible-alt: #4b5563;
  --editorial-gold-on-dark: #d7b600;
}

/*==================================================
  CONSOLIDATED FROM: contact-numbers.css
==================================================*/

/* Bradleys Chartered Surveyors — dual contact numbers */
.phone-pair{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.42rem}
.phone-pair a{color:inherit;font:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;white-space:nowrap}
.phone-pair a:hover,.phone-pair a:focus{color:var(--gold)}
.phone-pair__sep{opacity:.45;font-weight:400}
.site-menu-phone{display:block}
.site-menu-phone small{display:block;margin-bottom:.18rem;color:rgba(255,255,255,.48);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}
.site-menu-phone .phone-pair{color:var(--white);font-weight:700}
.service-choice-strip__phone small,.service-final-cta__phone small,.areas-cta__phone small,.news-cta__phone small,.contact-direct__phone small{display:block;margin-bottom:.18rem}
.contact-detail--phones{cursor:default}
.contact-detail--phones .phone-pair{display:flex;margin-top:.08rem;font-weight:700}
.site-footer__telephone .phone-pair{color:inherit}
@media(max-width:575.98px){
.site-menu-phone .phone-pair,.contact-detail--phones .phone-pair,.contact-direct__phone .phone-pair{display:flex;flex-direction:column;gap:.08rem}
.site-menu-phone .phone-pair__sep,.contact-detail--phones .phone-pair__sep,.contact-direct__phone .phone-pair__sep{display:none}
}

/*==================================================
  FOOTER CONTACT NUMBERS — REFINED STACKED LAYOUT
==================================================*/
.site-footer__telephone .phone-pair {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .28rem;
  color: inherit;
  font-size: clamp(1.5rem, 1.7vw, 1.7rem);
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -.025em;
}

.site-footer__telephone .phone-pair__sep {
  display: none;
}

.site-footer__telephone .phone-pair a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.site-footer__telephone .phone-pair a:hover,
.site-footer__telephone .phone-pair a:focus {
  color: var(--gold);
}

/*==================================================
  CONSOLIDATED FROM: home-survey-terminology.css
==================================================*/

/* RICS survey terminology explainer */
.survey-name-section {
  padding: clamp(4rem, 7vw, 6.5rem) 0;
  background: var(--surface-alt, #f5f3ee);
}

.survey-name-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: clamp(3rem, 6vw, 6rem);
  align-items: center;
}

.survey-name-panel__copy {
  max-width: 760px;
}

.survey-name-panel__copy h2 {
  margin-bottom: 1.25rem;
}

.survey-name-panel__copy p {
  max-width: 68ch;
}

.survey-name-panel__lead {
  margin-top: 1.6rem;
  font-size: clamp(1.15rem, 1.6vw, 1.35rem);
  font-weight: 600;
  line-height: 1.5;
}

.survey-name-change {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1rem;
  align-items: stretch;
}

.survey-name-change__item {
  min-height: 190px;
  padding: 2rem 1.6rem;
  border: 1px solid rgba(10, 32, 55, .16);
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.survey-name-change__item span {
  display: block;
  margin-bottom: .75rem;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .7;
}

.survey-name-change__item strong {
  font-family: "Manrope", sans-serif;
  font-size: clamp(1.25rem, 2vw, 1.65rem);
  line-height: 1.2;
}

.survey-name-change__item--current {
  border-top: 4px solid var(--gold, #b9a339);
}

.survey-name-change__arrow {
  align-self: center;
  font-size: 2rem;
  line-height: 1;
}

@media (max-width: 991.98px) {
  .survey-name-panel {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575.98px) {
  .survey-name-change {
    grid-template-columns: 1fr;
  }

  .survey-name-change__arrow {
    justify-self: center;
    transform: rotate(90deg);
  }

  .survey-name-change__item {
    min-height: 0;
  }
}

/*==================================================
  CONSOLIDATED FROM: service-icon-scale.css
==================================================*/

/*==================================================
  CORE SERVICE PAGE ICON SCALE
  Home Survey / Building Survey / Property Valuations / Probate
==================================================*/

/* Hero benefit icons */
.hero-benefit-card__icon {
  width: 44px !important;
  height: 44px !important;
}

.hero-benefit-card__icon svg {
  width: 38px !important;
  height: 38px !important;
}

/* Report / content-card icons */
.report-include-icon,
.valuation-purpose-icon {
  width: 50px !important;
  height: 50px !important;
}

.report-include-icon svg,
.valuation-purpose-icon svg {
  width: 44px !important;
  height: 44px !important;
}

/* Trust / credential icons */
.service-trust-icon--svg {
  width: 52px !important;
  height: 52px !important;
}

.service-trust-icon--svg svg {
  width: 46px !important;
  height: 46px !important;
}

/* Probate uses typographic symbols in some hero benefit cards. */
.hero-benefit-card__icon .probate-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 2rem;
  line-height: 1;
}

/* Mobile keeps the icons prominent without overwhelming the stacked cards. */
@media (max-width: 575.98px) {
  .hero-benefit-card__icon {
    width: 40px !important;
    height: 40px !important;
  }

  .hero-benefit-card__icon svg {
    width: 34px !important;
    height: 34px !important;
  }

  .report-include-icon,
  .valuation-purpose-icon {
    width: 46px !important;
    height: 46px !important;
  }

  .report-include-icon svg,
  .valuation-purpose-icon svg {
    width: 40px !important;
    height: 40px !important;
  }

  .service-trust-icon--svg {
    width: 48px !important;
    height: 48px !important;
  }

  .service-trust-icon--svg svg {
    width: 42px !important;
    height: 42px !important;
  }

  .hero-benefit-card__icon .probate-icon {
    width: 40px;
    height: 40px;
    font-size: 1.8rem;
  }
}

/*==================================================
  HOMEBUYER — SUITABILITY LIST TICK ALIGNMENT
==================================================*/

/* Align each tick with the first line/title rather than the whole
   title + description block. */
.homebuyer-report-page .suitability-list li,
.homebuyer-report-page .suitability-item {
  position: relative;
  align-items: flex-start;
}

.homebuyer-report-page .suitability-list li::before,
.homebuyer-report-page .suitability-item::before,
.homebuyer-report-page .suitability-check {
  flex: 0 0 auto;
  align-self: flex-start;
  margin-top: .15rem;
}

/* Where the tick and copy are separate grid/flex children, keep a
   consistent icon column and vertically align it with the heading. */
.homebuyer-report-page .suitability-list li {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  column-gap: 1rem;
}

.homebuyer-report-page .suitability-list li::before {
  grid-column: 1;
}

.homebuyer-report-page .suitability-list li > * {
  grid-column: 2;
}

/*==================================================
  HOMEPAGE — WCAG CONTRAST CORRECTIONS
  Scoped only to the Services and About sections.
==================================================*/

/* Services section: strengthen small labels, intro copy and supporting text. */
#services.services-editorial .eyebrow,
#services.services-editorial .services-title-intro,
#services.services-editorial .service-index,
#services.services-editorial p {
  color: var(--editorial-text-accessible-alt);
}

/* Keep the editorial gold accent, but use a darker accessible gold for small text/indexes. */
#services.services-editorial .eyebrow,
#services.services-editorial .service-index {
  color: var(--editorial-gold-accessible-alt);
}

/* Primary service cards can have a lighter surface; ensure their indices retain AA contrast. */
#services.services-editorial .service-primary .service-index {
  color: #7a6100;
}

/* About section: strengthen eyebrow and body copy against the light background. */
#about.about-editorial .eyebrow {
  color: var(--editorial-gold-accessible-alt);
}

#about.about-editorial p {
  color: var(--editorial-text-accessible-alt);
}

/*==================================================
  HOME SURVEY LEVEL 2 — WCAG CONTRAST CORRECTIONS
  Lighthouse: foreground/background contrast
==================================================*/

/* Hero breadcrumb and supporting small text */
.service-page-hero .service-breadcrumb,
.service-page-hero .service-breadcrumb a,
.service-page-hero .service-breadcrumb span {
  color: #45505f;
}

/* Darker accessible gold for small labels on light surfaces */
.service-page-hero .eyebrow,
.hero-benefit-card__label,
.service-choice-strip__eyebrow,
.service-intro-section .eyebrow,
.survey-name-section .eyebrow,
.survey-suitability-section .eyebrow,
.report-includes-section .eyebrow,
.survey-comparison-section .eyebrow,
.service-trust-section .eyebrow,
.service-faq-section .eyebrow {
  color: var(--editorial-gold-accessible);
}

/* Suitability-card indices */
.survey-suitability-card .survey-card-index {
  color: var(--editorial-gold-accessible);
}

/* Supporting hero copy where inherited muted text was too light */
.service-page-hero p:not(.eyebrow) {
  color: var(--editorial-text-accessible-alt);
}

/*==================================================
  TEAM PAGE — WCAG CONTRAST CORRECTIONS
  Scoped to Team page components only.
==================================================*/

/* Hero breadcrumb and small supporting text */
.team-hero .service-breadcrumb,
.team-hero .service-breadcrumb a,
.team-hero .service-breadcrumb span {
  color: #45505f;
}

/* Darker accessible gold for small labels on light backgrounds */
.team-hero .eyebrow,
.team-intro .eyebrow,
.team-directory .eyebrow,
.team-support .eyebrow {
  color: var(--editorial-gold-accessible);
}

/* Hero panel sits on navy, so keep labels bright enough for dark-background contrast */
.team-hero__panel .eyebrow {
  color: var(--editorial-gold-on-dark);
}

/* Regional expertise remains on a dark background */
.regional-expertise .eyebrow {
  color: var(--editorial-gold-on-dark);
}

/* Muted body/supporting copy on light sections */
.team-hero__intro,
.team-intro p,
.team-heading > p,
.team-directory .team-card__summary,
.team-support .support-directory__role {
  color: var(--editorial-text-accessible-alt);
}

/* Team card regional labels and qualification text */
.team-card__region,
.team-card__quals {
  color: var(--editorial-gold-accessible);
}

/* Dark-section supporting copy */
.regional-expertise .team-heading--light > p,
.regional-expertise article p {
  color: rgba(255, 255, 255, .82);
}

/*==================================================
  TEAM PAGE — LIGHT SECTION CONTRAST CORRECTION
  Targeted from Lighthouse failing selectors.
==================================================*/

/* "Supporting the surveyors" directory — small region labels on white cards */
.team-support .support-directory__region {
  color: var(--editorial-gold-accessible);
}

/* Team Values is a LIGHT #f7f8fb section, not a dark section. */
.team-values .eyebrow,
.team-values .buyer-outcomes-heading .eyebrow,
.team-values .buyer-outcomes-list > li > span,
.team-values span,
.team-values .buyer-outcome__number {
  color: var(--editorial-gold-accessible);
}

/* Supporting copy on the light Team Values background */
.team-values .buyer-outcomes-list p,
.team-values article p,
.team-values .buyer-outcome p,
.team-values .buyer-outcomes-item p {
  color: var(--editorial-text-accessible);
}

/*==================================================
  CONTACT PAGE — WCAG CONTRAST CORRECTIONS
  Targeted from Lighthouse failing selectors.
==================================================*/

/* Contact hero breadcrumb and small supporting labels */
.contact-hero .service-breadcrumb,
.contact-hero .service-breadcrumb a,
.contact-hero .service-breadcrumb span {
  color: #45505f;
}

.contact-hero .eyebrow {
  color: var(--editorial-gold-accessible);
}

/* Main contact section labels and step/index numbers */
#contact-form.contact-main .eyebrow,
#contact-form.contact-main span {
  color: var(--editorial-gold-accessible);
}

/* Form card small labels and supporting copy */
.contact-form-card .eyebrow,
.contact-form-card span {
  color: var(--editorial-gold-accessible);
}

.contact-form-card p {
  color: var(--editorial-text-accessible);
}

/* Regional contact cards */
.contact-regions .eyebrow,
.contact-regions article span {
  color: var(--editorial-gold-accessible);
}

/* Direct-contact section */
.contact-direct .eyebrow {
  color: var(--editorial-gold-accessible);
}