/* "Hotel-Karte"-Block: Leaflet rendert standardmäßig eckig, ohne Radius.
 * Tokens aus dem Twh-Modul (--md-sys-*), wie in cards.css/amgr.css/
 * block-styles.css, für einen projektweit konsistenten Kartenradius.
 */
@import url('../../../Twh/assets/css/md3-tokens.generated.css');
@import url('../../../Twh/assets/css/md3-base.css');

.amhp-map {
	overflow: hidden;
	border-radius: var( --md-sys-shape-corner-large );
}

/* Hinweis-Overlay von gesture-handling.js: kurz sichtbar bei Ein-Finger-
   Wisch-Versuch auf der Karte (Zwei-Finger-Wischen verschiebt sie). */
.amhp-map-gesture-hint {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	text-align: center;
	color: #fff;
	background: rgba( 0, 0, 0, 0.5 );
	font-size: var( --md-sys-typescale-body-medium-size, 0.875rem );
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.2s ease;
	z-index: 1000;
}

.amhp-map-gesture-hint.is-visible {
	opacity: 1;
}