/* ==========================================================================
 * Single-listing page deltas.
 *
 * Loaded only on is_singular('dgd_listing') (see functions.php), AFTER
 * venue.css — listings reuse .dgd-venue-quickbar, .dgd-venue-hours,
 * .dgd-venue-map-section, .dgd-vsticky chrome unchanged. This file only
 * patches the small set of listing-specific surfaces:
 *
 *   .dgd-listing-events       — events-happening-here section (incl. empty)
 *   .dgd-listing-nearby       — distance-aware "what's around" section
 *
 * Tokens come from theme.json so a style variation flows through; no
 * hardcoded hex values, no off-grid media queries (480/768/1024/1280).
 * ========================================================================== */

/* ----- Empty-state events row -------------------------------------------- */
.dgd-listing-events--empty {
	padding-block: var(--wp--preset--spacing--40, 1.5rem);
}
.dgd-listing-events--empty .dgd-sec-head__title {
	font-size: var(--wp--preset--font-size--large, 1.25rem);
	font-weight: 500;
	color: var(--wp--preset--color--ink-soft, #C8BFDC);
	margin-block: 0;
}

/* ----- Nearby grid wrapper ----------------------------------------------- */
.dgd-listing-nearby {
	padding-block: var(--wp--preset--spacing--50, 2.5rem);
}

/* Distance prefix is rendered inside the shared `.dgd-card__meta` line by
 * dgd_render_concierge_card({ meta_prefix }). Bump weight a hair so the
 * distance reads as the first thing the eye picks up on the card. */
.dgd-listing-nearby .dgd-card__meta {
	color: var(--wp--preset--color--ink-soft, #C8BFDC);
	font-variant-numeric: tabular-nums;
}
.dgd-listing-nearby .dgd-card__meta::first-letter {
	color: var(--wp--preset--color--cyan, #00C8E6);
}

/* Tighten the grid on phones — at 1 column the default gap reads as too
 * loose between identically-sized cards. */
@media (max-width: 480px) {
	.dgd-listing-nearby__grid {
		gap: var(--wp--preset--spacing--30, 1rem);
	}
}