/* =========================================================================
   No blue outline when clicking links / buttons / components with the mouse.
   Keyboard users (Tab key) still get a visible orange focus ring, so the
   site stays accessible.
   ========================================================================= */
html { -webkit-tap-highlight-color: transparent; }

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
label:focus:not(:focus-visible),
select:focus:not(:focus-visible),
.button:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible),
[tabindex]:focus:not(:focus-visible),
input[type="submit"]:focus:not(:focus-visible),
input[type="button"]:focus:not(:focus-visible),
input[type="checkbox"]:focus:not(:focus-visible),
input[type="radio"]:focus:not(:focus-visible) {
  outline: none !important;
}
[tabindex="-1"]:focus { outline: none !important; }   /* skip-link targets like #content */

/* Keyboard focus: one consistent brand-coloured ring */
a:focus-visible,
button:focus-visible,
summary:focus-visible,
.button:focus-visible,
[role="button"]:focus-visible,
input[type="submit"]:focus-visible,
input[type="button"]:focus-visible {
  outline: 2px solid #FF6A00 !important;
  outline-offset: 2px;
}