/* Kam na ryby v …: stránky okresných miest a rozcestník (Rybar_Cities).
 * Využíva rozloženie a karty ostatných stránok (hub, Objavy); tu je len to, čo je pre mestá vlastné.
 * Farby sú z premenných témy, takže platia vo dne, v noci aj v režime ember. */

/* pásma: koľko revírov je do 15, 30 a 50 km od centra */
.ryb .ryb-cband {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	margin: 16px 0 0;
	padding: 0;
	list-style: none;
}
.ryb .ryb-cband > li {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	padding: 12px 14px 16px;
	border: 1px solid var(--ryb-line);
	border-radius: var(--ryb-r-lg);
	background: var(--ryb-surface);
	overflow: hidden;
}
.ryb .ryb-cband > li > b {
	font-size: 1.75rem;
	line-height: 1.1;
	font-weight: 760;
	color: var(--ryb-ink);
	font-variant-numeric: tabular-nums;
}
.ryb .ryb-cband > li > span {
	font-size: .8125rem;
	line-height: 1.35;
	color: var(--ryb-mute);
}
.ryb .ryb-cband > li > i {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 4px;
	width: var(--p, 0%);
	background: var(--ryb-river);
	border-radius: 0 4px 0 0;
}

/* tituly skupín (kraj, mestá v blízkosti) */
.ryb .ryb-city__h3 {
	margin: 22px 0 10px;
	font-size: 1rem;
	line-height: 1.3;
	font-weight: 680;
	color: var(--ryb-ink);
}
.ryb .ryb-city__h3:first-child {
	margin-top: 0;
}
.ryb .ryb-city__h3 a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid var(--ryb-line);
}
.ryb .ryb-city__h3 a:hover {
	border-bottom-color: var(--ryb-river);
}

/* ryby a mestá v blízkosti: odznak s počtom alebo vzdialenosťou */
.ryb .ryb-city__fish > li > a small,
.ryb .ryb-city__fish > li > span small,
.ryb .ryb-city__cities > li > a small {
	margin-left: 8px;
	font-size: .75rem;
	font-weight: 600;
	color: var(--ryb-mute);
	font-variant-numeric: tabular-nums;
}
.ryb .ryb-city__fish > li > a,
.ryb .ryb-city__cities > li > a {
	min-height: 40px;
}

/* otázky */
.ryb .ryb-city__faq {
	display: grid;
	gap: 0;
	max-width: 70ch;
}
.ryb .ryb-city__q:first-child {
	margin-top: 0;
}

/* rozcestník: karty miest s pruhom počtu revírov, odkaz na kraj v nadpise */
.ryb .ryb-city--root .ryb-zn-bcs {
	margin-bottom: 4px;
}

@media (max-width: 520px) {
	.ryb .ryb-cband {
		gap: 8px;
	}
	.ryb .ryb-cband > li {
		padding: 10px 10px 14px;
	}
	.ryb .ryb-cband > li > b {
		font-size: 1.5rem;
	}
	.ryb .ryb-cband > li > span {
		font-size: .75rem;
	}
}