/* Recherche « Cours, professeure ou lieu » du catalogue (/cours/, /boucherville/, /varennes/) : loupe « Rechercher »
   accolée au champ, aussi haute que lui, utilisable au doigt (signalement du Club, 2026-10-23 : au téléphone, rien ne
   montrait comment lancer la recherche). Chargée par ces pages seulement : app.css est aussi chargée par la page de
   paiement, dont l'inventaire d'intégrité (PCI 11.6.1) ne doit pas changer. Marges du champ réduites et exemples sans
   « Ex. : » : « Zumba, Christine, Broquerie » reste lisible en entier à côté de la loupe dès 375 px de large (plus
   étroit : points de suspension au lieu d'un mot coupé net). */
.search-box{display:flex;align-items:stretch;min-width:0}
.search-box input{flex:1 1 auto;min-width:0;padding-left:14px;padding-right:6px;border-right:0;border-radius:14px 0 0 14px;text-overflow:ellipsis}
.search-box input:focus-visible{position:relative;z-index:1}   /* le contour de focus passe devant la loupe */
.search-box__go{flex:none;display:inline-grid;place-items:center;width:var(--tap);margin:0;padding:0;border:2px solid var(--ink);border-radius:0 14px 14px 0;background:var(--ink);color:#FFFFFF;font:inherit;cursor:pointer;transition:background-color .18s var(--ease),border-color .18s var(--ease)}
.search-box__go:hover{background:#2B2360;border-color:#2B2360}
.search-box__go:focus-visible{outline:var(--focus);outline-offset:2px}
.search-box__go .icon{width:24px;height:24px;stroke-width:2.5}
/* Ordinateur : le champ garde sa largeur de texte, la loupe s'ajoute à côté */
/* La loupe (52 px) s'ajoute au champ : base et largeur plus grandes d'autant, pour que « Christine Mignacca » et les
   exemples restent lisibles en entier sur tablette et téléphone tourné */
@media (min-width:760.02px){.filters__search.filters__q{flex-basis:272px;max-width:372px}}