/* ==========================================================================
   a11y.css
   - Screenreader-only
   - Fokus-Ring Regeln
   ========================================================================== */

.sr-only{
  position:absolute;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* A11y Focus (einheitlich) */
@supports selector(:focus-visible) {

  :is(
    .hotspot-btn,
    .hotspot-panel button,
    .hotspot-panel a,
    .site-footer__link,
    .pan-btn,
    .home-btn
  ):focus {
    outline: none;
  }

  :is(
    .hotspot-btn,
    .hotspot-panel button,
    .hotspot-panel a,
    .site-footer__link,
    .pan-btn,
    .home-btn
  ):focus-visible {
    outline: 3px solid var(--sf-orange);
    outline-offset: 3px;
  }
}

/* Fallback für Browser ohne :focus-visible */
@supports not selector(:focus-visible) {
  :is(
    .hotspot-btn,
    .hotspot-panel button,
    .hotspot-panel a,
    .site-footer__link,
    .pan-btn,
    .home-btn
  ):focus {
    outline: 3px solid var(--sf-orange);
    outline-offset: 3px;
  }
}