/*
 * One rule, one defect: the footer link inherits the theme's pink.
 *
 * Footer template 22, text widget fb40430, whose editor is exactly
 *
 *   <p>Legal services are provided by <a href="https://jamesonlaw.com.au/">Jameson Law</a>.</p>
 *
 * The anchor computes to rgb(204, 51, 102) -- the Hello theme's own link
 * colour -- on the navy footer band, and the paragraph around it computes to
 * rgb(168, 176, 184). That pink measures 3.09:1 on #14263B: under the 4.5:1
 * AA minimum for normal text, and a link a reader can see is there but cannot
 * comfortably read.
 *
 * THERE IS NO NATIVE SETTING FOR THIS. An Elementor Text Editor has no link
 * colour control: its text_color styles the paragraph, not the anchor inside
 * it. The live widget confirms the shape of the problem -- it carries
 * __globals__ text_color and typography only, no link_color and no custom CSS,
 * because there is no such control to carry.
 *
 * The alternatives were worse. Setting the kit's global link colour would
 * repaint every link on the site to fix one footer. Putting an inline style on
 * the anchor would push presentation into editorial copy, where the next person
 * to edit that sentence drops it without noticing.
 *
 * So: scoped to .lal-footer, the footer root's own class on container 338584d,
 * and to anchors inside it. The editor string, the URL, the widget and every id
 * are untouched, nothing outside the footer is affected, and the rule
 * disappears with the plugin.
 *
 * #E1E5E9 is --lal-on-base and measures 12.11:1 on the navy. It is deliberately
 * brighter than the #A8B0B8 paragraph around it, so the link reads as a link
 * rather than as slightly different text. The hover is a real change of colour
 * to --lal-accent-on-dark-soft at 6.09:1, and it underlines, because colour
 * alone should not be the only thing marking a link.
 */

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

.lal-footer a:hover,
.lal-footer a:focus {
  color: #CC9A5C;
  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. */
.lal-footer a:focus-visible {
  outline: 2px solid #E1E5E9;
  outline-offset: 2px;
}