/**
 * Accessibility fixes for WCAG 2.1 AA compliance
 * Generated based on Axe DevTools audit
 */

/* ==========================================================================
   1. COLOR CONTRAST FIXES - TO BE HANDLED BY WEBDESIGNER
   ========================================================================== */

/**
 * NOTE: Color contrast fixes have been REMOVED from this file
 * The webdesigner will handle color adjustments in Elementor
 * See WEBDESIGNER-TODO.md for detailed instructions
 *
 * Current issues (to be fixed by webdesigner):
 * - Button color #46b6b4 has insufficient contrast (2.43:1)
 * - Required: 4.5:1 minimum for WCAG 2.1 AA
 * - Suggested color: #1f7775 (contrast 4.53:1) or darker
 */

/* ==========================================================================
   2. LINK STYLING IN TEXT BLOCKS
   ========================================================================== */

/**
 * Fix: Links must be distinguishable from surrounding text
 * without relying on color alone (WCAG 2.1 AA - 1.4.1)
 * Solution: Add underline to all text links
 */

/* Underline all links inside paragraphs and text elements */
p a,
.elementor-text-editor a,
.elementor-widget-text-editor a {
  text-decoration: underline !important;
}

/* Pagination links */
.page-numbers {
  text-decoration: underline !important;
}

.page-numbers:hover,
.page-numbers:focus {
  text-decoration: underline !important;
  font-weight: 600;
}

/* Navigation arrows */
.page-numbers.next,
.page-numbers.prev {
  text-decoration: none !important;
  border: 1px solid currentColor;
  padding: 5px 10px;
  border-radius: 3px;
}

/* ==========================================================================
   3. SKIP TO MAIN CONTENT LINK
   ========================================================================== */

/**
 * Skip link for keyboard navigation accessibility
 * Visible only on focus (TAB key)
 */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  z-index: 100000;
  font-weight: 600;
  transition: top 0.3s ease;
}

.skip-link:focus {
  top: 0;
  outline: 3px solid #46b6b4;
  outline-offset: 2px;
}

/* Screen reader only text (for ARIA labels) */
.sr-only,
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only:focus,
.screen-reader-text:focus {
  position: static;
  width: auto;
  height: auto;
  padding: inherit;
  margin: inherit;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* ==========================================================================
   4. FOCUS INDICATORS
   ========================================================================== */

/**
 * Ensure all interactive elements have visible focus indicators
 * for keyboard navigation (WCAG 2.1 AA - 2.4.7)
 */

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus,
.elementor-button:focus,
.elementor-icon:focus {
  outline: 3px solid #46b6b4 !important;
  outline-offset: 2px !important;
}

/* Remove default browser outline, use custom */
*:focus {
  outline: 3px solid #46b6b4;
  outline-offset: 2px;
}

/* Skip outline on mouse click, keep it for keyboard */
*:focus:not(:focus-visible) {
  outline: none;
}

*:focus-visible {
  outline: 3px solid #46b6b4;
  outline-offset: 2px;
}