/* ==========================================================================
   shops.css — Genva Craft

   Where to buy: three columns from 900px (online, stockists, order).
   ========================================================================== */

.shops__grid {
	display: grid;
	gap: var(--wp--preset--spacing--60);
}

@media (width >= 900px) {

	.shops__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.shops__grid > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.shops__group {
	border-top: 1px solid var(--wp--preset--color--line);
	padding-top: var(--wp--preset--spacing--40);
}

.shops__group > * {
	margin-block-start: 0;
	margin-block-end: 0;
}

.shops__group > * + * {
	margin-block-start: var(--wp--preset--spacing--30);
}

/* A note belongs to the name above it, so it sits close; the next name gets
   the full gap. */
.shops__group > .shops__note {
	margin-block-start: 0;
}

.shops .shops__heading {
	font-family: var(--font-latin);
	font-size: var(--wp--preset--font-size--label);
	font-weight: 400;
}

.shops .shops__name {
	font-family: var(--font-heading);
}

.shops .shops__name a {
	color: var(--wp--preset--color--contrast);
	text-decoration: underline;
	text-underline-offset: 0.3em;
}

.shops .shops__note {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--secondary);
}