/*
 * Habillage du bloc core/search générique (recherche, 404). Même langage
 * visuel que le formulaire FAQ (blocks/faq-search/style.css), dupliqué ici
 * pour cibler le balisage du bloc natif core/search plutôt que le bloc
 * solea/faq-search (restreint au post_type=faq, inadapté à ces gabarits).
 */
.solea-page-search .wp-block-search__inside-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	border: none;
}

.solea-page-search .wp-block-search__input {
	flex: 1 1 260px;
	min-height: 48px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid var(--wp--preset--color--brand-border);
	border-radius: 1000px;
	background: var(--wp--preset--color--brand-surface);
	font-family: inherit;
	font-size: 0.9375rem;
	color: var(--wp--preset--color--brand-text);
	transition: border-color 0.25s ease, background-color 0.25s ease;
}

.solea-page-search .wp-block-search__input:focus {
	border-color: var(--wp--preset--color--brand-purple-light);
	background: var(--wp--preset--color--base);
	outline: none;
}

.solea-page-search .wp-block-search__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 48px;
	padding: 0 28px;
	border: none;
	border-radius: 1000px;
	background: var(--wp--preset--color--brand-purple);
	color: var(--wp--preset--color--base);
	font-weight: 700;
	font-size: 0.9375rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.25s ease, transform 0.25s ease;
}

.solea-page-search .wp-block-search__button:hover {
	background: var(--wp--preset--color--brand-purple-dark);
	transform: translateY(-2px);
}

/* Sur le bandeau sombre (404), le champ garde son fond clair pour rester lisible. */
.solea-page-banner .solea-page-search .wp-block-search__input {
	background: var(--wp--preset--color--base);
}