/* Styles */

:focus-visible {
    outline: 3px solid #005fcc;  
    outline-offset: 2px;
}


/* core interactive elements */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}

/* elementor / theme-specific classes  */
.elementor-button:focus-visible,
.btn:focus-visible,
.button:focus-visible,
.pagination a:focus-visible,
.pagination button:focus-visible,
.menu a:focus-visible,
.nav a:focus-visible {
  outline: var(--focus-outline);
  outline-offset: var(--focus-offset);
}


/* Container doesn't need to be hidden — only the links */
.skip-links {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
}

/* Skip link accessible but visually hidden */
.skip-link {
    position: absolute;
    left: -999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
}

/* When focused: show visibly */
.skip-link:focus,
.skip-link:focus-visible  {
  position: static;
  width: auto;
  height: auto;
  padding: .75rem 1rem;
  background: var(--focus-color);
  color: #fff;
  outline: 3px solid #fff;
  outline-offset: 0;
  z-index: 10000;
}