/*
 * acf/link-image - плитки категорий.
 * Сток: белая карточка (шаблон читает несуществующее поле global_colors и падает
 * на #FFFFFF инлайном), плоская чёрная заливка 65% поверх картинки, скругление 20px.
 * Инлайновый фон бьётся только !important.
 */

main .image-link {
	gap: 0;
}

main .image-link__item {
	background-color: var(--gs-surface) !important;
	border: 1px solid var(--gs-line) !important;
	border-radius: var(--gs-radius);
	color: var(--gs-body) !important;
	display: flex;
	flex-direction: column;
	transition: border-color .25s var(--gs-ease), box-shadow .25s var(--gs-ease),
		transform .25s var(--gs-ease);
}

main .image-link__item:hover {
	border-color: var(--gs-line-strong) !important;
	box-shadow: var(--gs-shadow);
	transform: translateY(-2px);
}

main .image-link__top {
	justify-content: flex-end;
	min-height: 190px;
	padding: 16px;
}

/* Вместо равномерной заливки - градиент: картинка видна, подпись читается. */
main .image-link__image:after {
	background: linear-gradient(180deg, rgba(1, 2, 6, .25) 0%, rgba(1, 2, 6, .55) 45%, rgba(1, 2, 6, .92) 100%);
}

main .image-link__title {
	font-size: 1.1rem !important;
	font-weight: 700;
	letter-spacing: -.01em;
	text-shadow: 0 2px 8px rgba(1, 2, 6, .6);
}

main .image-link__text {
	color: var(--gs-muted);
	font-size: .92rem;
	line-height: 1.55;
	padding: 14px 16px 16px;
	text-align: left;
}

/* Кнопка "Play now": акцентная заливка, чтобы плитка звала нажать. */
main .image-link__btn-default.site-button {
	background: var(--gs-accent);
	border: 0;
	border-radius: var(--gs-radius);
	color: var(--gs-accent-ink);
	font-size: .95rem;
	font-weight: 700;
	margin-top: 12px;
	padding: 10px 20px;
	position: relative;
	z-index: 3;
}

main .image-link__btn-default.site-button:hover {
	background: #fff;
	color: var(--gs-accent-ink);
}