/* ============================================
   Yell — экран выбора тарифа (/pricing-plan/)
   Дополнение к yell-tarife.css. Токены из yell-brand.css
   ============================================ */

/* Баннер темы со стоковым фото и вторым H1. */
.yl-pp-page .page-heading,
.yl-pp-page .page-header-overlay { display: none !important; }

/* Elementor красил секцию холодным серо-голубым — возвращаем кремовый лист. */
.yl-pp-page .elementor-background-overlay {
	background-color: var(--yell-bg, #FBF9F5) !important;
	opacity: 1 !important;
}
.yl-pp-page .elementor-section { background: var(--yell-bg, #FBF9F5); }

/* Витрина ListingPro поднимала карточку на z-index 999 и перекрывала липкую
   шапку. Своя разметка живёт в обычном потоке. */
.yl-pp,
.yl-pp .yl-tp-plan { position: relative; z-index: 0; }

.yl-pp { padding-bottom: 72px; }

/* Кнопка внутри формы должна выглядеть как ссылка-кнопка на /tarife/. */
.yl-pp .yl-tp-btn {
	appearance: none;
	display: block;
	width: 100%;
	cursor: pointer;
	font-family: 'Golos Text', system-ui, sans-serif;
	line-height: 1.3;
}
.yl-pp-go { margin: auto 0 0; }

/* ---- ссылка на полное сравнение ---- */

.yl-pp-compare { margin: 20px 0 0; font-size: 15px; }
.yl-pp-compare a {
	color: var(--yell-deep, #0E5C52);
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid rgba(14, 92, 82, .25);
}
.yl-pp-compare a:hover { border-bottom-color: var(--yell-deep, #0E5C52); }

/* ---- форма заявки ---- */

.yl-pp-req {
	margin-top: 48px;
	background: var(--yell-surface, #fff);
	border: 1px solid var(--yell-border, #E7E2D8);
	border-radius: var(--yell-radius, 14px);
	padding: 32px 30px;
	scroll-margin-top: 96px;
}
.yl-pp-req .yl-tp-h2 { margin-bottom: 10px; }
.yl-pp-chosen { color: var(--yell-deep, #0E5C52); }
.yl-pp-note {
	margin: 0 0 24px;
	max-width: 68ch;
	font-size: 15px;
	line-height: 24px;
	color: var(--yell-ink-soft, #5E5A53);
}

.yl-pp-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 18px;
}
.yl-pp-f { display: flex; flex-direction: column; gap: 7px; }
.yl-pp-f-wide { grid-column: 1 / -1; }
.yl-pp-f > span {
	font-size: 13px;
	font-weight: 700;
	color: var(--yell-ink-soft, #5E5A53);
}
.yl-pp-f > span i { color: var(--yell-danger, #B4442E); font-style: normal; }
.yl-pp-f input,
.yl-pp-f textarea {
	width: 100%;
	font: 400 15px/22px 'Golos Text', system-ui, sans-serif;
	color: var(--yell-ink, #15171B);
	background: var(--yell-bg, #FBF9F5);
	border: 1px solid var(--yell-border, #E7E2D8);
	border-radius: var(--yell-radius-sm, 10px);
	padding: 11px 14px;
	transition: border-color .15s ease, background .15s ease;
}
.yl-pp-f textarea { resize: vertical; min-height: 84px; }
.yl-pp-f input::placeholder,
.yl-pp-f textarea::placeholder { color: var(--yell-muted, #8A857A); }
.yl-pp-f input:focus,
.yl-pp-f textarea:focus {
	outline: 2px solid var(--yell-deep, #0E5C52);
	outline-offset: 1px;
	border-color: var(--yell-deep, #0E5C52);
	background: var(--yell-surface, #fff);
}

.yl-pp .yl-pp-send {
	width: auto;
	min-width: 220px;
	margin-top: 22px;
	padding: 13px 26px;
}

/* Ловушка для ботов. */
.yl-pp-hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* ---- ответы формы ---- */

.yl-pp-ok,
.yl-pp-err {
	margin: 0;
	padding: 14px 18px;
	border-radius: var(--yell-radius-sm, 10px);
	font-size: 15px;
	line-height: 23px;
	font-weight: 700;
}
.yl-pp-ok {
	background: rgba(14, 92, 82, .08);
	color: var(--yell-deep, #0E5C52);
}
.yl-pp-err {
	margin-bottom: 20px;
	background: rgba(180, 68, 46, .08);
	color: var(--yell-danger, #B4442E);
}

@media (max-width: 782px) {
	.yl-pp-req { padding: 24px 20px; }
	.yl-pp-grid { grid-template-columns: minmax(0, 1fr); }
	.yl-pp .yl-pp-send { width: 100%; min-width: 0; }
}