/* AG-AURORA-RECHERCHE-01 (06/11/2026) — champ de recherche de l'en-tête Aurora (accueil et autres pages) : texte lisible quand on
   écrit. Cause : sur ordinateur, le thème passe le champ en BLANC au survol de la souris (« .search-input:hover { background-color:
   #fff !important } »), alors que l'en-tête Aurora y écrit en blanc ⇒ texte, indication, loupe et croix invisibles. Demandé par le
   propriétaire le 06/11 (« on ne voit rien, l'écriture est blanche »). Correctif : dès que la souris est sur le champ ou qu'on y
   écrit, le champ est blanc et tout ce qu'il contient est foncé ; au repos, rien ne change (champ sombre, texte clair). Ordinateur
   seulement (≥ 1025 px) : sur téléphone et tablette, le champ reste sombre et son texte clair est déjà lisible. */
@media (min-width: 1025px) {
  body#index .container > .search-wrap .search-input:is(:hover, :focus),
  body:not(#index) .container > .search-wrap .search-input:is(:hover, :focus) {
    background-color: #fff;
    color: #0f172a;
    caret-color: #15803d;
  }
  body#index .container > .search-wrap .search-input:is(:hover, :focus)::placeholder,
  body:not(#index) .container > .search-wrap .search-input:is(:hover, :focus)::placeholder { color: #64748b; }
  /* loupe et croix d'effacement : foncées tant que le champ est blanc (la croix reste rouge au survol, comme ailleurs sur le site) */
  body#index .container > .search-wrap .search-form:has(.search-input:is(:hover, :focus)) :is(.search-icon, .ag-clear-btn),
  body:not(#index) .container > .search-wrap .search-form:has(.search-input:is(:hover, :focus)) :is(.search-icon, .ag-clear-btn) { color: #475569; }
  body#index .container > .search-wrap .search-form:has(.search-input:is(:hover, :focus)) .ag-clear-btn:hover,
  body:not(#index) .container > .search-wrap .search-form:has(.search-input:is(:hover, :focus)) .ag-clear-btn:hover { color: #dc2626; }
  /* une seule icône à droite : dès qu'il y a du texte, la croix d'effacement prend la place de la loupe (sinon elles se superposent) */
  body#index .container > .search-wrap .search-form:has(.ag-clear-btn.is-shown) .search-icon,
  body:not(#index) .container > .search-wrap .search-form:has(.ag-clear-btn.is-shown) .search-icon { visibility: hidden; }
}