/* Digital You CIC — WCAG AA contrast overrides.
   Layered ON TOP of the frozen dycic.css / per-page sheets — never edits them.
   Fully reversible: delete this file (+ dycic-load-a11y.php) to revert.
   BRAND-ADJACENT CHANGE (flagged for Sharon/Luke sign-off): deepens the navy
   text on turquoise surfaces and the heather accent labels just enough to reach
   the 4.5:1 AA threshold. Visual shift is minimal (navy -> slightly deeper navy). */

/* --- navy text on TURQUOISE surfaces -> #0d3a6b (5.07:1 on #16becf) --- */
.btn:not(.blue):not(.heather):not(.outline):not(.white),
.btn:not(.blue):not(.heather):not(.outline):not(.white) .elementor-button,
.chip.k3, .chip.k3 .elementor-heading-title,
.num.n1, .num.n4, .n1 .elementor-heading-title, .n4 .elementor-heading-title,
.offer-item .tick,
.ff-btn-submit, button.ff-btn-submit, .frm-fluent-form .ff-btn-submit{
  color:#0d3a6b !important;
}

/* --- heather accent labels / eyebrows on light -> #59447f (>=7:1 on white/mist) --- */
.eyebrow:not(.light),
.eyebrow:not(.light) .elementor-heading-title,
.role, .role .elementor-heading-title{
  color:#59447f !important;
}

/* --- turquoise 'light' eyebrows on dark bands -> brighter turquoise (5.02:1 on #144e8c) --- */
.eyebrow.light,
.eyebrow.light .elementor-heading-title{
  color:#5fd9e5 !important;
}

/* --- homepage-specific turquoise accents to AA --- */
/* contact details links (turquoise on dark blue) -> brighter turquoise (5.02:1) */
.deets a{ color:#5fd9e5 !important; }
/* insight chip variant 1 (navy text on turquoise) -> deeper navy (5.07:1) */
.ins-chip.ic1, .ins-chip.ic1 .elementor-heading-title{ color:#0d3a6b !important; }

/* ============================================================
   Axe sweep fixes — 9 Jul 2026 (session 5c)
   ============================================================ */

/* header nav: current/parent items rendered turquoise (#16becf) on white =
   2.25:1 (fail). Force every nav link to brand blue (passes AA); keep the
   turquoise as a non-text active underline + hover accent. */
.dy-header .hfe-nav-menu a.hfe-menu-item,
.dy-header .hfe-nav-menu .menu-item a.hfe-menu-item{color:var(--blue,#144e8c)!important}
.dy-header .hfe-nav-menu a.hfe-menu-item:hover,
.dy-header .hfe-nav-menu a.hfe-menu-item:focus-visible{
  color:var(--blue-deeper,#103f73)!important;
  text-decoration:underline;text-underline-offset:5px;
  text-decoration-thickness:2px;text-decoration-color:var(--turquoise,#16becf)}
.dy-header .hfe-nav-menu .current-menu-item > a.hfe-menu-item,
.dy-header .hfe-nav-menu .current-menu-ancestor > a.hfe-menu-item,
.dy-header .hfe-nav-menu .current_page_item > a.hfe-menu-item{
  color:var(--blue,#144e8c)!important;font-weight:700;
  box-shadow:inset 0 -2px 0 var(--turquoise,#16becf)}

/* mission photo badge: turquoise <strong> on blue card = 3.72:1 (fail).
   Brighten to the a11y turquoise that reads on dark (~5.6:1 on #144e8c). */
.elementor-10 .m-visual .badge strong,
.elementor-11 .m-visual .badge strong{color:#5fd9e5!important}

/* --- axe sweep round 2: small teal/navy accent labels just under 4.5:1 --- */
/* teal labels on WHITE / PASTEL surfaces -> dark teal #0b6f79 (~5.5:1 on white) */
.elementor-10 .you-card .tag,.elementor-10 .you-card .tag .elementor-heading-title,
.elementor-11 .you-card .tag,.elementor-11 .you-card .tag .elementor-heading-title,
.elementor-15 .you-card .tag,.elementor-15 .you-card .tag .elementor-heading-title,
.elementor-46 .vtag,.elementor-46 .vtag .elementor-heading-title,
.elementor-13 .services .svc .vtag,.elementor-12 .services .svc .vtag,
.rl-card .rl-more,.rl-more,
.elementor-17 .contactpage .deets a{color:#0b6f79!important}
/* teal / light-eyebrow on DARK blue surfaces -> brighter turquoise */
.elementor-11 .services .vtag,.elementor-11 .services .svc .vtag{color:#7fe3ef!important}
.eyebrow.light .elementor-heading-title,.eyebrow.light{color:#5fd9e5!important}
/* navy heading on turquoise chip -> deep navy #0d3a6b (5.07:1 on #16becf) */
.elementor-element-b8d960d .elementor-heading-title,.elementor-element-b8d960d{color:#0d3a6b!important}

/* --- axe sweep round 3: stragglers --- */
/* you-card ".role" label (about/orgs) teal on white -> dark teal */
.elementor-11 .role,.elementor-11 .role .elementor-heading-title,
.elementor-15 .role,.elementor-15 .role .elementor-heading-title,
.you-card .role,.you-card .role .elementor-heading-title{color:#0b6f79!important}
/* ".light" eyebrow (turquoise on dark blue) -> brighter turquoise */
.light > .elementor-heading-title,.light .elementor-heading-title{color:#5fd9e5!important}
/* navy-on-turquoise chip: raise specificity to beat the per-page .chip rule */
.elementor-element-b8d960d.elementor-widget-heading .elementor-heading-title,
.elementor-element-b8d960d .elementor-heading-title.elementor-size-default{color:#0d3a6b!important}
/* about "Our Values" vtag on the mid-blue card -> brighter still (was 4.18) */
.elementor-11 .services .vtag,.elementor-11 .vtag{color:#b3f0f7!important}

/* --- axe sweep round 4: beat the 0,4,0 per-page rules (a11y loads last @999) --- */
.elementor-11 .role.elementor-widget-heading .elementor-heading-title.elementor-size-default,
.elementor-15 .role.elementor-widget-heading .elementor-heading-title.elementor-size-default,
.elementor-11 .team-row .role .elementor-heading-title{color:#0b6f79!important}
.elementor-11 .eyebrow.light.elementor-widget-heading .elementor-heading-title.elementor-size-default,
.elementor-13 .eyebrow.light.elementor-widget-heading .elementor-heading-title.elementor-size-default{color:#5fd9e5!important}
.elementor-element-b8d960d.elementor-widget-heading .elementor-heading-title.elementor-size-default{color:#0d3a6b!important}
.elementor-11 .services .svc .vtag.elementor-widget-heading .elementor-heading-title,
.elementor-element-03bf5b3.elementor-widget-heading .elementor-heading-title.elementor-size-default,
.elementor-11 .services .elementor-element-03bf5b3 .vtag{color:#eafcff!important}

/* ============================================================
   axe sweep round 5 — ROOT fixes (supersedes the per-element
   attempts above). Author: lukeduff.co.uk
   ============================================================ */
/* 1) teal accent text on light: darken the --turq-deep token itself
      (#0e93a1 -> #0b6f79, ~5.5:1 on white) — fixes .role/.tag/.pkg-tag/
      .vtag-on-light/.rl-more/.deets a in one place. */
:root{--turq-deep:#0b6f79}
/* 2) ".eyebrow.light" turquoise on dark blue -> brighter (match 0,4,0) */
.elementor-11 .eyebrow.light .elementor-heading-title,
.elementor-12 .eyebrow.light .elementor-heading-title,
.elementor-13 .eyebrow.light .elementor-heading-title,
.elementor-14 .eyebrow.light .elementor-heading-title{color:#5fd9e5!important}
/* 3) navy on turquoise .chip.k3 -> deep navy #0d3a6b (match 0,4,0) */
.elementor-12 .chip.k3 .elementor-heading-title,
.elementor-13 .chip.k3 .elementor-heading-title,
.elementor-14 .chip.k3 .elementor-heading-title,
.elementor-16 .chip.k3 .elementor-heading-title{color:#0d3a6b!important}
/* 4) about "Our Values" vtag on the translucent card -> pale cyan (~5:1) */
.elementor-11 .services .svc .vtag{color:#b3f0f7!important}
/* 5) page-13 case-study card eyebrow (turquoise on blue) -> brighter */
.elementor-13 .casecard .eyebrow .elementor-heading-title,
.elementor-13 .casecard .eyebrow .elementor-heading-title.elementor-size-default{color:#5fd9e5!important}

/* contextual in-copy internal links (.dycic-ilink): inherit surrounding text
   colour (so contrast always passes) + turquoise underline (distinguishable
   without relying on colour -> passes link-in-text-block). */
.dycic-ilink{color:inherit!important;text-decoration:underline;
  text-decoration-color:var(--turquoise,#16becf);text-decoration-thickness:2px;
  text-underline-offset:3px;font-weight:700;transition:text-decoration-color .15s}
.dycic-ilink:hover,.dycic-ilink:focus-visible{text-decoration-color:currentColor}
