/**
 * Stili per le pagine di ricerca del plugin CSL (Ricerca Personalizzata con Landing Page)
 * Personalizza pure le variabili qui sotto per adattarle al tuo tema.
 *
 * NOTA v1.2.0: questo blocco ora viene stampato dentro il contenuto di una
 * normale pagina del tema (vedi the_content in csl-ricerca-personalizzata.php),
 * quindi eredita già la larghezza/i margini definiti dal tema stesso.
 * Se il risultato ti sembra "doppiamente" contenuto, riduci o rimuovi
 * max-width/margin qui sotto.
 */

.csl-search-content {
	--csl-accent: #2563eb;
	--csl-text: #1f2328;
	--csl-text-muted: #5b6470;
	--csl-border: #e5e7eb;
	--csl-bg-intro: #f5f7fb;
	--csl-radius: 10px;

	color: var(--csl-text);
}

/* Intestazione con il termine cercato */
.csl-search-header {
	margin-bottom: 1.75rem;
}

.csl-search-header .page-title {
	font-size: 1.75rem;
	line-height: 1.3;
	margin: 0;
	font-weight: 700;
	color: var(--csl-text);
}

/* Blocco contenuto curato (la pagina che crei in admin) */
.csl-landing-intro {
	background: var(--csl-bg-intro);
	border: 1px solid var(--csl-border);
	border-radius: var(--csl-radius);
	padding: 1.5rem 1.75rem;
	margin-bottom: 2.5rem;
	line-height: 1.65;
	font-size: 1.02rem;
}

.csl-landing-intro p:first-child {
	margin-top: 0;
}

.csl-landing-intro p:last-child {
	margin-bottom: 0;
}

.csl-landing-intro h2,
.csl-landing-intro h3 {
	margin-top: 0;
}

/* Elenco dei risultati reali del motore di ricerca */
.csl-search-results {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.csl-result-item {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--csl-border);
}

.csl-result-item:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.csl-result-title {
	font-size: 1.15rem;
	margin: 0 0 0.4rem;
	line-height: 1.4;
}

.csl-result-title a {
	color: var(--csl-text);
	text-decoration: none;
}

.csl-result-title a:hover,
.csl-result-title a:focus {
	color: var(--csl-accent);
	text-decoration: underline;
}

.csl-result-excerpt {
	color: var(--csl-text-muted);
	font-size: 0.95rem;
	line-height: 1.6;
}

.csl-result-excerpt p {
	margin: 0;
}

/* Nessun risultato */
.csl-no-results {
	color: var(--csl-text-muted);
	font-size: 1rem;
	padding: 1.5rem;
	border: 1px dashed var(--csl-border);
	border-radius: var(--csl-radius);
	text-align: center;
}

/* Paginazione */
.csl-search-content .pagination,
.csl-search-content .nav-links {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 2.5rem;
	flex-wrap: wrap;
}

.csl-search-content .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.6rem;
	border: 1px solid var(--csl-border);
	border-radius: 6px;
	color: var(--csl-text);
	text-decoration: none;
	font-size: 0.9rem;
}

.csl-search-content .page-numbers.current {
	background: var(--csl-accent);
	border-color: var(--csl-accent);
	color: #fff;
}

.csl-search-content .page-numbers:hover:not(.current) {
	border-color: var(--csl-accent);
	color: var(--csl-accent);
}

/* Responsive */
@media (max-width: 600px) {
	.csl-search-content {
		padding: 1.75rem 1rem 3rem;
	}

	.csl-search-header .page-title {
		font-size: 1.4rem;
	}

	.csl-landing-intro {
		padding: 1.25rem;
	}
}