/* BlueTech Site Kit 1.2.3 — global accessibility helpers.
 * Keep screen-reader text available to assistive technology without allowing
 * X/Cornerstone helper text (for example "opens in a new tab") to enter the
 * visual layout. This file is deliberately loaded after the Site Kit's other
 * styles so theme/plugin updates cannot accidentally expose helper text. */

.screen-reader-text,
.sr-only,
.visually-hidden,
.x-screen-reader-text,
.x-sr-only,
.btec-sr {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* If Cornerstone wraps its accessibility helper in a secondary-text box,
 * remove the wrapper box but keep the hidden helper in the accessibility tree.
 * This prevents the empty second line seen below buttons and linked images. */
a[target="_blank"] .x-anchor-text-secondary:has(.screen-reader-text),
a[target="_blank"] .x-anchor-text-secondary:has(.sr-only),
a[target="_blank"] .x-anchor-text-secondary:has(.visually-hidden),
a[target="_blank"] .x-anchor-text-secondary:has(.x-screen-reader-text),
a[target="_blank"] .x-anchor-text-secondary:has(.x-sr-only),
a[target="_blank"] .x-anchor-text-secondary:has(.btec-sr),
a[target="_blank"] > span:has(> .screen-reader-text),
a[target="_blank"] > span:has(> .sr-only),
a[target="_blank"] > span:has(> .visually-hidden),
a[target="_blank"] > span:has(> .x-screen-reader-text),
a[target="_blank"] > span:has(> .x-sr-only),
a[target="_blank"] > span:has(> .btec-sr) {
  display: contents !important;
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

/* Focusable visually-hidden links (typically skip links) must become visible
 * when reached by keyboard. */
a.screen-reader-text:focus,
a.sr-only:focus,
a.visually-hidden:focus,
a.x-screen-reader-text:focus,
a.x-sr-only:focus {
  position: fixed !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 1000000 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 10px 16px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
}