/*
 * 23.10.2026: страницы, переведённые в Elementor, выглядят как раньше.
 * Тема на Tailwind 4: её стили лежат в CSS-слоях (@layer), а стили Elementor — без слоя и поэтому всегда сильнее.
 * revert-layer для наших элементов (класс bfm-el) отменяет стили Elementor и оставляет только стили темы.
 * Специфичность (0,5,0)+ — выше общих правил Elementor вроде .elementor.elementor .e-con>.elementor-widget (0,4,0).
 * Поэтому ползунки отступов/ширины Elementor на этих элементах не действуют: вёрстка задаётся классами темы
 * в поле «CSS-классы», а тексты, картинки и ссылки правятся в редакторе как обычно.
 */
.elementor.elementor.elementor .elementor-element.bfm-el,
.elementor.elementor.elementor .elementor-element.bfm-el > .elementor-widget-container,
.elementor.elementor.elementor .elementor-element.bfm-el .elementor-heading-title {
	all: revert-layer;
}

/* Общие правила Elementor для картинок и вставок внутри страницы (.elementor img {border-radius:0; height:auto; …})
   перебивают классы темы (rounded-card, h-48, object-cover) — внутри наших блоков возвращаем стили темы */
.elementor.elementor.elementor .elementor-element.bfm-el img,
.elementor.elementor.elementor .elementor-element.bfm-el svg,
.elementor.elementor.elementor .elementor-element.bfm-el iframe,
.elementor.elementor.elementor .elementor-element.bfm-el video,
.elementor.elementor.elementor .elementor-element.bfm-el embed,
.elementor.elementor.elementor .elementor-element.bfm-el object {
	border: revert-layer;
	border-radius: revert-layer;
	box-shadow: revert-layer;
	height: revert-layer;
	max-width: revert-layer;
	width: revert-layer;
	vertical-align: revert-layer;
	display: revert-layer;
	line-height: revert-layer;
}

/* Новый абзац, добавленный клавишей Enter в текстовом редакторе, не слипается с предыдущим (как space-y-5 темы) */
.elementor.elementor.elementor .elementor-element.bfm-el.elementor-widget-text-editor p + p,
.elementor.elementor.elementor .elementor-element.bfm-el.elementor-widget-text-editor p + ul,
.elementor.elementor.elementor .elementor-element.bfm-el.elementor-widget-text-editor ul + p {
	margin-top: 1.25rem;
}

/* В самом редакторе Elementor: ручки и рамки выделения привязаны к элементу */
.elementor-editor-active .elementor.elementor.elementor .elementor-element.bfm-el {
	position: relative;
}
.elementor-editor-active .elementor.elementor.elementor .e-con.bfm-el:empty {
	min-height: 40px;
}
