/* Sidewalk Juice Accessibility Companion */

/* Visually hidden text (e.g. "(opens in a new tab)", hidden h1). */
.ibs-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* WCAG 2.4.7: a focus indicator that stays visible on light, dark and orange backgrounds. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid #1a1a1a !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 2px #fff !important;
}

/*
 * OneTap ships ".onetap-container-toggle .onetap-toggle:focus { outline: 0 !important }", which
 * left the accessibility button without a visible focus indicator.
 */
html body .onetap-container-toggle .onetap-toggle:focus,
html body .onetap-container-toggle .onetap-toggle:focus-visible {
  outline: 3px solid #1a1a1a !important;
  outline-offset: 3px !important;
  box-shadow: 0 0 0 2px #fff !important;
}

/* WCAG 2.5.5 (AAA): Elementor buttons are 34px tall; make the touch/click target at least 44px. */
a.elementor-button,
.elementor-button-link {
  min-height: 44px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/*
 * WCAG 1.4.11: the WordPress comment form fields have a #ebebeb border on white (1.2:1). A control
 * boundary needs 3:1; #767676 gives 4.5:1.
 */
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentform textarea,
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  border: 1px solid #767676 !important;
}