.param-search-type-badge {
	display: inline-block;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: 2px 12px;
	border-radius: 20px;
	margin-bottom: 8px;
	background: var(--charcoal);
	color: #fff;

	&.type-page    { background: var(--dark-gray); }
	&.type-product { background: var(--teal); }
}

/* Grid: 3 → 2 → 1 columns using Divi breakpoints */
.param-search-results {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2em;
	width: 100%;
	align-items: start;

	@media (max-width: 980px) {
		grid-template-columns: repeat(2, 1fr);
	}
	@media (max-width: 767px) {
		grid-template-columns: 1fr;
	}
}

.param-search-result {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	min-height: 100%;
	padding: 1.5em;

	& .entry-title {
		margin: 0 0 .5em;
		font-size: 1.1em;
		line-height: 1.3;

		& a {
			color: inherit;
			text-decoration: none;

			&:hover { text-decoration: underline; }
		}
	}

	& .entry-summary {
		margin: 0 0 .75em;
		color: #555;
		font-size: .95em;
		flex-grow: 1;
	}
}

.param-result-terms {
	font-size: .82em;
	color: #888;
	margin-top: auto;

	& a {
		color: inherit;
		text-decoration: none;

		&:hover { text-decoration: underline; }
	}
}

.param-search-pagination,
.param-search-no-results {
	grid-column: 1 / -1;
}

.param-search-pagination {
	display: flex;
	gap: 1.5em;
	margin-top: .5em;
	font-size: .95em;
}

.param-search-no-results {
	& p { color: #555; }
}

/* Relevanssi term highlighting */
.search-highlight {
	background: color-mix(in srgb, var(--teal) 15%, transparent);
	border-radius: 2px;
	font-weight: 600;
	padding: 0 2px;
}