/* ------------------------------------------------------------------ *
 * Каталог вин по сорту винограда (/grape-variety/{slug}/) + карта
 * виноделен справа. Своя страница, не трогает разметку темы Listeo — см.
 * templates/taxonomy-grape-variety.php.
 * ------------------------------------------------------------------ */

/* body.halfsidebar-archive-listings-layout — класс, который Listeo Core сам
 * добавляет на <body> для ЛЮБОГО архива таксономии (в т.ч. нашей
 * grape_variety), рассчитывая на СВОЙ шаблон: слева отдельно скроллящийся
 * список, справа зафиксированная карта, а вся страница (body) специально
 * заперта от прокрутки (height: 100vh; overflow: hidden). Наш собственный
 * шаблон устроен проще — это просто длинная страница с sticky-картой, без
 * теми предусмотренного внутреннего скролл-контейнера, — поэтому с запертым
 * body страница визуально "зависает" и не скроллится вниз. Возвращаем body
 * в обычное состояние только на нашей странице; сам класс не трогаем (он
 * нужен странице региона и т.п.), только для architecture под grape_variety
 * его действие отключаем.
 */
body.tax-grape_variety.halfsidebar-archive-listings-layout {
	height: auto !important;
	overflow: visible !important;
}

.vino-grape-archive {
	max-width: 1400px;
	margin: 0 auto;
	padding: 50px 20px 80px;
}

.vino-grape-archive-header {
	margin-bottom: 30px;
}

.vino-grape-archive-title {
	margin: 0 0 8px;
}

.vino-grape-archive-count {
	color: #777;
	margin: 0;
}

.vino-grape-archive-body {
	display: flex;
	gap: 36px;
	align-items: flex-start;
}

.vino-grape-archive-wines {
	flex: 1 1 60%;
	min-width: 0;
}

.vino-grape-archive-map-col {
	flex: 1 1 38%;
	max-width: 480px;
	position: sticky;
	top: 100px;
}

.vino-grape-archive-map {
	width: 100%;
	height: 560px;
	border-radius: 8px;
	overflow: hidden;
	background: #f3f1ec;
}

.vino-grape-archive-map-empty {
	padding: 30px 20px;
	text-align: center;
	color: #777;
}

/* Строка с названием винодельни на карточке вина — виден только в этом
   каталоге (на самой странице винодельни она и так очевидна из контекста,
   см. show_winery в Vino_Wines::render_wine_card). */
.vino-wine-card-winery {
	font-size: 12.5px;
	font-weight: 600;
	color: #7a1f2b;
	margin: 0 0 4px;
}

.vino-wine-card-winery a {
	color: inherit;
	text-decoration: none;
}

.vino-wine-card-winery a:hover {
	text-decoration: underline;
}

/* Попап метки на карте */
.vino-grape-map-popup {
	max-width: 220px;
}

.vino-grape-map-winery-title {
	display: block;
	font-weight: 700;
	margin-bottom: 6px;
	color: #7a1f2b;
	text-decoration: none;
}

.vino-grape-map-winery-title:hover {
	text-decoration: underline;
}

.vino-grape-map-wine {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid #eee;
	font-size: 13px;
	line-height: 1.4;
}

.vino-grape-map-wine:first-of-type {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}

.vino-grape-map-wine a {
	color: #333;
	text-decoration: none;
	font-weight: 600;
}

.vino-grape-map-wine a:hover {
	text-decoration: underline;
}

.vino-grape-map-wine-grapes {
	color: #888;
	font-size: 11.5px;
	margin-top: 1px;
}

@media (max-width: 900px) {
	.vino-grape-archive-body {
		flex-direction: column;
	}

	.vino-grape-archive-map-col {
		position: static;
		width: 100%;
		max-width: none;
	}

	.vino-grape-archive-map {
		height: 320px;
	}
}