/**
 * Homepage section: Browse by Location.
 *
 * Deliberately text-forward. The Latest Celebrity Homes section directly above
 * is already an image-card grid, so repeating that layout family here would
 * read as templated. These tiles use a hairline rule and typography instead:
 * closer to a magazine contents list than a card deck, and consistent with the
 * design system's "rules carry separation instead of boxes" rule.
 *
 * Everything else comes from existing primitives (.ha-grid, .ha-h3, .ha-small).
 *
 * Loaded on the homepage only, enqueued by inc/home-locations.php.
 *
 * @package GeneratePress_Child
 */

/* Narrower track floor than the default grid so the tiles land 4-up on
   desktop and 2-up on mobile rather than collapsing to a single column. */
.ha-places {
	--ha-grid-min: 10rem;
	gap: var(--ha-gap);
}

.ha-place {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
	min-width: 0;
	padding-top: 0.9rem;
	border-top: var(--ha-border-width) solid var(--ha-rule-strong);
	color: inherit;
	text-decoration: none;
	transition: border-top-color 0.15s ease;
}

.ha-place:hover,
.ha-place:focus-visible {
	border-top-color: var(--ha-accent-mid);
}

.ha-place__name {
	transition: color 0.15s ease;
}

.ha-place:hover .ha-place__name,
.ha-place:focus-visible .ha-place__name {
	color: var(--ha-accent-deep);
}