/**
 * Home page (Andy, 2026-10-25). Root font size is 10px here.
 *
 * Tours & Tastings: a group per location (Campbeltown, London), each with its
 * name between two rules and up to four tour cards from its category,
 * centred when a location has fewer than a full row.
 */

.vd-tours-group {
	--vd-tours-cols: 4;
	display: flex;
	flex-direction: column;
	gap: var(--at-space--s);
	width: 100%;
}

.vd-tours-group + .vd-tours-group {
	margin-top: var(--at-space--m);
}

.vd-tours-group__title {
	display: flex;
	align-items: center;
	gap: var(--at-space--s);
	width: 100%;
	margin: 0;
	color: var(--secondary);
	font-size: var(--at-text--s);
	font-weight: 400;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.vd-tours-group__title::before,
.vd-tours-group__title::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: color-mix(in srgb, var(--secondary) 50%, transparent);
}

/* Cards the width of the Latest Release grid's, as a wrapping flex row so a
   short row sits in the middle rather than against the left. */
.vd-tours-group__grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--at-space--s);
	width: 100%;
}

.vd-tours-group__grid > * {
	flex: 0 0 calc((100% - (var(--vd-tours-cols) - 1) * var(--at-space--s)) / var(--vd-tours-cols));
	min-width: 0;
}

@media (max-width: 991px) {
	.vd-tours-group {
		--vd-tours-cols: 2;
	}
}

@media (max-width: 478px) {
	.vd-tours-group {
		--vd-tours-cols: 1;
	}
}