/* DoorFloor - zasięg montażu: pole kodu pocztowego w oknie .df-modal (reszta wyglądu z doorfloor.css). */

.df-zasieg .df-modal__text {
	margin-bottom: 18px;
}

.df-zasieg__etykieta {
	display: block;
	margin-bottom: 8px;
	color: var(--df-ink, #152420);
	font-size: 13px;
	font-weight: 600;
}

.df-zasieg .df-zasieg__pole {
	display: block;
	width: 160px;
	height: 52px;
	margin: 0 auto 18px;
	padding: 0 12px;
	border: 1px solid var(--df-line, #dfe5e2);
	border-radius: 12px;
	background: #fff;
	color: var(--df-ink, #152420);
	font-size: 22px;
	font-weight: 600;
	letter-spacing: .06em;
	text-align: center;
}

.df-zasieg .df-zasieg__pole:focus {
	border-color: var(--df-green, #1f6b54);
	outline: 2px solid var(--df-green-soft, #e3f0ea);
	outline-offset: 0;
}

.df-zasieg__komunikat {
	margin: -4px 0 18px;
	padding: 12px 14px;
	border-radius: 12px;
	background: #fdf1ee;
	color: #8a2a17;
	font-size: 14px;
	line-height: 1.45;
	text-align: left;
}

.df-zasieg__komunikat[hidden] {
	display: none;
}

.df-zasieg .df-modal__confirm[disabled] {
	opacity: .6;
	cursor: default;
}

/* Kasa: informacja w podsumowaniu, że montaż został zdjęty przez adres spoza zasięgu. */

.woocommerce-checkout-review-order-table tr.df-zasieg-info td {
	padding: 14px 0 0;
	border: 0;
}

.df-zasieg-info span {
	display: block;
	padding: 12px 14px;
	border-radius: 12px;
	background: #fdf1ee;
	color: #8a2a17;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.45;
	text-align: left;
}

.df-zasieg-info a {
	color: inherit;
	text-decoration: underline;
}

/* Okno: potwierdzenie po kodzie w zasięgu. */

.df-zasieg__pytanie[hidden],
.df-zasieg__wynik[hidden] {
	display: none;
}

.df-zasieg__wynik .df-modal__text strong {
	color: var(--df-ink, #152420);
	white-space: nowrap;
}

.df-zasieg .df-zasieg__dalej {
	grid-template-columns: 1fr;
}

/* Linijka „Montaż dostępny pod kodem 05-300 · zmień kod" przy przełączniku montażu. */

/* zwykły tekst, nie flex: w wąskiej kolumnie konfiguratora ma się łamać jak zdanie */
.df-zasieg-kod {
	display: block;
	margin: 10px 0 0;
	color: var(--df-text, #4a5753);
	font-size: 13px;
	line-height: 1.4;
}

.df-zasieg-kod svg {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	vertical-align: -3px;
	fill: var(--df-green, #1f6b54);
}

.df-zasieg-kod strong {
	color: var(--df-ink, #152420);
	white-space: nowrap;
}

.df-zasieg-kod .df-zasieg-zmien {
	display: inline;
	width: auto;
	height: auto;
	min-height: 0;
	margin: 0 0 0 6px;
	padding: 0;
	border: 0;
	background: none;
	box-shadow: none;
	color: var(--df-green, #1f6b54);
	font: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-transform: none;
	cursor: pointer;
}

.df-zasieg-kod .df-zasieg-zmien:hover,
.df-zasieg-kod .df-zasieg-zmien:focus {
	background: none;
	color: var(--df-ink, #152420);
}

/* karta produktu: przełącznik sięga krawędzi ramki, tekst pod nim ma jej wewnętrzny margines */
.df-calc__modes + .df-zasieg-kod {
	margin: 12px 14px 0;
}

/* koszyk: blok montażu ma własny margines, linijka dosuwa się pod niego */
.df-inst--on + .df-zasieg-kod {
	margin-top: 6px;
}