/* ==========================================================
   YORKSHIRE COAST & WOLDS PCN
   KEYBOARD FOCUS VISIBILITY
   ========================================================== */

/* * Show a strong, high-contrast focus indicator on anything
 * receiving keyboard focus. */

*:focus-visible {
  outline: 3px solid #000 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px #ffdd00 !important;
}

/* * Extra safeguard for common interactive controls where
 * third-party CSS may try to remove the browser outline. */

a:focus, button:focus, input:focus, select:focus, textarea:focus, summary:focus, [tabindex]:focus {
  outline: 3px solid #000 !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 3px #ffdd00 !important;
}

/* * Do not show focus styling on elements deliberately removed
 * from the keyboard tab order. */

[tabindex="-1"]:focus {
  outline: none !important;
  box-shadow: none !important;
}