/**
 * Adalatkhane accessibility baseline.
 *
 * This layer intentionally avoids global layout, colour and component resets.
 * It only adds semantics-related states that are safe for existing Elementor
 * documents and customer CSS.
 */

.screen-reader-text,
.adkh-sr-only {
  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;
  border: 0 !important;
  white-space: nowrap !important;
}

.screen-reader-text:focus,
.skip-link:focus {
  position: fixed !important;
  z-index: 1000000 !important;
  top: 12px !important;
  right: 12px !important;
  width: auto !important;
  height: auto !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 8px !important;
  background: #1f2933 !important;
  box-shadow: 0 0 0 3px #1f2933 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  white-space: normal !important;
}

:where(a[href], button, input, select, textarea, summary, [role="button"], [role="tab"], [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid var(--adkh-focus-color, var(--adkh-primary-color, #755a31)) !important;
  outline-offset: 3px !important;
}

:where(input, select, textarea)[aria-invalid="true"] {
  border-color: #b42318 !important;
  box-shadow: 0 0 0 1px #b42318 !important;
}

[hidden] {
  display: none !important;
}

:where(h1, h2, h3, h4, h5, h6, [id]) {
  scroll-margin-top: 96px;
}

@media (forced-colors: active) {
  :where(a[href], button, input, select, textarea, summary, [role="button"]):focus-visible {
    outline: 3px solid Highlight !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  .loader-container,
  .adkh-faq-answer,
  .adkh-mobile-menu-panel,
  .adkh-mobile-menu-overlay,
  .adkh-settings-toast,
  .adkh-toast {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
