/* =========================================================================
   Компонент: Нон-стоп конструктор V1 (форма + результат + сайдбар-картка)
   BEM: .pk-nsv1 (форма) / .pk-nsv1-res (результат) / .pk-nsv1-book (сайдбар)
   Партіали: template-parts/nonstop-v1-form.php, nonstop-v1-result.php
   Підключається УМОВНО лише на архіві/single nonstop_tour (inc/nonstop-v1.php).
   Тільки токени. Візуальний патерн картки — як у старого конструктора
   (світло-зелена картка з акцентною смугою), щоб не ламати вигляд сторінки.
   ========================================================================= */

/* ── Форма ── */
.pk-nsv1 {
	position: relative;
	background: var(--pk-green-100);
	border: 1.5px solid var(--pk-green-300);
	border-radius: var(--pk-r-lg);
	box-shadow: 0 18px 46px rgba(0, 67, 34, .16);
	padding: 28px 30px;
}
.pk-nsv1::before {
	content: "";
	position: absolute;
	left: -1.5px;
	right: -1.5px;
	top: -1.5px;
	height: 6px;
	border-radius: var(--pk-r-lg) var(--pk-r-lg) 0 0;
	background: linear-gradient(90deg, var(--pk-green), var(--pk-green-dark));
}

.pk-nsv1__errors {
	margin: 0 0 18px;
	padding: 14px 16px;
	border-radius: var(--pk-r-md);
	background: rgba(172, 27, 53, .08);
	border: 1px solid var(--pk-red);
	color: var(--pk-red);
	font: 500 15px/1.5 var(--pk-font-sans);
}
.pk-nsv1__errors strong { display: block; margin-bottom: 4px; }
.pk-nsv1__error { display: block; }

.pk-nsv1__label {
	display: block;
	margin: 16px 0 8px;
	font: 600 15px/1.3 var(--pk-font-sans);
	color: var(--pk-green-dark);
}
.pk-nsv1__label:first-child { margin-top: 0; }

.pk-nsv1__input {
	width: 100%;
	height: 54px;
	padding: 0 16px;
	border: 1px solid var(--pk-green-300);
	border-radius: var(--pk-r-md);
	background: var(--pk-white);
	color: var(--pk-ink);
	font: var(--pk-t-body16);
	appearance: none;
	-webkit-appearance: none;
}
.pk-nsv1__input:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(0, 84, 43, .25);
}
select.pk-nsv1__input {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%2300542B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	padding-right: 42px;
}

/* Радіо-картки рівнів проживання */
.pk-nsv1__tiers {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	margin: 0;
	padding: 0;
	border: 0;
}
.pk-nsv1__tiers .pk-nsv1__label { grid-column: 1 / -1; margin-bottom: 0; }
.pk-nsv1__tier { display: block; cursor: pointer; }
.pk-nsv1__tier-radio {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.pk-nsv1__tier-card {
	display: flex;
	flex-direction: column;
	gap: 4px;
	align-items: center;
	text-align: center;
	padding: 14px 8px;
	border: 1.5px solid var(--pk-green-300);
	border-radius: var(--pk-r-md);
	background: var(--pk-white);
	transition: border-color .15s, background .15s, box-shadow .15s;
}
.pk-nsv1__tier-name { font: 700 16px/1.2 var(--pk-font-sans); color: var(--pk-ink); }
.pk-nsv1__tier-price {
	font: 700 15px/1.2 var(--pk-font-sans);
	color: var(--pk-green-dark);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.pk-nsv1__tier-per { font: 500 12px/1 var(--pk-font-sans); color: var(--pk-muted); }
.pk-nsv1__tier-radio:checked + .pk-nsv1__tier-card {
	border-color: var(--pk-green);
	background: var(--pk-green);
	box-shadow: 0 6px 16px rgba(0, 67, 34, .25);
}
.pk-nsv1__tier-radio:checked + .pk-nsv1__tier-card .pk-nsv1__tier-name,
.pk-nsv1__tier-radio:checked + .pk-nsv1__tier-card .pk-nsv1__tier-price,
.pk-nsv1__tier-radio:checked + .pk-nsv1__tier-card .pk-nsv1__tier-per { color: var(--pk-white); }
.pk-nsv1__tier-radio:focus-visible + .pk-nsv1__tier-card {
	box-shadow: 0 0 0 3px rgba(0, 84, 43, .35);
}

.pk-nsv1__transfer {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 18px 0 0;
	font: 500 15px/1.5 var(--pk-font-sans);
	color: var(--pk-ink);
	cursor: pointer;
}
.pk-nsv1__check {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	margin-top: 1px;
	accent-color: var(--pk-green);
}

.pk-nsv1__preview {
	margin: 18px 0 0;
	padding: 14px 16px;
	border-radius: var(--pk-r-md);
	background: var(--pk-white);
	border: 1px dashed var(--pk-green-300);
	font: 500 15px/1.5 var(--pk-font-sans);
	color: var(--pk-ink);
}
.pk-nsv1__preview strong {
	font: 700 22px/1.2 var(--pk-font-sans);
	color: var(--pk-green-dark);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.pk-nsv1__preview-note { display: block; font: 500 13px/1.3 var(--pk-font-sans); color: var(--pk-muted); }

.pk-nsv1__submit {
	display: block;
	width: 100%;
	margin-top: 20px;
}

/* ── V1-форма у «шкурці» старого конструктора (референс замовника 2026-07-07) ──
   Розмітка реюзає ГЛОБАЛЬНІ .pk-constructor__* (tour-constructor.css);
   .pk-nsv1c лише перекриває картку: БІЛЕ тло без верхньої градієнт-смуги. */
.pk-constructor.pk-nsv1c { background: var(--pk-white); }
.pk-constructor.pk-nsv1c::before { display: none; }
/* Заголовок як у референсі: темний, без зеленої риски-підкреслення. */
.pk-nsv1c .pk-constructor__heading { color: var(--pk-ink); padding-bottom: 0; }
.pk-nsv1c .pk-constructor__heading::after { display: none; }
/* [hidden] має перемагати display:flex глобального .pk-constructor__sum. */
.pk-constructor__sum[hidden] { display: none; }
/* Число степера «Дорослі» — справжній input (сабмітиться в GET), вигляд як старий __val. */
.pk-nsv1c__adults {
	width: 44px;
	border: 0;
	background: transparent;
	padding: 0;
	outline: 0;
	appearance: textfield;
	-moz-appearance: textfield;
}
.pk-nsv1c__adults::-webkit-outer-spin-button,
.pk-nsv1c__adults::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Нативний date-інпут у боксі поля — виглядає як select поруч (шрифт/колір ті самі). */
.pk-nsv1c__date {
	flex: 1;
	min-width: 0;
	border: 0;
	background: transparent;
	padding: 0;
	font-family: inherit;
	font-size: 17px;
	font-weight: 600;
	color: var(--pk-ink);
	line-height: 1.2;
	outline: 0;
}

/* Компактний варіант у сайдбарі single */
.pk-nsv1--side { padding: 22px 22px 24px; }
.pk-nsv1--side .pk-nsv1__tiers { grid-template-columns: 1fr; gap: 8px; }
.pk-nsv1--side .pk-nsv1__tier-card { flex-direction: row; justify-content: space-between; padding: 12px 14px; }
.pk-nsv1-side__heading {
	margin: 0 0 16px;
	font: 700 26px/1.2 var(--pk-font-display);
	color: var(--pk-ink);
	text-align: center;
	text-wrap: balance;
}

/* ── Результат: заголовок + картки днів ── */
.pk-nsv1-res__heading {
	margin: 0 0 10px;
	font: var(--pk-t-h35);
	color: var(--pk-ink);
	text-wrap: balance;
}
.pk-nsv1-res__sub {
	margin: 0 0 28px;
	font: var(--pk-t-body16);
	color: var(--pk-muted);
}
.pk-nsv1-res__days {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0 0 44px;
	padding: 0;
	list-style: none;
}
.pk-nsv1-day {
	display: grid;
	grid-template-columns: 220px minmax(0, 1fr);
	border: 1px solid var(--pk-line);
	border-radius: var(--pk-r-lg);
	overflow: hidden;
	background: var(--pk-white);
	box-shadow: var(--pk-shadow-soft);
}
.pk-nsv1-day__img {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 170px;
	object-fit: cover;
	background: var(--pk-green-100);
}
.pk-nsv1-day__body {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px 22px;
	min-width: 0;
}
.pk-nsv1-day__head { font: 700 19px/1.3 var(--pk-font-sans); color: var(--pk-ink); }
.pk-nsv1-day__head-date { color: var(--pk-green-dark); }
.pk-nsv1-day__transfer {
	display: inline-flex;
	align-self: flex-start;
	padding: 3px 10px;
	border-radius: 999px;
	background: var(--pk-green-100);
	color: var(--pk-green-dark);
	font: 600 13px/1.4 var(--pk-font-sans);
}
.pk-nsv1-day__desc {
	margin: 0;
	font: 500 15px/1.5 var(--pk-font-sans);
	color: var(--pk-ink);
}
.pk-nsv1-day__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: auto;
	padding-top: 8px;
	flex-wrap: wrap;
}
.pk-nsv1-day__price {
	font: 700 18px/1.2 var(--pk-font-sans);
	color: var(--pk-ink);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.pk-nsv1-day__price small { font: 500 13px/1 var(--pk-font-sans); color: var(--pk-muted); }

/* ── Таблиця кошторису ── */
.pk-nsv1-est { margin: 0 0 44px; }
.pk-nsv1-est__heading {
	margin: 0 0 20px;
	font: var(--pk-t-h32);
	color: var(--pk-ink);
}
.pk-nsv1-est__scroll { overflow-x: auto; }
.pk-nsv1-est__table {
	width: 100%;
	border-collapse: collapse;
	font: 500 15px/1.5 var(--pk-font-sans);
	color: var(--pk-ink);
}
.pk-nsv1-est__table th,
.pk-nsv1-est__table td {
	padding: 12px 14px;
	border-bottom: 1px solid var(--pk-line);
	text-align: left;
	vertical-align: top;
}
.pk-nsv1-est__table td:last-child,
.pk-nsv1-est__table th:last-child {
	text-align: right;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.pk-nsv1-est__group th {
	background: var(--pk-green-100);
	color: var(--pk-green-dark);
	font: 700 15px/1.3 var(--pk-font-sans);
}
.pk-nsv1-est__row-sub td:first-child { padding-left: 28px; }
.pk-nsv1-est__total td {
	background: var(--pk-green);
	color: var(--pk-white);
	font: 700 18px/1.3 var(--pk-font-sans);
	border-bottom: 0;
}
.pk-nsv1-est__total td:first-child { border-radius: 0 0 0 var(--pk-r-md); }
.pk-nsv1-est__total td:last-child { border-radius: 0 0 var(--pk-r-md) 0; font-size: 20px; }

.pk-nsv1-res__cta { text-align: center; margin: 0 0 8px; }

/* ── Сайдбар-картка «Ваш тур» (бронювання) ── */
.pk-nsv1-book {
	position: relative;
	background: var(--pk-green-100);
	border: 1.5px solid var(--pk-green-300);
	border-radius: var(--pk-r-lg);
	box-shadow: 0 18px 46px rgba(0, 67, 34, .16);
	padding: 24px 24px 26px;
}
.pk-nsv1-book__heading {
	margin: 0 0 14px;
	font: 700 26px/1.2 var(--pk-font-display);
	color: var(--pk-ink);
	text-align: center;
}
.pk-nsv1-book__list {
	margin: 0 0 14px;
	padding: 0;
	list-style: none;
	font: 500 15px/1.5 var(--pk-font-sans);
	color: var(--pk-ink);
}
.pk-nsv1-book__list li {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	padding: 7px 0;
	border-bottom: 1px dashed var(--pk-green-300);
}
.pk-nsv1-book__list li span:last-child { font-weight: 600; text-align: right; }
.pk-nsv1-book__total {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	margin: 12px 0 16px;
	font: 600 16px/1.2 var(--pk-font-sans);
	color: var(--pk-ink);
}
.pk-nsv1-book__total strong {
	font: 700 26px/1.2 var(--pk-font-sans);
	color: var(--pk-green-dark);
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}
.pk-nsv1-book__form { display: flex; flex-direction: column; gap: 10px; }
.pk-nsv1-book__input {
	width: 100%;
	height: 50px;
	padding: 0 16px;
	border: 1px solid var(--pk-green-300);
	border-radius: var(--pk-r-md);
	background: var(--pk-white);
	color: var(--pk-ink);
	font: var(--pk-t-body16);
}
.pk-nsv1-book__input:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(0, 84, 43, .25);
}
.pk-nsv1-book__edit {
	display: block;
	margin-top: 12px;
	text-align: center;
	font: 600 14px/1.3 var(--pk-font-sans);
	color: var(--pk-green-dark);
	text-decoration: underline;
}

/* ── Адаптив ── */
@media (max-width: 1024px) {
	.pk-nsv1__tiers { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
	.pk-nsv1 { padding: 20px 16px 22px; }
	.pk-nsv1__tiers { grid-template-columns: 1fr; gap: 8px; }
	.pk-nsv1__tier-card { flex-direction: row; justify-content: space-between; padding: 12px 14px; }
	.pk-nsv1-res__heading { font: var(--pk-t-h28); }
	.pk-nsv1-day { grid-template-columns: 1fr; }
	.pk-nsv1-day__img { min-height: 0; height: 180px; }
	.pk-nsv1-est__table th,
	.pk-nsv1-est__table td { padding: 10px 10px; }
	.pk-nsv1-est__row-sub td:first-child { padding-left: 18px; }
	/* Мобільний: колонка значень переноситься (числа тримає NBSP з pk_nsv1_money) — таблиця без h-скролу. */
	.pk-nsv1-est__table td:last-child,
	.pk-nsv1-est__table th:last-child { white-space: normal; }
}

/* ── Кастомний датепікер «Дата заїзду» (правка замовника 2026-07-22; JS у
   pages/archive-nonstop_tour.js). Попап-картка в токенах сайту; нативний
   індикатор календаря ховаємо лише коли JS увімкнув попап (input[readonly]). ── */
.pk-nsv1c__date[readonly] { cursor: pointer; caret-color: transparent; }
.pk-nsv1c__date[readonly]::-webkit-calendar-picker-indicator { display: none; }
.pk-nsv1-dp {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	z-index: 60;
	width: 312px;
	max-width: calc(100vw - 32px);
	background: var(--pk-white);
	border: 1.5px solid var(--pk-green-300);
	border-radius: var(--pk-r-md);
	box-shadow: 6px 8px 22px rgba(0, 0, 0, .22);
	padding: 14px;
}
.pk-nsv1-dp__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.pk-nsv1-dp__title { font-weight: 700; font-size: 16px; color: var(--pk-ink); }
.pk-nsv1-dp__nav {
	width: 36px;
	height: 36px;
	border: 0;
	border-radius: 10px;
	background: var(--pk-green-bg, #E2EADE);
	color: var(--pk-green);
	font-size: 20px;
	line-height: 1;
	cursor: pointer;
}
.pk-nsv1-dp__nav:hover:not(:disabled) { background: var(--pk-green); color: var(--pk-white); }
.pk-nsv1-dp__nav:disabled { opacity: .35; cursor: default; }
.pk-nsv1-dp__grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.pk-nsv1-dp__wd { text-align: center; font-size: 12px; font-weight: 600; color: var(--pk-muted); padding: 6px 0 4px; }
.pk-nsv1-dp__day {
	height: 38px;
	border: 0;
	border-radius: 10px;
	background: transparent;
	font: inherit;
	font-size: 14px;
	color: var(--pk-ink);
	cursor: pointer;
}
.pk-nsv1-dp__day:hover:not(:disabled) { background: var(--pk-green-bg, #E2EADE); }
.pk-nsv1-dp__day:disabled { color: var(--pk-line, #ccc); cursor: default; }
.pk-nsv1-dp__day.is-today { box-shadow: inset 0 0 0 1.5px var(--pk-green-300); }
.pk-nsv1-dp__day.is-selected { background: var(--pk-green); color: var(--pk-white); font-weight: 700; }