/*
 * Global Style Overrides
 * This file is loaded last to override all theme-specific styles.
 * Use this for fixes and styles that need to apply across all themes.
 */

/*
 * Button Focus State Fix
 * Reset to normal colors after mouse click while preserving keyboard focus
 * Uses --kt-* variables for theme compatibility
 */

.btn:focus:not(:focus-visible) {
	box-shadow: none !important;
}

.btn.btn-primary:focus:not(:focus-visible) {
	background-color: var(--kt-primary) !important;
	border-color: var(--kt-primary) !important;
	color: var(--kt-primary-inverse) !important;
}

.btn.btn-secondary:focus:not(:focus-visible) {
	background-color: var(--kt-secondary) !important;
	border-color: var(--kt-secondary) !important;
	color: var(--kt-secondary-inverse) !important;
}

.btn.btn-success:focus:not(:focus-visible) {
	background-color: var(--kt-success) !important;
	border-color: var(--kt-success) !important;
	color: var(--kt-success-inverse) !important;
}

.btn.btn-danger:focus:not(:focus-visible) {
	background-color: var(--kt-danger) !important;
	border-color: var(--kt-danger) !important;
	color: var(--kt-danger-inverse) !important;
}

.btn.btn-warning:focus:not(:focus-visible) {
	background-color: var(--kt-warning) !important;
	border-color: var(--kt-warning) !important;
	color: var(--kt-warning-inverse) !important;
}

.btn.btn-info:focus:not(:focus-visible) {
	background-color: var(--kt-info) !important;
	border-color: var(--kt-info) !important;
	color: var(--kt-info-inverse) !important;
}

.btn.btn-light:focus:not(:focus-visible) {
	background-color: var(--kt-light) !important;
	border-color: var(--kt-light) !important;
	color: var(--kt-light-inverse) !important;
}

.btn.btn-dark:focus:not(:focus-visible) {
	background-color: var(--kt-dark) !important;
	border-color: var(--kt-dark) !important;
	color: var(--kt-dark-inverse) !important;
}

/*
 * Search Input Icon Overlap Fix
 * Fixes icon overlapping with placeholder text in search inputs
 */

/* Fix for Blazorise Addons pattern - icon addon needs right padding */
.input-group .input-group-text.pe-0 {
	padding-right: 0.75rem !important;
}

/* Fix for absolute positioned icon pattern (.eld-form-icon-span) */
.eld-form-icon-span + input,
.eld-form-icon-span + .form-control,
.eld-form-icon-span ~ input,
.eld-form-icon-span ~ .form-control {
	padding-left: 38px !important;
}