/* =============================================================================
   WCAG AA contrast overrides — REVERTIBLE IN ONE LINE
   =============================================================================

   TO REVERT: comment out the canvas_a11y_contrast_css() add_action() call in
   functions.php. Nothing else references this file. The original palette is
   untouched in scss/settings/_variables.scss and style.css.

   WHY THIS EXISTS
   Twelve nodes on the home page failed Lighthouse's color-contrast audit. That
   audit also gates `agent-accessibility-tree`, which is scored all-or-nothing
   and is one of the three audits in the Agentic Browsing category — so a single
   failing node costs a third of that score.

   The failures are arithmetic, not stylistic. Measured ratios against the
   4.5:1 AA threshold (3:1 for text >=18pt):

     #00567A on #6FCDE4   4.41   schedule button text
     #6FCDE4 on #FFFFFF   1.82   "Why Choose Us" / "Our Treatments" links
     #FFFFFF on #6FCDE4   1.82   .cta-block heading and body copy
     #FFFFFF on #0093D0   3.45   .cta-block body copy on blue
     #0093D0 on #FFFFFF   3.45   footer credit links, Instagram feed heading
     #FFFFFF on #408BD1   3.60   Instagram follow button

   HONEST NOTE ON VISIBILITY
   These are NOT all imperceptible. Two groups are:

     - subtle  (2-14% darker): the schedule button text, and #0093D0 -> #007EB3
     - visible (23-39% darker): anywhere the light brand teal #6FCDE4 carries
       text, either as the text colour on white or as a background behind white
       text. #6FCDE4 is simply too light to carry text at AA. There is no
       version of "keep the teal exactly and pass AA" — the two are mutually
       exclusive.

   The brand teal is PRESERVED everywhere it is decorative (borders, icon
   circles, hover fills, section backgrounds without text). Only the
   text-bearing instances are darkened.
   ============================================================================= */

:root {
	/* Original -> AA-passing. Each value is the LIGHTEST colour that passes,
	   so the change is the minimum the standard allows. */
	--c-darkblue-aa: #005478; /* was #00567A — 4.54:1 on teal          (2% darker)  */
	--c-blue-aa:     #007EB3; /* was #0093D0 — 4.53:1 both directions  (14% darker) */
	--c-teal-text:   #447D8B; /* teal as TEXT on white — 4.61:1        (39% darker) */
	--c-teal-bg:     #447D8B; /* teal as BACKGROUND behind white text  (39% darker) */
}

/* --- 1. Floating "Schedule a Free Consultation!" bar (dark blue on teal) --- */
.schedule-button {
	color: var(--c-darkblue-aa);
}

/* --- 2. Teal links on white: "Why Choose Us", "Our Treatments" ------------- */
/* Selector mirrors style.css `body.home section.home-welcome a` exactly --
   a lower-specificity override loses silently here.                          */
body.home section.home-welcome a {
	color: var(--c-teal-text);
}

/* --- 3. .cta-block cards: white text on a teal / blue panel ---------------- */
/* Backgrounds are set on the anchor; the h4 and p inherit white text.
   Again matching style.css specificity:
   `body.home section.home-staff-cta .cta-block.community-cta`.               */
body.home section.home-staff-cta .cta-block.community-cta {
	background: var(--c-teal-bg);
}
body.home section.home-staff-cta .cta-block.location-cta {
	background: var(--c-blue-aa);
}

/* --- 4. Footer credit links (#0093D0 on white, 11px) ---------------------- */
.credits p.copy a {
	color: var(--c-blue-aa);
}

/* --- 5. Instagram feed heading + follow button (Smash Balloon markup) ------ */
/* The plugin sets these inline/with high specificity, hence !important.       */
#sb_instagram .sbi_header_text h3,
#sb_instagram .sbi_header_text .sbi_bio,
.sb_instagram_header .sbi_header_text h3 {
	color: var(--c-blue-aa) !important;
}
#sb_instagram #sbi_load .sbi_follow_btn a,
#sb_instagram .sbi_follow_btn a {
	background-color: #2E6DA8 !important; /* was #408BD1 — 4.58:1 with white */
}