/**
 * Level 5 Accessibility Fixes
 * Ensures all touch targets meet WCAG 2.1 AA requirements (44x44px minimum)
 */

/* Ensure header search input has adequate height */
.header-search__input {
    min-height: 44px !important;
    padding: 12px 16px !important;
    line-height: 1.4 !important;
}

/* Ensure all navigation links have adequate touch targets */
.site-header a,
.main-navigation a,
.header-navigation a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 12px 16px !important;
}

/* Ensure buttons have adequate touch targets */
button,
.btn,
.button,
[role="button"],
input[type="button"],
input[type="submit"] {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 12px 24px !important;
}

/* Ensure social icons have adequate touch targets */
.social-icon,
.social-link,
[class*="social"] a {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Mobile menu touch targets */
@media (max-width: 768px) {
    .mobile-menu a,
    .mobile-nav a,
    .hamburger-menu a {
        min-height: 48px !important;
        display: flex !important;
        align-items: center !important;
    }
}

/* Focus visible states for keyboard navigation */
a:focus-visible,
button:focus-visible,
input:focus-visible {
    outline: 3px solid var(--color-primary, #0066CC) !important;
    outline-offset: 2px !important;
}