/* gargle-skip-link.css (gargle-wp-converter v2.38, Stage 4A) — the skip link ada_apply.mjs adds to a page
 * that has none (WCAG 2.4.1 Bypass Blocks).
 *
 * Why it exists. Until v2.38 the skip link was emitted only when the LIVE WordPress site had one
 * (site.json integrations.skipLink, captured at extraction), and a page with none raised a review note that
 * did not fail the gate. Lauren's QA of 2026-10-19 found three of six converted sites shipped with no way
 * to bypass the header, all of them PASSing. 2.4.1 does not care what the source site did, so the link is
 * now unconditional and gated.
 *
 * The link must be invisible until focused and fully visible when it is — a site that does not ship
 * hello-elementor's theme.css has no .screen-reader-text rule, so we carry our own and never rely on the
 * theme's. #111111 on #ffffff is 17.9:1; the z-index clears Elementor sticky headers (which sit around
 * 10000 and would otherwise cover the focused link).
 */
.gada-skip {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  z-index: 2147483100 !important;
}
.gada-skip:focus,
.gada-skip:focus-visible {
  position: fixed !important;
  left: 8px !important;
  top: 8px !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 12px 20px !important;
  background: #ffffff !important;
  color: #111111 !important;
  border: 2px solid #111111 !important;
  border-radius: 4px !important;
  font: 700 16px/1.3 Arial, Helvetica, sans-serif !important;
  text-decoration: underline !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  clip: auto !important;
  clip-path: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  outline: 3px solid #111111 !important;
  outline-offset: 2px !important;
}