/*
 * Style własnej logiki Pareno.
 * Wygląd ogólny sklepu siedzi w child theme. Tutaj tylko elementy, których
 * motyw nie zna: komunikat o tkaninie, czas realizacji, siatka próbek.
 */

.pareno-lead-time {
	margin: 0 0 1em;
	font-size: 0.95rem;
}

.pareno-lead-time__label {
	color: var(--przygasly, #756A5E);
}

/* Komunikat o poglądowym kolorze. Ma być widoczny, ale nie krzyczeć. */
.pareno-fabric-notice {
	margin: 0 0 1.25em;
	padding: 0.85em 1em;
	background: var(--tlo-2, #F1EBE1);
	border-left: 3px solid var(--miedz, #8F5730);
	border-radius: var(--r-m, 14px);
}

.pareno-fabric-notice__text {
	margin: 0 0 0.35em;
	font-size: 0.9rem;
	line-height: 1.5;
}

.pareno-fabric-notice__action {
	margin: 0;
}

.pareno-fabric-notice__link {
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: underline;
}

.pareno-samples-cta {
	margin: 2.5em 0 0;
	padding: 1.5em;
	background: var(--tlo-2, #F1EBE1);
	border-radius: var(--r-l, 22px);
	text-align: center;
}

/* Siatka tkanin na stronie próbek. */
.pareno-samples__hint {
	margin: 0 0 1em;
	font-size: 0.9rem;
	color: var(--przygasly, #756A5E);
}

.pareno-samples__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
	gap: 0.85rem;
	margin: 0 0 1.25em;
	padding: 0;
	list-style: none;
}

.pareno-samples__item {
	margin: 0;
}

.pareno-samples__label {
	display: block;
	cursor: pointer;
	text-align: center;
}

.pareno-samples__checkbox {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.pareno-samples__swatch {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 2px solid transparent;
	border-radius: var(--r-l, 22px);
	transition: border-color 0.15s ease;
}

.pareno-samples__swatch--empty {
	background: repeating-linear-gradient(45deg, #eee, #eee 8px, #e2e2e2 8px, #e2e2e2 16px);
}

.pareno-samples__checkbox:checked + .pareno-samples__swatch {
	border-color: var(--atrament, #17130F);
}

/* Widoczny focus dla klawiatury. Bez tego wybór tkanin jest nieobsługiwalny. */
.pareno-samples__checkbox:focus-visible + .pareno-samples__swatch {
	outline: 2px solid var(--miedz, #8F5730);
	outline-offset: 2px;
}

.pareno-samples__name {
	display: block;
	margin-top: 0.4em;
	font-size: 0.85rem;
	line-height: 1.3;
}

.pareno-samples__counter {
	font-size: 0.9rem;
	color: var(--przygasly, #756A5E);
}

.pareno-samples__counter--limit {
	color: #B3261E;
}

/* Pola faktury pokazują się dopiero po zaznaczeniu checkboxa. */
.pareno-invoice-fields__details {
	display: none;
}

.pareno-invoice-fields__details.is-visible {
	display: block;
}