/*
 * Contact page map (Leaflet + OpenStreetMap). Only enqueued on the
 * Contact page template — see inc/enqueue.php.
 */

.contact-map {
	width: 100%;
	margin-top: var(--space-6);
}

/* .site-main's padding-block adds bottom padding meant for normal
 * container-width content; once the full-bleed map sits flush at the
 * bottom of <main>, that padding just reads as an odd gap before the
 * footer. Only zero it out on this page state — every other page
 * still wants .site-main's normal bottom padding. */
.site-main.site-main--has-map {
	padding-bottom: 0;
}

.contact-map__canvas {
	width: 100%;
	height: 460px;
}

/* Popups */
.leaflet-popup-content-wrapper {
	border-radius: var(--radius-md);
	box-shadow: 0 4px 16px rgba(29, 46, 66, 0.18);
}

.leaflet-popup-content {
	margin: var(--space-3);
	font-family: var(--font-family-base);
	color: var(--color-text);
}

.ya4h-map-popup h3 {
	margin: 0 0 var(--space-2);
	font-size: var(--font-size-lg);
	color: var(--color-primary-dark);
}

.ya4h-map-popup p {
	margin: 0 0 var(--space-3);
	font-size: var(--font-size-sm);
	color: var(--color-text-muted);
}

.ya4h-map-popup .btn {
	padding: var(--space-1) var(--space-3);
	font-size: var(--font-size-sm);
}

.leaflet-popup-tip {
	box-shadow: 0 4px 16px rgba(29, 46, 66, 0.18);
}

/* Pin marker */
.ya4h-map-pin {
	transition: transform var(--transition-fast);
}

.ya4h-map-pin:hover {
	transform: scale(1.08);
	transform-origin: bottom center;
}

/* Attribution — keep the required OpenStreetMap/Leaflet credit and
 * links intact, just restyle to match the site instead of Leaflet's
 * default gray box. */
.leaflet-control-attribution {
	background-color: rgba(255, 255, 255, 0.85);
	border-radius: var(--radius-sm);
	padding: 0.15em 0.6em;
	font-family: var(--font-family-base);
	font-size: 0.7rem;
	color: var(--color-text-muted);
}

.leaflet-control-attribution a {
	color: var(--color-text-muted);
}

.leaflet-control-attribution a:hover {
	color: var(--color-primary);
}