:root {
	--kk-accent: #f47a00;
	--kk-accent-hover: #d96500;
	--kk-text: #111;
	--kk-muted: #5d6470;
	--kk-border: #d7dbe0;
	--kk-surface: #fff;
	--kk-surface-soft: #f6f7f8;
	--kk-shadow: 0 12px 36px rgb(17 24 39 / 18%);
}

.kk-frontend-foundation :where(.kk-mobile-menu, .kk-browse-tools, .kk-filter-drawer, .kk-product-card__specs, .kk-product-key-specs, .kk-purchase-confidence, .kk-sticky-cta),
.kk-frontend-foundation :where(.kk-mobile-menu, .kk-browse-tools, .kk-filter-drawer, .kk-product-card__specs, .kk-product-key-specs, .kk-purchase-confidence, .kk-sticky-cta) * {
	box-sizing: border-box;
}

.kk-frontend-foundation :where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid #0b5fff !important;
	outline-offset: 3px;
}

.kk-frontend-foundation .screen-reader-text:focus {
	z-index: 100000;
}

.kk-frontend-foundation img,
.kk-frontend-foundation svg,
.kk-frontend-foundation table {
	max-width: 100%;
}

body.kk-frontend-foundation.woocommerce a.button,
body.kk-frontend-foundation.woocommerce button.button,
body.kk-frontend-foundation.woocommerce .compare.button,
body.kk-frontend-foundation.woocommerce .compare.button .label,
body.kk-frontend-foundation.woocommerce nav.woocommerce-pagination a.page-numbers {
	color: #111 !important;
}

.kk-visually-hidden-select {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
	.kk-frontend-foundation *,
	.kk-frontend-foundation *::before,
	.kk-frontend-foundation *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}
/* The parent theme renders the current breadcrumb in low-contrast grey. */
html body.kk-mobile-navigation .current[itemprop="itemListElement"] > a[itemprop="item"],
html body.kk-mobile-navigation .current[itemprop="itemListElement"] > a[itemprop="item"] > span[itemprop="name"] {
	color: #111 !important;
}