/*
 * Accessibility fixes (Lighthouse / axe) that need CSS. Minimal: no layout or visible change beyond the
 * smallest colour shift that reaches 4.5:1.
 */

/* Ultimate info box "Learn More »" links: brand orange on white is 2.7:1; the text shade of orange is 4.7:1. */
body.wt-site a.aio-icon-read.xx {
  color: var(--wt-orange-text) !important;
}

/* Inline links in text blocks (link lists such as "Hospitals / Pharmacies / ..." one per line): the hit box was
   the ~17px text box, under the 24px minimum target. Vertical padding on an inline box grows the hit area without
   moving text; line-height 24px on the link only lifts lines that were tighter than that (14.5px x 1.65 = 23.9px
   -> 24px), so stacked links' padded boxes (17.5 + 2 x 3.25 = 24px) don't overlap. */
body.wt-site .wpb_text_column :is(p, li) a:not([class]):not([style*="background"]) {
  line-height: 24px;
  padding-block: 3.25px;
}

/* Ultimate buttons: the wrapper <a> had 10px vertical padding around its <button>, so axe saw a 10px strip of
   link around a nested target. Same box via margin instead: identical layout, the link is now just the button. */
body.wt-site a.ubtn-link {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}