/* ==== ARROW COMPAT FOR GLYPH MARKUP =================================== */
/* Use when markup is: <span class="arrow arrow--compat">›</span> */

.arrow { display: inline-flex; align-items: center; line-height: 1; vertical-align: middle; }

/* Hide the text glyph and draw the chevron with a mask */
.arrow.arrow--compat { font-size: 0; }
.arrow.arrow--compat::before {
  content: "";
  display: inline-block;
  width: 22px;           /* keep in sync with your SVG size */
  height: 22px;
  background: currentColor;
  -webkit-mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <path d="M9 5l7 7-7 7" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
  </svg>') center / contain no-repeat;
  mask: url('data:image/svg+xml;utf8,\
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
    <path d="M9 5l7 7-7 7" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>\
  </svg>') center / contain no-repeat;
}

/* Rotations work for BOTH SVG and compat glyph */
.arrow--right svg, .arrow--right::before { transform: rotate(0deg); }
.arrow--left  svg, .arrow--left::before  { transform: rotate(180deg); }
.arrow--up    svg, .arrow--up::before    { transform: rotate(-90deg); }
.arrow--down  svg, .arrow--down::before  { transform: rotate(90deg); }



/* All headings use Bahnschrift */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading, "bahnschrift", sans-serif) !important;
  font-weight: 700;
  text-transform: uppercase;
  
}

p {
  font-family: font-family: "Darwin Pro"; 
  font-weight: 400 !important;
  font-style: normal; 
}

/* All buttons use Bahnschrift */
button,
[type="button"],
[type="submit"],
.hs-button,
.button,
.btn,
a.button,
a[class*="btn"],
.menu-button,
.cta .menu-button {
  font-family: var(--font-heading, "bahnschrift", sans-serif) !important;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* Ensure button children don’t get weird inheritance */
button *, 
.hs-button *, 
.button *, 
.btn *, 
.menu-button * {
  font-family: inherit !important;
  font-weight: inherit;
  font-style: inherit;
}

/* === BANNER FENCE (still keep local sanity) =================== */
/* Prevent global link/text rules from bleeding into banners */
.pr-banner-left,
.pr-banner-left * {
  color: inherit;
  font-family: inherit;
  text-transform: none;
  letter-spacing: normal;
}

/* Re-assert intended banner styles */
.pr-banner-left .pr-banner-left__content { color: var(--pl-fg); }
.pr-banner-left .pr-banner-left__title {
  font-family: var(--font-heading, "bahnschrift", sans-serif) !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800;
}

/* Links inside banner should not take global link color */
.pr-banner-left a { color: inherit; text-decoration: none; }

/* Banner Left button: Bahnschrift + white text */
.pr-banner-left .pr-banner-left__button,
.pr-banner-left .pr-banner-left__button * {
  font-family: var(--font-heading, "bahnschrift", sans-serif) !important;
  color: #fff !important;
}

/* Optional: keep hover consistent regardless of global styles */
.pr-banner-left .pr-banner-left__button:hover {
  background: var(--brand-green-hover, #2D5234) !important;
  transform: translateY(-1px);
}