/* ECO-VITA - karta produktu: przelacznik pojemnosci + licznik wydajnosci */

.evkp-warianty {
	margin: 18px 0 20px;
}

.evkp-warianty__tytul {
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #5c6b60;
	margin-bottom: 8px;
}

.evkp-warianty__lista {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.evkp-wariant {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 104px;
	padding: 10px 14px 9px;
	border: 2px solid #dfe5e0;
	border-radius: 8px;
	background: #fff;
	text-decoration: none !important;
	color: #16261d;
	line-height: 1.25;
	transition: border-color .15s ease, box-shadow .15s ease;
}

a.evkp-wariant:hover,
a.evkp-wariant:focus {
	border-color: #1f7a3f;
	box-shadow: 0 2px 10px rgba(31, 122, 63, .14);
	color: #16261d;
}

.evkp-wariant.is-current {
	border-color: #1f7a3f;
	background: #f2f9f4;
}

.evkp-wariant.is-off {
	opacity: .55;
	cursor: default;
}

.evkp-wariant__ml {
	font-size: 17px;
	font-weight: 800;
}

.evkp-wariant__cena {
	font-size: 14px;
	margin-top: 3px;
}

.evkp-wariant__cena .woocommerce-Price-amount {
	font-weight: 600;
}

.evkp-wariant__cena--off {
	font-size: 12px;
	color: #6b756e;
}

.evkp-wariant__litr {
	font-size: 11px;
	color: #6b756e;
	margin-top: 2px;
}

.evkp-wariant__badge {
	position: absolute;
	top: -10px;
	right: -6px;
	background: #1f7a3f;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .4px;
	text-transform: uppercase;
	padding: 2px 7px;
	border-radius: 10px;
	white-space: nowrap;
}

/* ---------------------------------------------------------- licznik */

.evkp-licznik {
	margin: 22px 0;
	padding: 18px 20px 14px;
	border: 1px solid #dfe5e0;
	border-left: 4px solid #1f7a3f;
	border-radius: 8px;
	background: #f8fbf9;
}

.evkp-licznik__naglowek {
	font-size: 15px;
	font-weight: 800;
	letter-spacing: .4px;
	text-transform: uppercase;
	color: #0b3d2e;
	margin-bottom: 12px;
}

.evkp-licznik__suwak label {
	display: block;
	font-size: 14px;
	margin-bottom: 6px;
	color: #28352d;
}

.evkp-range {
	width: 100%;
	max-width: 420px;
	accent-color: #1f7a3f;
	margin: 0;
}

.evkp-licznik__skala {
	display: flex;
	justify-content: space-between;
	max-width: 420px;
	font-size: 11px;
	color: #6b756e;
	margin-top: 2px;
}

.evkp-licznik__wyniki {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 14px;
}

.evkp-kafel {
	flex: 1 1 150px;
	min-width: 140px;
	background: #fff;
	border: 1px solid #e4eae6;
	border-radius: 8px;
	padding: 12px 14px;
}

.evkp-kafel--mocny {
	background: #1f7a3f;
	border-color: #1f7a3f;
}

.evkp-kafel--mocny .evkp-kafel__liczba,
.evkp-kafel--mocny .evkp-kafel__opis {
	color: #fff;
}

.evkp-kafel__liczba {
	display: block;
	font-size: 26px;
	font-weight: 800;
	line-height: 1.1;
	color: #0b3d2e;
}

.evkp-kafel__opis {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	color: #5c6b60;
	margin-top: 4px;
}

.evkp-licznik__stopka {
	font-size: 11px;
	line-height: 1.5;
	color: #7a847d;
	margin: 12px 0 0;
}

/* ------------------------------------------- linki w opisie produktu
 * Kadence (link-style-offset-background) zdejmuje podkreslenie z linkow
 * w tresci, przez co karty techniczne w opisie wygladaja jak zwykly tekst.
 */
.woocommerce-Tabs-panel a:not(.button):not(.kb-button),
.woocommerce-product-details__short-description a:not(.button):not(.kb-button) {
	text-decoration: underline;
	text-underline-offset: 2px;
}

.woocommerce-Tabs-panel a:not(.button):not(.kb-button):hover,
.woocommerce-product-details__short-description a:not(.button):not(.kb-button):hover {
	text-decoration: underline;
	text-decoration-thickness: 2px;
}

@media (max-width: 560px) {
	.evkp-wariant {
		min-width: 88px;
		padding: 9px 10px 8px;
	}

	.evkp-kafel {
		flex: 1 1 100%;
	}
}