/* Maják – mapa krajů. Barvy z design tokenů stránek (--teal, --ink, --line), s výchozími hodnotami. */
.mpt-mapa-kraju {
	max-width: var(--mpt-mapa-max, 620px);
	margin: 0 auto;
}

.mpt-mapa-kraju__svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.mpt-mapa-kraju__kraj path {
	fill: #cdebe6;
	stroke: #fff;
	stroke-width: 1.5;
	stroke-linejoin: round;
	transition: fill 0.2s;
}

.mpt-mapa-kraju__kraj:hover path {
	fill: var(--teal, #009788);
}

.mpt-mapa-kraju__kraj:focus {
	outline: none;
}

.mpt-mapa-kraju__kraj:focus-visible path {
	fill: var(--teal, #009788);
	stroke: var(--ink, #263b39);
	stroke-width: 4;
}

.mpt-mapa-kraju__seznam ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px 16px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}

.mpt-mapa-kraju__seznam a {
	display: inline-block;
	padding: 4px 2px;
	color: var(--teal-dark, #00786e);
	font-weight: 700;
}

.mpt-mapa-kraju--seznam-mobil .mpt-mapa-kraju__seznam {
	display: none;
}

@media (max-width: 600px) {
	.mpt-mapa-kraju--seznam-mobil .mpt-mapa-kraju__seznam {
		display: block;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mpt-mapa-kraju__kraj path {
		transition: none;
	}
}