/**
 * MSW Search — styles du widget de recherche autonome.
 *
 * Hérite des styles `.msw-filters-search`, `.msw-filters-search__input`,
 * etc. définis dans msw-filters.css (chargé comme dépendance via le widget).
 * Ce fichier ne contient que les overrides nécessaires pour le wrapper
 * standalone (annulation des paddings/marges contextuels du panneau filtres).
 */

.msw-search-standalone {
	display: block;
	width: 100%;
	max-width: 100%;
}

.msw-search-standalone.msw-filters-wrap {
	font-size: 14px;
	line-height: 1.5;
	color: var(--msw-filters-text, #1a1a1a);
}

.msw-search-standalone .msw-filters-search {
	--msw-search-icon-size: 24px;
	--msw-search-icon-gap: 12px;
	--msw-search-icon-offset: 14px;
	padding: 0;
	margin: 0;
}

/* Icône loupe + spinner — à droite de l'input */
.msw-search-standalone .msw-filters-search__icon,
.msw-search-standalone .msw-filters-search__spinner {
	left: auto;
	right: var(--msw-search-icon-offset);
	width: var(--msw-search-icon-size);
	height: var(--msw-search-icon-size);
}

.msw-search-standalone .msw-filters-search__icon svg {
	width: var(--msw-search-icon-size);
	height: var(--msw-search-icon-size);
}

.msw-search-standalone .msw-filters-search__spinner {
	border-width: 2.5px;
}

/* Bouton clear (×) — à gauche de l'icône / spinner */
.msw-search-standalone .msw-filters-search__clear {
	right: calc(
		var(--msw-search-icon-offset) + var(--msw-search-icon-size) + var(--msw-search-icon-gap)
	);
}

/* Input : texte à gauche, espace réservé à droite pour l'icône */
.msw-search-standalone.msw-filters-wrap .msw-filters-search .msw-filters-search__input,
.msw-search-standalone.msw-filters-wrap .msw-filters-search input.msw-filters-search__input[type='search'] {
	min-height: 50px !important;
	border-radius: 11px !important;
	background: #fff !important;
	font-size: 16px !important;
	color: #5e5e5e;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 16px;
	padding-right: calc(
		var(--msw-search-icon-offset) + var(--msw-search-icon-size) + var(--msw-search-icon-gap)
	);
}

/* Placeholder + extra padding quand le bouton clear est visible */
.msw-search-standalone.msw-filters-wrap .msw-filters-search__input::placeholder {
	color: #5e5e5e !important;
	opacity: 1;
}

.msw-search-standalone .msw-filters-search:has(.msw-filters-search__clear:not([hidden]))
	.msw-filters-search__input {
	padding-right: calc(
		var(--msw-search-icon-offset) + var(--msw-search-icon-size) + var(--msw-search-icon-gap) + 24px +
			var(--msw-search-icon-gap)
	);
}

.msw-search-standalone .msw-filters-search__input:focus {
	border-color: var(--msw-filters-accent, #3b82f6);
	box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.18);
}

.msw-no-results {
	padding: 24px 16px;
	text-align: center;
	color: var(--msw-filters-text-secondary, #6b7280);
	font-size: 14px;
}