/*
 * S113 Kaucja - style prezentacji kaucji.
 * Zakres celowo wąski: znacznik na zdjęciu, dopisek pod ceną, adnotacje w koszyku.
 */

/* Znacznik na zdjęciu w listingu, wynikach wyszukiwania i produktach powiązanych. */
.woocommerce li.product {
	position: relative;
}

.woocommerce li.product .woocommerce-loop-product__link {
	position: relative;
	display: block;
}

.s113-kaucja-badge {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 20;
	display: inline-flex;
	align-items: center;
	max-width: calc(100% - 16px);
	padding: 3px 8px;
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.94);
	box-shadow: 0 2px 8px rgba(10, 22, 40, 0.16);
	color: #0a1628;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: 0;
	text-align: left;
	pointer-events: none;
}

/* Dopisek pod ceną: karta produktu i listing. */
.s113-kaucja-info,
.s113-kaucja-lista {
	margin-top: 6px;
	color: #0a1628;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0;
}

.s113-kaucja-lista {
	font-size: 12px;
	opacity: 0.85;
}

.s113-kaucja-kwota {
	font-weight: 700;
	white-space: nowrap;
}

.s113-kaucja-link {
	text-decoration: underline;
	white-space: nowrap;
}

/* Adnotacja przy pozycji koszyka i w podsumowaniu zamówienia. */
.s113-kaucja-pozycja {
	display: block;
	margin-top: 2px;
	color: #5a6470;
	font-size: 12px;
	line-height: 1.35;
	letter-spacing: 0;
}

/* Informacja przed złożeniem zamówienia, na stronie podziękowania i w koncie. */
.s113-kaucja-checkout,
.s113-kaucja-konto {
	margin: 12px 0;
	padding: 10px 12px;
	border-left: 3px solid #0a1628;
	background: #f7f8fa;
	color: #0a1628;
	font-size: 13px;
	line-height: 1.45;
	letter-spacing: 0;
}

.s113-kaucja-checkout p,
.s113-kaucja-konto p {
	margin: 0;
}

@media (max-width: 639px) {
	.s113-kaucja-badge {
		top: 6px;
		left: 6px;
		padding: 3px 6px;
		font-size: 10px;
	}

	.s113-kaucja-info {
		font-size: 12px;
	}
}