/**
 * PageSpeed / accessibility helpers for Rushton Recovery.
 *
 * Brand gold #C39F46 fails WCAG AA on light backgrounds (~2.5:1).
 * Darken gold fills / light-surface text only; keep gold on dark surfaces.
 */

:root {
  --rr-gold: #c39f46;
  --rr-gold-accessible: #6f5210;
}

/* Team role labels on cream/white */
.team-title {
  color: var(--rr-gold-accessible) !important;
}

/*
 * Program / feature headings sit on black cards — brand gold is ~8.4:1.
 * A previous pass darkened these to #6F5210 (~2.9:1); force brand gold back.
 */
.elementor-84 .elementor-element-4379be5 .elementor-heading-title,
.elementor-84 .elementor-element-7556fc6 .elementor-heading-title,
.elementor-84 .elementor-element-08e403c .elementor-heading-title,
.elementor-84 .elementor-element-1735b4c .elementor-heading-title {
  color: var(--rr-gold) !important;
}

/* Search icon button: gold on white fails contrast */
.search-submit,
.search-submit:hover {
  color: var(--rr-gold-accessible) !important;
}

/*
 * White text on brand gold #C39F46 is ~2.5:1 (fails WCAG AA).
 * Darken solid button fills; keep white label text.
 */
.elementor .elementor-button,
.elementor .elementor-button:visited,
.elementor .elementor-button .elementor-button-text {
  color: #ffffff !important;
}

.elementor .elementor-button,
.elementor .elementor-button:visited {
  background-color: var(--rr-gold-accessible) !important;
  border-color: var(--rr-gold-accessible) !important;
}

.elementor .elementor-button:hover,
.elementor .elementor-button:focus {
  background-color: #5a430d !important;
  border-color: #5a430d !important;
  color: #ffffff !important;
}

/* Hero CTA that used muted olive (~4.07:1 with white) */
.elementor-84 .elementor-element-2db4c06 .elementor-button {
  background-color: #48493f !important;
  border-color: var(--rr-gold) !important;
  color: #ffffff !important;
}

.elementor-84 .elementor-element-2db4c06 .elementor-button:hover,
.elementor-84 .elementor-element-2db4c06 .elementor-button:focus {
  background-color: #3a3b33 !important;
  border-color: var(--rr-gold) !important;
  color: #ffffff !important;
}

/*
 * FAQ accordion (homepage widget fff9d42): white on #C39F46 fails.
 * Use accessible gold fill + white text for every row.
 */
.elementor-element-fff9d42 .e-n-accordion-item-title {
  background-color: var(--rr-gold-accessible) !important;
  color: #ffffff !important;
}

.elementor-element-fff9d42 .e-n-accordion-item-title .e-n-accordion-item-title-header,
.elementor-element-fff9d42 .e-n-accordion-item-title .e-n-accordion-item-title-text,
.elementor-element-fff9d42 .e-n-accordion-item-title .e-n-accordion-item-title-icon,
.elementor-element-fff9d42 .e-n-accordion-item-title .e-n-accordion-item-title-icon span {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Stabilize logo layout / CLS */
img.site-img-logo,
img.site-img-logo-tran {
  aspect-ratio: 240 / 40;
  height: auto;
  max-width: 100%;
}

/* Prefer visible text while webfonts load when browsers honor it */
html {
  font-synthesis: none;
}
