/*
 * Keyboard and screen-reader access. Not from WordPress: Tim approved these
 * improvements over live on 2026-10-15, on the condition that the desktop
 * look does not change. Loaded at every width from src/app/layout.tsx, after
 * the theme's stylesheets.
 *
 * Nothing here changes what a mouse or touch user sees: the ring is keyed to
 * :focus-visible (keyboard focus only), and the hidden heading is clipped to
 * nothing.
 */

/* A visible focus ring in the site's orange (Avada's primary colour,
   --awb-color4). Avada removes the outline in places (outline:0 on the
   back-to-top button, slider links and form fields); elsewhere only the
   browser's thin default ring was left, which disappears on the dark
   header and footer. The white halo keeps the ring visible on the orange
   buttons and the orange hero backgrounds. */
:focus-visible {
  outline: 2px solid #f44f16 !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 4px #fff !important;
}

/* The main menu's links fill the header's height and the menu clips what
   is drawn outside it, so their ring is drawn inside the link (the header
   is dark, so no halo is needed). */
.fusion-main-menu > ul > li > a:focus-visible {
  outline-offset: -4px !important;
  box-shadow: none !important;
}

/* WordPress's screen-reader-text, restated here so it does not depend on
   which of Avada's per-page stylesheets a page loads. Used for the
   homepage's H1 (src/structured/polish.ts). */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}