/*
 * Business Voice C10 R1 HF53
 * Inner-page hero colour authority + quote cleanup.
 *
 * Authority:
 * - Homepage remains untouched.
 * - Inner public heroes use Business Voice logo black/deep charcoal
 *   (#231F20) instead of navy/blue-black.
 * - Existing photographs, burgundy quote wedges, gold text/quote marks,
 *   dimensions and layouts are preserved.
 * - Only the explicit yellow opening + explicit yellow closing quote marks
 *   are allowed. Historical generated white closing quote is disabled.
 */

:root{
  --bv-hero-black:#231F20;
  --bv-hero-black-rgb:35,31,32;
}

/* ------------------------------------------------------------------
   Quote cleanup — no inherited/generated white closing quote.
   HF52 explicit .quote-mark--close remains the sole closing glyph.
   ------------------------------------------------------------------ */
.hero__quote blockquote::after,
.about-hero__quote blockquote::after,
.hiw-hero__quote blockquote::after,
.adv-hero__quote blockquote::after,
.route-hero__quote blockquote::after,
.donate-hero__quote blockquote::after,
.report-hero__quote blockquote::after,
.success-hero__quote blockquote::after,
.news-hero__quote blockquote::after,
.faq-hero__quote blockquote::after,
.contact-hero__quote blockquote::after,
.track-hero__quote blockquote::after{
  content:none!important;
  display:none!important;
}

/* Keep both explicit hero quote marks yellow and visually matched. */
.about-hero__quote > .quote-mark,
.hiw-hero__quote > .quote-mark,
.adv-hero__quote > .quote-mark,
.route-hero__quote > .quote-mark,
.donate-hero__quote > .quote-mark,
.report-hero__quote > .quote-mark,
.success-hero__quote > .quote-mark,
.news-hero__quote > .quote-mark,
.faq-hero__quote > .quote-mark,
.contact-hero__quote > .quote-mark,
.track-hero__quote > .quote-mark{
  color:#F4B223!important;
}

/* ------------------------------------------------------------------
   INNER-PAGE HERO BLACK / CHARCOAL AUTHORITY
   Do not target .hero (homepage).
   ------------------------------------------------------------------ */

/* About */
.about-hero{
  background:var(--bv-hero-black)!important;
}
.about-hero__shade{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),1) 0%,
    rgba(var(--bv-hero-black-rgb),.98) 27%,
    rgba(var(--bv-hero-black-rgb),.84) 43%,
    rgba(var(--bv-hero-black-rgb),.26) 63%,
    rgba(var(--bv-hero-black-rgb),.03) 76%,
    rgba(var(--bv-hero-black-rgb),0) 100%
  )!important;
}

/* How It Works */
.hiw-hero{
  background:var(--bv-hero-black)!important;
}
.hiw-hero::before{
  display:block!important;
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),.98) 0%,
    rgba(var(--bv-hero-black-rgb),.92) 31%,
    rgba(var(--bv-hero-black-rgb),.52) 49%,
    rgba(var(--bv-hero-black-rgb),.08) 67%,
    rgba(var(--bv-hero-black-rgb),0) 76%
  )!important;
}

/* Donate */
.donate-hero{
  background:var(--bv-hero-black)!important;
}
.donate-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),.99) 0%,
    rgba(var(--bv-hero-black-rgb),.94) 27%,
    rgba(var(--bv-hero-black-rgb),.66) 43%,
    rgba(var(--bv-hero-black-rgb),.13) 59%,
    rgba(var(--bv-hero-black-rgb),0) 70%
  )!important;
}

/* Track My Case */
.track-hero{
  background:var(--bv-hero-black)!important;
}
.track-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),.99) 0%,
    rgba(var(--bv-hero-black-rgb),.95) 30%,
    rgba(var(--bv-hero-black-rgb),.82) 42%,
    rgba(var(--bv-hero-black-rgb),.40) 55%,
    rgba(var(--bv-hero-black-rgb),.06) 68%,
    rgba(var(--bv-hero-black-rgb),0) 76%
  )!important;
}

/* Report a Case */
.report-hero{
  background:var(--bv-hero-black)!important;
}
.report-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),.99) 0%,
    rgba(var(--bv-hero-black-rgb),.95) 30%,
    rgba(var(--bv-hero-black-rgb),.80) 44%,
    rgba(var(--bv-hero-black-rgb),.28) 61%,
    rgba(var(--bv-hero-black-rgb),0) 76%
  )!important;
}

/* Advocacy Services */
.adv-hero{
  background:var(--bv-hero-black)!important;
}
.adv-hero__shade{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),1) 0%,
    rgba(var(--bv-hero-black-rgb),1) 28%,
    rgba(var(--bv-hero-black-rgb),.88) 38%,
    rgba(var(--bv-hero-black-rgb),.24) 58%,
    rgba(var(--bv-hero-black-rgb),0) 68%
  )!important;
}

/* Advocacy Routing & Referral */
.route-hero{
  background:var(--bv-hero-black)!important;
}
.route-hero__shade{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),.99) 0%,
    rgba(var(--bv-hero-black-rgb),.95) 30%,
    rgba(var(--bv-hero-black-rgb),.77) 45%,
    rgba(var(--bv-hero-black-rgb),.22) 62%,
    rgba(var(--bv-hero-black-rgb),0) 73%
  )!important;
}

/* Success Stories */
.success-hero{
  background:var(--bv-hero-black)!important;
}
.success-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),.99) 0%,
    rgba(var(--bv-hero-black-rgb),.95) 25%,
    rgba(var(--bv-hero-black-rgb),.63) 48%,
    rgba(var(--bv-hero-black-rgb),.08) 67%,
    rgba(var(--bv-hero-black-rgb),0) 74%
  )!important;
}

/* News & Insights */
.news-hero{
  background:var(--bv-hero-black)!important;
}
.news-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),.99) 0%,
    rgba(var(--bv-hero-black-rgb),.95) 28%,
    rgba(var(--bv-hero-black-rgb),.78) 43%,
    rgba(var(--bv-hero-black-rgb),.26) 60%,
    rgba(var(--bv-hero-black-rgb),0) 74%
  )!important;
}

/* FAQ */
.faq-hero{
  background:var(--bv-hero-black)!important;
}
.faq-hero__overlay{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),.99) 0%,
    rgba(var(--bv-hero-black-rgb),.95) 30%,
    rgba(var(--bv-hero-black-rgb),.78) 45%,
    rgba(var(--bv-hero-black-rgb),.24) 63%,
    rgba(var(--bv-hero-black-rgb),0) 76%
  )!important;
}

/* Contact */
.contact-hero{
  background:var(--bv-hero-black)!important;
}
.contact-hero__wash{
  background:linear-gradient(
    90deg,
    rgba(var(--bv-hero-black-rgb),1) 0%,
    rgba(var(--bv-hero-black-rgb),.98) 26%,
    rgba(var(--bv-hero-black-rgb),.82) 43%,
    rgba(var(--bv-hero-black-rgb),.22) 63%,
    rgba(var(--bv-hero-black-rgb),.02) 76%,
    rgba(var(--bv-hero-black-rgb),0) 100%
  )!important;
}

/* ------------------------------------------------------------------
   Mobile/tablet: preserve each hero's responsive structure, only replace
   the navy colour cast with brand black.
   ------------------------------------------------------------------ */
@media(max-width:900px){
  .about-hero__shade,
  .track-hero__overlay,
  .report-hero__overlay,
  .adv-hero__shade,
  .route-hero__shade,
  .contact-hero__wash{
    background:linear-gradient(
      90deg,
      rgba(var(--bv-hero-black-rgb),.98) 0%,
      rgba(var(--bv-hero-black-rgb),.84) 62%,
      rgba(var(--bv-hero-black-rgb),.28) 100%
    )!important;
  }

  .success-hero__overlay,
  .news-hero__overlay,
  .faq-hero__overlay{
    background:linear-gradient(
      180deg,
      rgba(var(--bv-hero-black-rgb),.97) 0%,
      rgba(var(--bv-hero-black-rgb),.86) 54%,
      rgba(var(--bv-hero-black-rgb),.32) 100%
    )!important;
  }

  .donate-hero__overlay{
    background:linear-gradient(
      180deg,
      rgba(var(--bv-hero-black-rgb),.97) 0%,
      rgba(var(--bv-hero-black-rgb),.83) 52%,
      rgba(var(--bv-hero-black-rgb),.30) 100%
    )!important;
  }
}

/* How It Works mobile design places the image as its own block, so the
   surrounding hero canvas is black without forcing a dark overlay over it. */
@media(max-width:980px){
  .hiw-hero{
    background:var(--bv-hero-black)!important;
  }
  .hiw-hero::before{
    display:none!important;
  }
}