/*
 * Главная, кампания BLACK WEEKS: подписи на слайдах и блок Outerwear.
 * Подключается в /index.php (пока только для администратора).
 * Размеры в rem: на сайте 1rem = 16px макета (1440 на десктопе, 390 на мобильном).
 * Десктоп: заголовок 48px, подзаголовок 14px. Мобильный: 14px и 10px.
 */

.index-slider-item {
	position: relative;
}

/* Мобильный: картинка прижата к верху блока — при обрезке теряется низ кадра, а не головы.
   На десктопе оставлен центр: при прижатии к верху на широких невысоких экранах
   (например 2560×1080) обрезается текст на бирке баннера 1. */
@media (max-width: 767px) {
	.index-slider-item img {
		object-position: center center;
	}
}

/* «Весь слайдер ссылка» — прозрачная ссылка на всю площадь слайда */
.index-slider-item__link {
	position: absolute;
	inset: 0;
	z-index: 2;
}

/* Подпись поверх картинки: «Слайдер с текстом» и блок Outerwear */
.index-slider-item__caption {
	position: absolute;
	left: 50%;
	bottom: 23%;
	translate: -50% 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .875rem;
	width: max-content;
	max-width: calc(100% - 2rem);
	color: var(--white, #fff);
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

body.bw-theme a.index-slider-item__caption,
body.bw-theme a.index-slider-item__caption:hover,
a.index-slider-item__caption:hover {
	color: var(--white, #fff);
}

.index-slider-item__title {
	font-size: 3rem;
	line-height: 1;
	font-weight: 400;
}

.index-slider-item__subtitle {
	font-size: .875rem;
	line-height: 1.2;
	text-underline-offset: .2em;
}

a.index-slider-item__caption:hover .index-slider-item__subtitle {
	text-decoration: underline;
}

/* Блок Outerwear под слайдером */
.index-outerwear {
	position: relative;
	overflow: hidden;
}

@media (max-width: 767px) {
	.index-slider-item__caption {
		bottom: 21%;
		gap: .5625rem;
	}

	.index-slider-item__title {
		font-size: .875rem;
	}

	.index-slider-item__subtitle {
		font-size: .625rem;
	}
}