/**
 * Riadok „Konfigurátor“ pod nadpisom produktov v našepkávači vyhľadávania (assets/js/konfigurator-ac.js).
 * Panel visí priamo v <body>, preto premenné na samotnom riadku. Farby a zaoblenia z tokenov mobilky.
 */

.kvs-ac {
	--kv-brand: var(--nd-c-brand, var(--primary, #623385));
	--kv-cta: var(--accent, #a0c801);
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 10px 0 12px;
	padding: 10px 12px;
	border-radius: var(--nd-radius-m, 8px);
	background: var(--kv-brand);
	color: #fff;
	line-height: 1.25;
	text-decoration: none;
	box-shadow: var(--nd-shadow, 0 2px 10px rgba(98, 51, 133, .1));
}
.kvs-ac:hover,
.kvs-ac:focus-visible {
	color: #fff;
	box-shadow: var(--nd-shadow-lg, 0 10px 30px rgba(26, 26, 26, .2));
}
.kvs-ac .kvs-ic {
	flex: none;
}
.kvs-ac__ic {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #fff;
	color: var(--kv-brand);
}
.kvs-ac__txt {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}
.kvs-ac__txt b {
	color: #fff;
	font-size: 15px;
	font-weight: 800;
}
.kvs-ac__txt small {
	overflow: hidden;
	color: rgba(255, 255, 255, .85);
	font-size: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.kvs-ac__save {
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	line-height: 1;
}
.kvs-ac__save small {
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .02em;
	text-transform: uppercase;
}
.kvs-ac__save b {
	color: var(--kv-cta);
	font-size: 22px;
	font-weight: 900;
}

@media (max-width: 767px) {
	.kvs-ac {
		gap: 10px;
		padding: 8px 10px;
	}
	.kvs-ac__ic {
		width: 32px;
		height: 32px;
	}
	.kvs-ac__txt b {
		font-size: 14px;
	}
	.kvs-ac__save b {
		font-size: 18px;
	}
}