/* ==========================================================================
   acf/link-block — карточки перелинковки в конце каждой страницы
   Раскладка темы: flex + width:calc(25% - 2rem) у карточки. Свой grid ставить
   нельзя — дети остаются на процентах и карточки схлопываются.
   ========================================================================== */

main .links-block {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	margin: 1.5rem -1rem 0;
}

/* Селектор повторяет форму темы: она красит карточки через body[data-change-theme]. */
body[data-change-theme] .image_title_text_arrow.links-block .link-block,
body[data-change-theme] .image_title_text_read_more.links-block .link-block {
	position: relative;
	align-items: stretch;
	padding: 1.6rem 1.5rem 1.4rem;
	background: linear-gradient(160deg, var(--bh-surface) 0%, var(--bh-deep-2) 100%);
	border: 1px solid var(--bh-line);
	border-radius: var(--bh-r);
	box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
	overflow: hidden;
	transition: transform .2s var(--bh-ease), border-color .2s var(--bh-ease), box-shadow .2s var(--bh-ease);
}

body[data-change-theme] .image_title_text_arrow.links-block .link-block:hover,
body[data-change-theme] .image_title_text_read_more.links-block .link-block:hover {
	transform: translateY(-4px);
	border-color: rgba(247, 132, 62, .55);
	box-shadow: 0 20px 40px rgba(0, 0, 0, .4);
}

/* Скошенная метка по верхней кромке — тот же приём, что у icon-block. */
main .links-block .link-block::after {
	content: "";
	position: absolute;
	top: 0;
	left: -10px;
	width: 92px;
	height: 5px;
	background: linear-gradient(90deg, var(--bh-orange) 0%, var(--bh-orange-700) 100%);
	transform: skewX(var(--bh-skew));
	transition: width .2s var(--bh-ease);
	pointer-events: none;
}

main .links-block .link-block:hover::after {
	width: 150px;
}

/* Картинка и описание в этих карточках не заполнены. */
main .links-block .link-block__image:empty,
main .links-block .link-block__text:empty {
	display: none;
}

main .image_title_text_arrow.links-block .link-block__title,
main .image_title_text_read_more.links-block .link-block__title {
	margin: 0 0 .8rem;
	padding: 0;
	font-family: var(--bh-display);
	font-size: 1.42rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--bh-text);
}

main .image_title_text_arrow.links-block .link-block__text,
main .image_title_text_read_more.links-block .link-block__text {
	margin: 0 0 1.2rem;
	padding: 0;
	font-size: .97rem;
	font-style: normal;
	line-height: 1.55;
	color: var(--bh-dim);
}

/* Ссылка карточки — чип со стрелкой, а не строка «Read more» по правому краю. */
body[data-change-theme] .image_title_text_read_more.links-block .link-block__link,
main .image_title_text_read_more.links-block .link-block__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: auto;
	height: auto;
	margin: auto 0 0;
	padding: 0;
	font-family: var(--bh-display);
	font-size: 1.05rem;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;
	color: var(--bh-orange);
	background: transparent;
	transition: gap .18s var(--bh-ease), color .18s var(--bh-ease);
}

main .image_title_text_read_more.links-block .link-block__link::after {
	content: "";
	width: 18px;
	height: 2px;
	background: currentColor;
	transform: skewX(var(--bh-skew));
}

main .links-block .link-block:hover .link-block__link {
	gap: 14px;
	color: var(--bh-orange-300);
}

/* Карточка кликается целиком. */
main .image_title_text_read_more.links-block .link-block__link::before {
	content: "";
	position: absolute;
	inset: 0;
}

@media (max-width: 1000px) {
	main .links-block .link-block {
		width: calc(50% - 2rem);
	}
}

@media (max-width: 620px) {
	main .links-block {
		margin-left: 0;
		margin-right: 0;
	}

	main .links-block .link-block {
		width: 100%;
		margin: 0 0 1rem;
	}
}