:root {
	--frino-el-gap: 10px;
	--frino-el-ink: #171717;
	--frino-el-muted: #666666;
	--frino-el-line: #ddddda;
	--frino-el-soft: #f4f4f1;
}

.frino-el-article {
	font-family: "Ubuntu", Arial, Helvetica, sans-serif;
	color: var(--frino-el-ink);
}

/*
 * Изображения разной ширины:
 * сохраняем естественную геометрию 30/70 и выравнивание по верхнему краю.
 */
.frino-el-article .frino-el-image-row,
.elementor-editor-active .frino-el-image-row {
	gap: var(--frino-el-gap) !important;
	align-items: flex-start !important;
}

.frino-el-article .frino-el-image-row > .e-con,
.elementor-editor-active .frino-el-image-row > .e-con {
	margin: 0 !important;
	align-self: flex-start !important;
}

/*
 * Равные изображения:
 * контейнеры получают класс frino-el-equal-images,
 * изображения — одинаковые размеры и центрирование.
 */
.frino-el-article .frino-el-equal-images,
.elementor-editor-active .frino-el-equal-images {
	display: flex !important;
	gap: var(--frino-el-gap) !important;
	align-items: center !important;
}

.frino-el-article .frino-el-equal-images > .e-con,
.elementor-editor-active .frino-el-equal-images > .e-con {
	flex: 1 1 0 !important;
	width: calc((100% - var(--frino-el-gap)) / 2) !important;
	max-width: calc((100% - var(--frino-el-gap)) / 2) !important;
	margin: 0 !important;
	align-self: center !important;
}

.frino-el-article .frino-el-equal-images img,
.elementor-editor-active .frino-el-equal-images img {
	display: block;
	width: 100% !important;
	aspect-ratio: 4 / 3;
	object-fit: cover !important;
	object-position: center center !important;
}

.frino-el-article .frino-el-card,
.elementor-editor-active .frino-el-card {
	background: #ffffff;
	border: 1px solid var(--frino-el-line);
	box-shadow: none;
}

.frino-el-article .frino-el-card *,
.elementor-editor-active .frino-el-card * {
	color: var(--frino-el-ink);
}

.frino-el-article img,
.elementor-editor-active .frino-el-article img {
	display: block;
	width: 100%;
}

@media (max-width: 767px) {
	.frino-el-article .frino-el-image-row,
	.elementor-editor-active .frino-el-image-row,
	.frino-el-article .frino-el-equal-images,
	.elementor-editor-active .frino-el-equal-images {
		flex-direction: column !important;
		gap: var(--frino-el-gap) !important;
		align-items: stretch !important;
	}

	.frino-el-article .frino-el-equal-images > .e-con,
	.elementor-editor-active .frino-el-equal-images > .e-con {
		width: 100% !important;
		max-width: 100% !important;
	}
}




/*
 * FRINO Elementor 0.2.8
 * Общие стили темы задавали собственный font-weight внутренним абзацам
 * Text Editor и перекрывали значение, выбранное в Elementor.
 *
 * Теперь параграфы и списки наследуют вес от самого виджета.
 * Поэтому поле «Стиль → Типографика → Толщина» снова работает:
 * 300 остаётся лёгким, а 400/500 можно выбрать вручную.
 */
.frino-el-article .elementor-widget-text-editor :where(
	p,
	li,
	blockquote,
	figcaption
),
.elementor-editor-active .frino-el-article .elementor-widget-text-editor :where(
	p,
	li,
	blockquote,
	figcaption
) {
	font-weight: inherit !important;
}

/* Не даём глобальным стилям искусственно утолщать обычные span внутри текста. */
.frino-el-article .elementor-widget-text-editor :where(
	p span:not([style*="font-weight"]),
	li span:not([style*="font-weight"])
),
.elementor-editor-active .frino-el-article .elementor-widget-text-editor :where(
	p span:not([style*="font-weight"]),
	li span:not([style*="font-weight"])
) {
	font-weight: inherit !important;
}