/**
 * Capital Chronicle Focus Styles
 * 
 * This file contains the standardized focus styles for the theme
 * to meet WCAG 2.1 Level AA standards while being less intrusive
 * for mouse users.
 */

/* Only show focus outline when using keyboard navigation */
*:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Global focus indicator for keyboard navigation */
*:focus-visible {
    outline: 3px solid #fcd00aff;
    outline-offset: 2px;
}

/* Hide outline on mouse click but preserve it for keyboard focus */
button:focus:not(:focus-visible),
a:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}

/* High contrast focus indicator for dark backgrounds with keyboard navigation */
.dark-bg :focus-visible,
[class*="--dark"] :focus-visible,
.site-header :focus-visible,
footer :focus-visible {
    outline-color: #fcd00aff;
}

/* Special handling for form inputs */
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid #fcd00aff;
    outline-offset: 2px;
    border-color: #fcd00aff;
}

/* Override any browser-specific focus styles */
* {
    -webkit-tap-highlight-color: transparent;
}