/* ll-map-gestures adecac0 — копія агульнага модуля сям'і, не правіць тут */
/*
 * LLMapGestures — падказка па цэнтры мапы і подпіс пад мапай.
 * Падказка (.ll-mapg-hint) стаіць унутры кантэйнера Leaflet і не лавіць жэсты;
 * падпіс (.ll-mapg-caption) — два радкі ў DOM, бачны адзін — паводле рэжыму мапы
 * (клас .ll-mapg-caption-is-touch / -is-mouse ад JS; @media — запасны шлях).
 */

.ll-mapg-hint {
	position: absolute;
	z-index: 1100; /* вышэй за слаі і кантролы Leaflet (да 1000) */
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	box-sizing: border-box;
	width: max-content;
	max-width: 80%;
	padding: .6em 1em;
	border-radius: 8px;
	background: rgba(20, 20, 20, .72);
	color: #fff;
	font: 500 15px/1.35 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	text-align: center;
	opacity: 0;
	pointer-events: none; /* жэсты праходзяць скрозь падказку на мапу */
	transition: opacity .2s ease;
}

.ll-mapg-hint-on {
	opacity: 1;
}

[dir="rtl"] .ll-mapg-hint {
	text-align: right;
}

.ll-mapg-icon {
	width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
}

.ll-mapg-hint .ll-mapg-icon {
	width: 36px;
	height: 36px;
}

.ll-mapg-caption {
	margin: .4em 0 0;
	font-size: .875rem;
	line-height: 1.4;
	color: inherit;
	opacity: .8;
}

[dir="rtl"] .ll-mapg-caption {
	text-align: right;
}

/* Запасны шлях — @media: тэлефон / планшэт супраць камп'ютара (калі JS не паставіў клас-мадыфікатар) */
.ll-mapg-caption-touch {
	display: none;
}

.ll-mapg-caption-mouse {
	display: inline;
}

@media (hover: none) and (pointer: coarse) {
	.ll-mapg-caption-touch {
		display: inline;
	}

	.ll-mapg-caption-mouse {
		display: none;
	}
}

/* Асноўны шлях — клас-мадыфікатар ад JS (той жа touchPrimary, што і рэжым мапы): мацнейшы за @media вышэй,
   таму подпіс адпавядае мапе і на мабільным без coarse-pointer, і пры opts.touchPrimary ў любы бок */
.ll-mapg-caption-is-touch .ll-mapg-caption-touch,
.ll-mapg-caption-is-mouse .ll-mapg-caption-mouse {
	display: inline;
}

.ll-mapg-caption-is-touch .ll-mapg-caption-mouse,
.ll-mapg-caption-is-mouse .ll-mapg-caption-touch {
	display: none;
}

/* Мапа на ўвесь экран — подпіс не патрэбны */
.ll-mapg-caption-off {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.ll-mapg-hint {
		transition: none;
	}
}