/* ------------------------------------------------------------------
   RNG Group — WCAG 2.2 AA fixes
   Scoped deliberately: the brand token --hcl-brand-10 (#0085ce) is used
   for borders, icons and accents where contrast is not in play, so it is
   NOT redefined globally. Only the places where text sits on it change.
   ------------------------------------------------------------------ */

/* 1.4.3 Contrast (Minimum) — AA
   White text on #0085ce is 4.0:1; AA needs 4.5:1 for normal text.
   #0071b0 keeps the brand hue and clears 4.5:1 on white (5.26:1) and on the
   tinted section backgrounds #eef9ff (4.92:1) and #faf5ae (4.70:1). */
.button-atom--primary,
.bde-button .button-atom--primary,
a.button-atom--primary,
button.button-atom--primary {
  background-color: #0071b0 !important;
}

/* keep hover/focus states at or above the same contrast */
.button-atom--primary:hover,
.bde-button .button-atom--primary:hover,
.button-atom--primary:focus-visible,
.bde-button .button-atom--primary:focus-visible {
  background-color: #005e93 !important;
}

/* 1.4.3 — body text links.
   --bde-links-color resolved to --hcl-brand-9 (#0095e0), only 3.21:1 on white.
   Only the LINK token is overridden; --hcl-brand-9 itself still drives
   backgrounds and hover fills where contrast is not at stake. */
:root,
body,
.breakdance {
  --bde-links-color: #0071b0;
}

a.bde-text-link,
.bde-text-link,
.breakdance-link {
  color: #0071b0;
}

/* 1.4.3 — links on DARK surfaces need the opposite treatment: the darker blue
   above would fail there. #5ab6f3 is the existing --hcl-brand-7 token and
   clears 6.4:1 on every dark section background used on the site.
   .bde-section-5352-* is the shared Location template (all 29 city pages). */
.bde-section-5352-140 a.bde-text-link,
.bde-section-5352-140 .breakdance-link,
[class*="bde-section-5352-"] a.bde-text-link,
footer a.bde-text-link,
footer .breakdance-link {
  color: #5ab6f3;
}

/* 1.4.3 — footer credit link is inline-styled grey (#808080 on #212225 = 4.03:1) */
a[href*="indiebrandbuilder.com"] {
  color: #999999 !important;
}

/* 2.5.8 Target Size (Minimum) — AA (new in WCAG 2.2)
   Breakdance submenu toggle arrows render at 16x19px; minimum is 24x24. */
.breakdance-menu-link-arrow,
button.breakdance-menu-link-arrow {
  min-width: 24px;
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* 2.4.7 Focus Visible / 2.4.11 Focus Not Obscured — AA
   Guarantee a visible focus ring even where the theme removes outlines. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
summary:focus-visible {
  outline: 3px solid #0071b0 !important;
  outline-offset: 2px !important;
  border-radius: 2px;
}

/* dark surfaces need a light ring to stay visible */
footer a:focus-visible,
footer button:focus-visible,
.breakdance-header--dark a:focus-visible,
.breakdance-header--dark button:focus-visible {
  outline-color: #ffffff !important;
}