/* ==========================================================================
   acf/media-text — основной текстовый блок сайта (88 штук на 8 страницах)
   ========================================================================== */

main .media-text {
	--background: transparent;
}

/* Мера строки: проза узкая и читаемая, данные (таблицы, картинки) шире.
   Класс _content-only тема ставит блокам без картинки. */
main .media-text__block_content-only .media-text__content > div > p,
main .media-text__block_content-only .media-text__content > div > ul,
main .media-text__block_content-only .media-text__content > div > ol,
main .media-text__block_content-only .media-text__content > div > h3,
main .media-text__block_content-only .media-text__content > div > h4 {
	max-width: var(--bh-measure);
}

main .media-text__block_content-only .media-text__content > div > figure,
main .media-text__block_content-only .media-text__content > div > .wp-block-table {
	max-width: var(--bh-measure-wide);
}

main .media-text__content > div > h3,
main .media-text__content > div > h4 {
	margin: 2rem 0 .9rem;
	color: var(--bh-text);
}

main .media-text__content > div > h3:first-child,
main .media-text__content > div > h4:first-child {
	margin-top: 0;
}

/* Подзаголовок внутри текста — с тонкой скошенной меткой, но легче, чем у H2. */
main .media-text__content > div > h3 {
	position: relative;
	padding-left: 20px;
}

main .media-text__content > div > h3::before {
	content: "";
	position: absolute;
	left: 0;
	top: .18em;
	bottom: .18em;
	width: 5px;
	background: var(--bh-orange);
	opacity: .75;
	transform: skewX(var(--bh-skew));
}

/* --- Кнопки блока ------------------------------------------------------- */

main .media-text__buttons {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	margin-top: 1.9rem;
}

main .media-text__button {
	flex: 0 0 auto;
	margin: 0;
}

/* --- Картинка ----------------------------------------------------------- */

main .media-text__media_image {
	position: relative;
}

main .media-text__media_image .image-func {
	position: relative;
	display: block;
	border-radius: var(--bh-r);
	border: 1px solid var(--bh-line);
	background: var(--bh-deep-2);
	box-shadow: var(--bh-shadow);
	overflow: hidden;
}

main .media-text__media_image img {
	display: block;
	width: 100%;
	height: auto;
	/* Вертикальные кадры модалок иначе растягивают секцию на 600+ px. */
	max-height: 460px;
	object-fit: cover;
	object-position: top center;
}

/* Скошенная метка по нижней кромке кадра — тот же приём, что у карточек. */
main .media-text__media_image .image-func::after {
	content: "";
	position: absolute;
	left: -10px;
	bottom: 0;
	width: 116px;
	height: 6px;
	background: linear-gradient(90deg, var(--bh-orange) 0%, var(--bh-orange-700) 100%);
	transform: skewX(var(--bh-skew));
	pointer-events: none;
}

/* --- Рейтинг (rating-c) ------------------------------------------------- */

main .rating-c__numb {
	font-family: var(--bh-display);
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--bh-orange);
}

/* --------------------------------------------------------------------------
   Адаптив
   -------------------------------------------------------------------------- */

@media (max-width: 850px) {
	/* Тема переводит блок в одну колонку одними grid-template-areas, трек остаётся auto
	   и растягивается до min-content самого широкого потомка — текст режется по
	   overflow:hidden секции. */
	main .media-text__heading-top {
		grid-template-columns: minmax(0, 1fr);
	}

	main .media-text__heading,
	main .media-text__content,
	main .media-text__media {
		min-width: 0;
	}
}

@media (max-width: 700px) {
	main .media-text__media_image img {
		max-height: 380px;
	}

	main .media-text__buttons {
		gap: 10px;
	}
}