/* Systical — site-wide link treatment
 *
 * The design carries no underlines anywhere: links are marked by colour,
 * weight or a surrounding control, never by a rule under the text. This file
 * is enqueued globally rather than per widget so it also reaches theme markup,
 * Elementor's own widgets and anything pasted into post content — the places
 * a widget stylesheet cannot see.
 *
 * `:where()` keeps every selector here at zero specificity, so any component
 * that genuinely wants a decoration can simply state it and win.
 */

:where(a),
:where(a:hover),
:where(a:focus),
:where(a:visited),
:where(.elementor a),
:where(.elementor a:hover) {
	text-decoration: none;
}

/* Stated at real weight, not inside `:where()`. Hello Elementor underlines
   these two at (0,1,1) — its default for classic post and comment markup — so
   a zero-specificity rule can never beat it. `body` carries this to (0,1,2)
   rather than relying on stylesheet order, which only happens to favour the
   theme today and would flip on any enqueue change. */
body .page-content a,
body .page-content a:hover,
body .comments-area a,
body .comments-area a:hover {
	text-decoration: none;
}

/* Underlines the browser or theme applies to non-anchor text, e.g. Hello
   Elementor's footer column headings. */
:where(ins),
:where(u) {
	text-decoration: none;
}

/* Keyboard users still need to see where they are — the outline replaces what
   the underline used to signal on focus. */
:where(a:focus-visible) {
	outline: 2px solid #9afd0d;
	outline-offset: 3px;
	border-radius: 4px;
}

/* ---------- colour ----------
 *
 * Hello Elementor's reset paints every link pink at rest and navy on hover:
 *
 *   a               { color: #c36 }
 *   a:active,a:hover{ color: #336 }
 *
 * Those show through anywhere a component has not stated its own colour, which
 * is why category pills and tags on the light bands turned dark blue. The two
 * rules below are the floor: lime on hover, inherited at rest.
 */

/* (0,0,1), the same weight as the theme's own rule — this file is enqueued at
   priority 20 so it lands after the theme and wins the tie. Deliberately not
   raised any higher: at (0,1,x) it would start overriding the components that
   set their own link colours. */
a {
	color: inherit;
}

/* (0,1,1) so it beats the theme's (0,1,0) whatever the load order, while still
   losing to any component's own hover rule, which is class-based (0,2,0). */
body a:hover,
body a:active {
	color: var(--sys-link-hover, #9afd0d);
}

/* Hello underlines visited links at (0,1,0), which the `:where()` reset above
   cannot reach. Rarely seen in a fresh browser profile, which is exactly why
   it is easy to miss. */
body a:visited {
	text-decoration: none;
}

/* The theme's skip link sits on white when focused, where lime is unreadable. */
body .skip-link:hover,
body .skip-link:focus {
	color: #070707;
}