/* ============================================================
   БЛОК «Текст (WYSIWYG)» (lux-wysiwyg).
   Простий форматований текст із візуального редактора
   в контейнері обмеженої ширини для зручного читання.
   ============================================================ */

.lux-wysiwyg {
	position: relative;
	color: #111;
	padding: 90px 0 90px;
}

/* Без верхнього паддінга, якщо перед блоком стоять:
   галерея-таби, products (двері), фэкью, каталоги PDF,
   галерея-сітка, стаття з оглавленням, про компанію */
.lux-gal + .lux-wysiwyg,
.block.door + .lux-wysiwyg,
.lux-faq + .lux-wysiwyg,
.lux-docs + .lux-wysiwyg,
.lux-ggrid + .lux-wysiwyg,
.lux-article + .lux-wysiwyg,
.lux-about + .lux-wysiwyg {
	padding-top: 0;
}

.lux-wysiwyg__content {
	font-size: 16px;
	line-height: 1.7;
	color: rgba(17, 17, 17, .85);
}

.lux-wysiwyg__content > *:first-child {
	margin-top: 0;
}
.lux-wysiwyg__content > *:last-child {
	margin-bottom: 0;
}

.lux-wysiwyg__content p {
	margin: 0 0 18px;
}

.lux-wysiwyg__content h2,
.lux-wysiwyg__content h3,
.lux-wysiwyg__content h4 {
	color: #111;
	line-height: 1.25;
	margin: 32px 0 16px;
}
.lux-wysiwyg__content h2 {
	font-size: 30px;
}
.lux-wysiwyg__content h3 {
	font-size: 24px;
}
.lux-wysiwyg__content h4 {
	font-size: 19px;
}

.lux-wysiwyg__content a {
	color: #111;
	text-decoration: underline;
	text-underline-offset: 3px;
	transition: color .2s ease;
}
.lux-wysiwyg__content a:hover {
	color: #f15f42;
}

.lux-wysiwyg__content img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
}

/* Выравнивание картинок из визивига (как в обычном контенте WP) */
.lux-wysiwyg__content .alignleft {
	float: left;
	margin: 4px 24px 12px 0;
}
.lux-wysiwyg__content .alignright {
	float: right;
	margin: 4px 0 12px 24px;
}
.lux-wysiwyg__content .aligncenter {
	display: block;
	margin: 12px auto;
}
.lux-wysiwyg__content .wp-caption {
	max-width: 100%;
}
.lux-wysiwyg__content .wp-caption-text {
	font-size: 13px;
	color: rgba(17, 17, 17, .6);
	margin-top: 6px;
}

.lux-wysiwyg__content blockquote {
	margin: 24px 0;
	padding: 16px 24px;
	border-left: 3px solid #f15f42;
	background: #f4efe9;
	border-radius: 0 8px 8px 0;
}
.lux-wysiwyg__content blockquote p:last-child {
	margin-bottom: 0;
}

/* Списки ul/ol без класів — глобальні стилі теми (header.css:
   ul li:not([class]) з крапкою-маркером), тут нічого не перебиваємо */

/* ---------- адаптив ---------- */
@media (max-width: 767px) {
	.lux-wysiwyg {
		padding: 60px 0;
	}
	.lux-wysiwyg__content h2 {
		font-size: 24px;
	}
	.lux-wysiwyg__content h3 {
		font-size: 20px;
	}
}