/**
 * Focus Outline Accessibility Styles
 * 
 * These styles ensure that interactive elements have a visible outline when focused via keyboard,
 * improving accessibility for keyboard users.
 */

/* Default focus styles for all interactive elements */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
[tabindex]:focus,
[role="button"]:focus {
  outline: 1px solid #2563eb !important; /* Blue outline */
  outline-offset: 1px !important;
}

/* High contrast focus style for better visibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible,
[role="button"]:focus-visible {
  outline: 1px solid #2563eb !important; /* Blue outline */
  outline-offset: 1px !important;
}

/* Ensure focus styles are not removed by other CSS */
*:focus {
  outline: auto !important;
}

/* Form fields focus styles */
.wpcf7-form-control:focus {
  outline: 1px solid #2563eb !important; /* Blue outline */
  outline-offset: 1px !important;
}

/* Navigation menu items focus styles */
#primary-menu a:focus {
  outline: 1px solid #2563eb !important; /* Blue outline */
  outline-offset: 1px !important;
}

/* Skip link focus styles - already defined in skip-links.css */