.ypa-map-wrapper {
	display: flex;
	gap: clamp(16px, 4vw, 40px);
	align-items: flex-start;
	flex-wrap: wrap;
}

.ypa-map-svg-wrap {
	width: 100%;
	max-width: 1038px;
	flex: 1 1 600px;
}

.ypa-map-svg {
	width: 100%;
	height: auto;
	display: block;
}

.ypa-map-svg .fil0 {
	fill: #3A5A40;
	cursor: pointer;
	transition: fill .2s ease, stroke .2s ease;
	stroke: #FFFFFF;
	stroke-width: 2;
	vector-effect: non-scaling-stroke;
}

.ypa-map-svg .fil0:hover { filter: brightness(1.06); }
.ypa-map-svg .is-hover { filter: brightness(1.12) saturate(1.03); stroke-width: 3; }
.ypa-map-svg .is-active { fill: #62A860; }

.ypa-map-info {
	max-width: 829px;
	flex: 1 1 480px;
	font-family: 'Lexend', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.ypa-map-hero { margin-bottom: 16px; }
.ypa-map-hero-image { width: 100%; height: auto; display: none; border-radius: 8px; }

.ypa-map-title {
	margin: 0 0 16px 0;
	font-weight: 700;
	font-size: clamp(22px, 6vw, 56px);
	line-height: 1.14;
	text-align: justify;
}

.ypa-map-desc {
	font-weight: 300;
	font-size: clamp(14px, 2.2vw, 14px);
	line-height: 1.44;
	color: #1D1D1B;
	text-align: justify;
}

.ypa-map-button {
	display: inline-block;
	margin-top: 8px;
	padding: 6px 10px;
	background: var(--btn-color, #62A860);
	color: #FFFFFF;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 400;
	transition: background .2s ease;
}
.ypa-map-button:hover { filter: brightness(0.9); }

@media (max-width: 1024px) {
	.ypa-map-wrapper { flex-direction: column; }
	.ypa-map-svg-wrap { flex-basis: auto; max-width: none; }
	.ypa-map-info { max-width: none; flex-basis: auto; }
}

/* Etichete în interiorul SVG-ului */
.ypa-map-svg .ypa-map-svg-label {
	font-family: 'Lexend', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 500;
	font-size: clamp(14px, 1.8vw, 28px);
	fill: #FFFFFF;
	stroke: rgba(0,0,0,.6);
	stroke-width: 2px;
	paint-order: stroke fill;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	user-select: none;
	pointer-events: none;
}

.ypa-map-svg .ypa-map-hover-label {
	font-family: 'Lexend', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 600;
	font-size: clamp(14px, 2vw, 28px);
	fill: #FFFFFF;
	text-shadow: 0 2px 4px rgba(0,0,0,.6);
	user-select: none;
	pointer-events: none;
}

@media (max-width: 480px) {
	.ypa-map-svg .fil0 { stroke-width: 1; }
}
.ypa-map-svg [id^="RO-"]:focus,
.ypa-map-svg [id^="RO-"]:focus-visible {
	outline: none;
}

/* Remove tap highlight on mobile */
.ypa-map-svg [id^="RO-"] {
	-webkit-tap-highlight-color: transparent;
}