/**
 * Блок с формой заявки в конце инфо-статей (выводится в functions.php,
 * dedodet_article_lead_block). Форма — как на главной (.ld-form.-inline),
 * в варианте для белого фона (как .shop-grid-home-form).
 * Префикс .article-lead нужен, чтобы перебить «Дополнительные стили»
 * из настройщика, которые выводятся позже этого файла.
 */

.article-lead {
	margin: 2.5em 0 1em;
	padding: 40px 5%;
	border-radius: 10px;
	text-align: center;
	background-color: #fff;
	box-shadow: 4px 4px 20px 0 rgba(34, 60, 80, .13);
}

.article-lead__title {
	margin-bottom: .4em;
	font-size: 1.9em;
	font-weight: 800;
	line-height: 1.2;
	color: #111;
}

.entry-content .article-lead__subtitle {
	max-width: 680px;
	margin: 0 auto 1.2em;
	font-size: 1.15em;
	line-height: 1.45;
}

.entry-content .article-lead__list {
	display: inline-flex;
	flex-direction: column;
	gap: .55em;
	max-width: 680px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	list-style: none;
}

.entry-content .article-lead__list li {
	position: relative;
	margin: 0;
	padding-left: 1.8em;
	font-weight: 500;
	line-height: 1.45;
}

.entry-content .article-lead__list li:before {
	content: '❄';
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.3em;
	line-height: 1.1;
	color: #e12530;
}

.entry-content .article-lead__list strong {
	font-weight: 800;
	color: #e12530;
}

/* Форма */
.article-lead .article-lead__form.ld-form {
	align-items: center;
	margin-top: 28px;
	padding-left: 0;
	color: inherit;
	container-type: inline-size;
}

.article-lead .article-lead__form > div,
.article-lead .article-lead__form form {
	width: 100%;
}

.article-lead .article-lead__form .wpcf7 form {
	max-height: none;
	overflow: visible;
}

.article-lead .line-form {
	--btn: 380px;
	margin: 0 auto;
}

.article-lead .line-form + .form-policy {
	margin-right: auto;
	margin-left: auto;
}

.article-lead .ld-form .line-form input:not(.wpcf7-submit) {
	color: #111;
	background-color: #fff;
	box-shadow: inset 0 0 0 1px #999;
}

.article-lead .ld-form .line-form input.wpcf7-not-valid:not(.wpcf7-submit) {
	box-shadow: inset 0 0 0 2px #e12530;
}

.article-lead .ld-form input::placeholder {
	color: #777;
}

.article-lead .ld-form input::-webkit-input-placeholder {
	color: #777;
}

/* У кнопки по умолчанию white-space: pre — длинный текст обрезался */
.article-lead .ld-form .line-form .wpcf7-submit {
	line-height: 1.25;
	white-space: normal;
}

.article-lead .wpcf7 form .wpcf7-response-output {
	width: min(800px, 100%);
	margin: .5em auto 0;
}

/* Отступ между кнопками соцсетей и блоком «Вам также может понравиться»:
   в теме его нет (.related-posts идёт вплотную), задача 06-10-2026 */
.single-post .entry-social {
	margin-bottom: 40px;
}

/* Средняя ширина блока: поля в ряд, кнопка под ними на всю ширину */
@container (max-width: 760px) {
	.article-lead .line-form {
		flex-wrap: wrap;
	}

	.article-lead .line-form > *:not(.wpcf7-spinner) {
		width: calc((100% - var(--gap)) / 2);
	}

	.article-lead .ld-form .line-form .wpcf7-submit {
		width: 100%;
		min-height: 52px;
	}
}

@media (max-width: 767px) {
	.article-lead {
		margin-top: 2em;
		padding: 25px 15px;
	}

	.article-lead__title {
		font-size: 1.4em;
	}

	.single-post .entry-social {
		margin-bottom: 25px;
	}

	.entry-content .article-lead__subtitle {
		font-size: 1em;
	}

	.article-lead .article-lead__form.ld-form {
		margin-top: 20px;
	}

	.article-lead .line-form > *:not(.wpcf7-spinner) {
		width: 100%;
	}

	.article-lead .ld-form .line-form .wpcf7-submit {
		height: auto;
		min-height: 49px;
	}
}