/**
 * Template: Search Results  (templates/search.html)
 *
 * Card anatomy is reused from the canonical kds/card-grid-query pattern
 * (card-grid.css + card-grid-query.css); the H1 lives in the interior hero.
 * This partial styles the two template-unique pieces: the results query's
 * bottom margin and the no-results empty state.
 *
 * One template = one CSS partial (auto-enqueued by inc/enqueue.php glob).
 */

/* ── Results query bottom margin ──────────────────────────────────────────── */

/* card-grid-query.css resets `.kd-card-grid-query.wp-block-query` margin-block
   to 0 (!important, equal specificity — 2 classes). This partial loads after it
   (enqueue glob is alphabetical, card- < search-), so an equal-specificity
   declaration here wins the cascade and restores the bottom gap for this
   template only. */
.kd-search-results__query.wp-block-query {
	margin-block-end: var(--kd-space-xxl) !important;
}

/* ── No-results empty state ───────────────────────────────────────────────── */

.kd-search-results__empty {
	padding-block: var(--kd-space-xl) var(--kd-space-xxl);
	text-align: center;
	font-size: var(--kd-size-body-lg);
	color: var(--kd-color-body);
}