/**
 * Accessibility — visible keyboard focus indicator (WCAG 2.4.7, Level AA)
 *
 * The theme resets `outline` on many controls (links, buttons, inputs), which
 * removes the keyboard focus ring and leaves keyboard users unable to see where
 * they are. This restores a visible ring for KEYBOARD focus only (:focus-visible),
 * so mouse interaction and the visual design are unchanged.
 *
 * Loaded last (see custom_style_enqueue) + !important so it overrides the theme's
 * existing `outline:none` / `outline:0` resets. No JS/behaviour depends on this.
 */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[role="link"]:focus-visible,
[role="tab"]:focus-visible,
[role="menuitem"]:focus-visible,
[role="checkbox"]:focus-visible,
[role="radio"]:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 3px solid var(--color-secondary, #f9ac1b) !important;
  outline-offset: 2px !important;
}

/* Skip-to-content link must be clearly visible when it receives focus. */
.skip-link:focus,
.skip-link:focus-visible {
  outline: 3px solid var(--color-secondary, #f9ac1b) !important;
  outline-offset: 2px !important;
}