/**
 * Подсказка у курсора над кликабельным слайдом (см. js/slider-zoom-hint.js).
 * Отдельный файл, а не правка css/biom/main.css: тот собран из SCSS-исходников,
 * которых в репозитории нет, и любая правка в нём теряется при пересборке темы.
 */

.zoom-hint {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	padding: 6px 10px;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.78);
	color: #fff;
	font-size: 13px;
	line-height: 1.25;
	white-space: nowrap;
	/* Подсказка ходит за курсором — она не должна перехватывать наведение и клики. */
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.12s ease;
}

.zoom-hint--visible {
	opacity: 1;
}

/* Курсор-лупа — второй, более заметный сигнал, что картинку можно открыть. */
[data-zoom-hint] a {
	cursor: zoom-in;
}