/**
 * WP themes often paint button/[tabindex]:focus dark grey.
 * Active/selected classes must win immediately on click, not after blur.
 */
#razrez-configurator-root button:focus,
#razrez-configurator-root [role="button"]:focus {
	outline: none;
}

#razrez-configurator-root button:focus-visible,
#razrez-configurator-root [role="button"]:focus-visible {
	outline: 2px solid var(--rz-accent);
	outline-offset: 2px;
}

/* Shape cards + profile options — solid blue selected */
#razrez-configurator-root [class*="_selected_mbqta_"]:focus,
#razrez-configurator-root [class*="_selected_axnx3_"]:focus {
	background: var(--rz-accent) !important;
	border-color: var(--rz-accent-dark) !important;
	box-shadow: 0 0 0 3px var(--rz-accent-soft) !important;
}

/* Material card — blue ring */
#razrez-configurator-root [class*="_selected_14q1y_"]:focus {
	background: var(--rz-surface) !important;
	border-color: var(--rz-accent) !important;
	box-shadow: 0 0 0 3px var(--rz-accent-soft) !important;
}

/* Thickness pills */
#razrez-configurator-root [class*="_pillActive_"]:focus {
	background: var(--rz-accent) !important;
	border-color: var(--rz-accent) !important;
	color: #fff !important;
}

#razrez-configurator-root [class*="_pillAvailable_"][class*="_pillActive_"]:focus {
	background: #2e7d32 !important;
	border-color: #2e7d32 !important;
	color: #fff !important;
}

/* Requirement filter chips — light blue */
#razrez-configurator-root [class*="_filterChipActive_"]:focus {
	background: var(--rz-accent-soft) !important;
	border-color: var(--rz-accent) !important;
	color: var(--rz-accent-dark) !important;
}

/* Quantity break cards */
#razrez-configurator-root [class*="_cardActive_"]:focus {
	background: var(--rz-accent-soft) !important;
	border-color: var(--rz-accent) !important;
	box-shadow: 0 0 0 2px var(--rz-accent-soft) !important;
}

/* Unselected: reset theme focus background */
#razrez-configurator-root button[class*="_card_mbqta_"]:focus:not([class*="_selected_mbqta_"]) {
	background: var(--rz-surface) !important;
	border-color: var(--rz-border) !important;
}

#razrez-configurator-root button[class*="_option_axnx3_"]:focus:not([class*="_selected_axnx3_"]) {
	background: var(--rz-surface) !important;
	border-color: var(--rz-border) !important;
}

#razrez-configurator-root [class*="_card_14q1y_"]:focus:not([class*="_selected_14q1y_"]) {
	background: var(--rz-surface) !important;
	border-color: var(--rz-border) !important;
	box-shadow: none !important;
}

#razrez-configurator-root button[class*="_filterChip_"]:focus:not([class*="_filterChipActive_"]) {
	background: var(--rz-surface) !important;
	border-color: var(--rz-border-strong) !important;
	color: var(--rz-text-muted) !important;
}

#razrez-configurator-root button[class*="_pillAvailable_"]:focus:not([class*="_pillActive_"]) {
	background: #e8f5e9 !important;
	border-color: #2e7d32 !important;
	color: #1b5e20 !important;
}

#razrez-configurator-root button[class*="_pill_"]:focus:not([class*="_pillActive_"]):not([class*="_pillAvailable_"]) {
	background: var(--rz-surface) !important;
	border-color: var(--rz-border-strong) !important;
	color: var(--rz-text) !important;
}

#razrez-configurator-root button[class*="_card_1qgvv_"]:focus:not([class*="_cardActive_"]) {
	background: var(--rz-surface) !important;
	border-color: var(--rz-border) !important;
	box-shadow: none !important;
}

#razrez-configurator-root [class*="_backButton_"]:focus,
#razrez-configurator-root [class*="_nextButton_"]:focus {
	background: var(--rz-surface) !important;
	border-color: var(--rz-border-strong) !important;
	color: var(--rz-text) !important;
}

#razrez-configurator-root [class*="_stepButton_"]:focus {
	background: none !important;
}

#razrez-configurator-root [class*="_stepperBtn_"]:focus {
	background: var(--rz-bg) !important;
	color: var(--rz-text) !important;
}

#razrez-configurator-root [class*="_footerCart_"]:focus {
	background: var(--rz-accent) !important;
	color: #fff !important;
}