/*
 * One rule, one defect: the footer link inherits the theme's pink.
 *
 * The footer band is the brand's burgundy (globals/colors?id=primary, #632D3E).
 * Inside it, the Jameson Law link in text widget fb40430 computed to
 * rgb(204, 51, 102) -- the Hello theme's own link colour -- because an Elementor
 * TEXT EDITOR HAS NO LINK COLOUR CONTROL. Its text_color control styles the
 * paragraph, not the anchor inside it, so there is no native setting to change
 * and no plan that could change one. That pink measures 2.14:1 on #632D3E: a
 * link a reader can see is there and cannot comfortably read.
 *
 * The alternatives were worse. Setting the kit's global link colour would
 * repaint every link on the site to suit one footer. Wrapping the anchor in an
 * inline style would put presentation in editorial copy, where the next person
 * to edit that sentence would silently drop it.
 *
 * So: scoped to .avo-footer, which is the footer root's own class, and to
 * anchors inside it. Nothing outside the footer is touched, and the rule
 * disappears with the plugin.
 *
 * #EBE2DF on #632D3E is 8.34:1 and #C5B0B2 is 5.18:1 -- the same pale pair
 * already verified in public on this brand's recognition section at 1280, 1024
 * and 390. The hover is a real change of colour, and the underline on hover is
 * there because colour alone should not be the only thing that marks a link.
 */

.avo-footer a,
.avo-footer a:link,
.avo-footer a:visited {
  color: #EBE2DF;
  text-decoration: none;
}

.avo-footer a:hover,
.avo-footer a:focus {
  color: #C5B0B2;
  text-decoration: underline;
}

/* A keyboard user must be able to see where they are, on a dark band where a
   browser's default focus ring is often nearly invisible. */
.avo-footer a:focus-visible {
  outline: 2px solid #EBE2DF;
  outline-offset: 2px;
}