/* Recherche du site (mu-plugin aaf-recherche.php) — 2026-10-20
   Porté de srf-hf.css (sante-respiratoire.com), aux couleurs de asthme-allergies.org. */

:root {
	--aaf-bleu: #0C2D5A;
	--aaf-bleu-fonce: #071D3B;
	--aaf-rose: #eb0058;
	--aaf-texte: #313131;
	--aaf-gris: #6B7280;
	--aaf-bordure: #D5DCE6;
	--aaf-survol: #EEF3F9;
}

/* ---------- Champ + suggestions ---------- */
.aaf-recherche { position: relative; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.aaf-recherche-champ {
	flex: 1;
	min-width: 0;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid var(--aaf-bordure) !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--aaf-texte) !important;
	font-size: 16px !important; /* 16 px : iOS ne zoome pas au focus */
}
.aaf-recherche-champ:focus { outline: none; border-color: var(--aaf-bleu) !important; box-shadow: 0 0 0 3px rgba(12,45,90,.15); }
.aaf-recherche-champ::placeholder { color: var(--aaf-gris); opacity: 1; }
.aaf-recherche-champ::-webkit-search-cancel-button { cursor: pointer; }
.aaf-recherche-ok {
	flex: none;
	width: 44px;
	height: 44px;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: var(--aaf-bleu) !important;
	color: #fff !important;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.aaf-recherche-ok:hover,
.aaf-recherche-ok:focus-visible { background: var(--aaf-rose) !important; }
.aaf-recherche-liste {
	flex: 0 0 100%;
	margin: 4px 0 0 !important;
	padding: 6px 0 0 !important;
	list-style: none !important;
	border-top: 1px solid var(--aaf-bordure);
	overflow-y: auto;
	overscroll-behavior: contain;
}
.aaf-recherche-liste[hidden] { display: none; }
.aaf-recherche-liste li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
.aaf-recherche-liste li::before { content: none !important; }
.aaf-recherche-liste a {
	display: block;
	padding: 8px 10px;
	border-radius: 6px;
	text-decoration: none !important;
	color: var(--aaf-texte) !important;
}
.aaf-recherche-liste a:hover,
.aaf-recherche-liste a.is-actif { background: var(--aaf-survol); }
.aaf-recherche-titre { display: block; font-size: 15px; font-weight: 600; line-height: 1.3; }
.aaf-recherche-meta { display: block; margin-top: 2px; font-size: 12px; color: var(--aaf-gris); }
.aaf-recherche-liste a.aaf-recherche-tout { margin-top: 4px; font-size: 14px; font-weight: 700; color: var(--aaf-bleu) !important; }
.aaf-recherche-etat { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); margin: 0 !important; }

/* Page « Rechercher » (shortcode) : les suggestions passent par-dessus le contenu. */
.post-entry .aaf-recherche, .inner-post-entry .aaf-recherche { max-width: 640px; margin: 0 auto 32px; }
.post-entry .aaf-recherche-liste, .inner-post-entry .aaf-recherche-liste {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 50;
	max-height: 60vh;
	padding: 6px !important;
	background: #fff;
	border: 1px solid var(--aaf-bordure);
	border-radius: 10px;
	box-shadow: 0 16px 40px rgba(0,0,0,.14);
}

/* ---------- Panneau de la loupe ---------- */
/* La liste déroulante de Soledad n'a plus d'usage : la loupe ouvre ce panneau. */
#top-search .show-search { display: none !important; }

html.aaf-sans-defilement, html.aaf-sans-defilement body { overflow: hidden; }

/* Fond plein écran flouté */
.aaf-recherche-pop {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 14vh 16px 16px;
	background: rgba(12,45,90,.35);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	animation: aaf-recherche-fondu .18s ease-out;
}
.aaf-recherche-pop[hidden] { display: none; }
/* Le panneau : le formulaire lui-même */
.aaf-recherche-pop .aaf-recherche {
	width: min(640px, 100%);
	max-height: calc(100dvh - 14vh - 16px);
	padding: 16px;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 24px 64px rgba(0,0,0,.28);
	align-content: flex-start;
}
.aaf-recherche-pop .aaf-recherche-champ { height: 52px !important; font-size: 18px !important; }
.aaf-recherche-pop .aaf-recherche-ok { width: 52px; height: 52px; }
/* Les résultats défilent dans le panneau, qui ne dépasse jamais l'écran */
.aaf-recherche-pop .aaf-recherche-liste { max-height: calc(100dvh - 14vh - 16px - 100px); }
@keyframes aaf-recherche-fondu { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 600px) {
	/* Mobile : panneau en haut, le clavier occupe le bas de l'écran */
	.aaf-recherche-pop { padding: 12px 10px; }
	.aaf-recherche-pop .aaf-recherche { max-height: calc(100dvh - 24px); padding: 12px; }
	.aaf-recherche-pop .aaf-recherche-champ { height: 48px !important; font-size: 17px !important; }
	.aaf-recherche-pop .aaf-recherche-ok { width: 48px; height: 48px; }
	.aaf-recherche-pop .aaf-recherche-liste { max-height: calc(100dvh - 24px - 90px); }
}
@media (prefers-reduced-motion: reduce) { .aaf-recherche-pop { animation: none; } }