/**
 * MultiTrade FSE - Custom Styles
 *
 * Block styles, WooCommerce overrides, and component styling.
 *
 * @package multitrade-fse
 */

/* ============================================
   A11Y-002: Global Focus States
   ============================================ */

/* Visible focus ring for keyboard navigation only */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[role="button"]:focus-visible,
.wp-block-button__link:focus-visible,
.wp-block-navigation-item__content:focus-visible {
	outline: 2px solid var(--wp--preset--color--tertiary);
	outline-offset: 2px;
}

/* Remove conflicting :focus styles that show on click */
.multitrade-header-search .wp-block-search__input:focus,
.multitrade-filter-select:focus {
	outline: none;
}

/* Restore proper focus-visible for these elements */
.multitrade-header-search .wp-block-search__input:focus-visible,
.multitrade-filter-select:focus-visible {
	outline: 2px solid var(--wp--preset--color--tertiary);
	outline-offset: 2px;
	border-color: var(--wp--preset--color--tertiary);
}