/**
 * Samples — baner „Zamów próbkę" na karcie produktu.
 *
 * Tokeny rebrandingu 2026: zieleń #16361b/#3FA744, pomarańcz #f98d00,
 * krem #f7f3ec/#eef1e6, obwódki #e6e4d6. Tekst ciemny (nie wyszarzony).
 * Renderowany nad kalkulatorem (before_add_to_cart_quantity prio 5).
 */

.vdt-sample-banner {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0 0 16px;
	padding: 14px 16px;
	background: #f7f3ec;
	border: 1px solid #e6e4d6;
	border-radius: 12px;
	box-sizing: border-box;
}

.vdt-sample-banner__icon {
	flex: 0 0 auto;
	width: 42px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: #eef1e6;
	color: #16361b;
}

.vdt-sample-banner__body {
	flex: 1 1 auto;
	min-width: 0;
}

.vdt-sample-banner__head {
	margin: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	color: #16361b;
}

.vdt-sample-banner__text {
	margin: 3px 0 0;
	font-size: 13px;
	line-height: 1.45;
	color: #374151;
}

.vdt-sample-banner__price {
	margin: 5px 0 0;
	font-size: 12.5px;
	font-weight: 600;
	color: #1f2937;
}

.vdt-sample-banner__action {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 6px;
}

.vdt-sample-banner__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 18px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	color: #16361b;
	background: #fff;
	border: 1.5px solid #3FA744;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
	white-space: nowrap;
}

.vdt-sample-banner__cta:hover:not(:disabled) {
	background: #eef1e6;
}

.vdt-sample-banner__cta:focus-visible {
	outline: 2px solid #f98d00;
	outline-offset: 2px;
}

.vdt-sample-banner__cta:disabled {
	cursor: default;
	color: #15803d;
	background: #dcfce7;
	border-color: #bbf7d0;
}

.vdt-sample-banner__cta.is-loading {
	opacity: .7;
	cursor: progress;
}

.vdt-sample-banner__state {
	font-size: 12.5px;
	color: #374151;
	display: flex;
	align-items: center;
	gap: 8px;
}

.vdt-sample-banner__state[hidden] {
	display: none;
}

.vdt-sample-banner__count {
	font-weight: 700;
	color: #16361b;
}

.vdt-sample-banner__count-max {
	font-weight: 600;
	color: #6b7280;
	margin-left: -6px;
}

.vdt-sample-banner__msg {
	font-size: 12.5px;
	font-weight: 600;
	color: #b32d2e;
}

.vdt-sample-banner__msg--ok {
	color: #15803d;
}

/* Mobile: stack pionowo, akcja pełnej szerokości. */
@media (max-width: 560px) {
	.vdt-sample-banner {
		flex-wrap: wrap;
	}
	.vdt-sample-banner__action {
		flex: 1 1 100%;
		align-items: stretch;
	}
	.vdt-sample-banner__cta {
		justify-content: center;
		width: 100%;
	}
	.vdt-sample-banner__state {
		justify-content: space-between;
	}
}

@media (prefers-reduced-motion: reduce) {
	.vdt-sample-banner__cta {
		transition: none;
	}
}