/* HAVOCKS — page Jeux : recherche dans la bibliothèque (à droite de « Mes autres jeux »)
   Le compteur (« 705 autres jeux », « 3 jeux trouvés ») passe sous le champ. Sur téléphone, le champ prend toute la largeur. */
.jeux-recherche{ position:relative; display:flex; flex-direction:column; align-items:flex-end; gap:6px; width:min(320px, 100%); }
.jeux-recherche-loupe{ position:absolute; left:13px; top:11px; color:var(--muted); display:flex; pointer-events:none; }
.jeux-recherche input{
  width:100%; padding:9px 14px 9px 38px; border-radius:999px; border:1px solid rgba(255,255,255,0.22);
  background:rgba(255,255,255,0.04); color:var(--white); font:inherit; font-size:0.92rem;
}
.jeux-recherche input::placeholder{ color:var(--muted); opacity:1; }
.jeux-recherche input:focus-visible{ outline:2px solid var(--game-2); outline-offset:2px; }
.jeux-recherche input::-webkit-search-cancel-button{ cursor:pointer; }
.jeux-vide{ color:var(--muted); font-size:0.95rem; padding:18px 4px; margin:0; overflow-wrap:anywhere; }
@media (max-width:760px){
  .jeux-recherche{ width:100%; align-items:stretch; }
  .jeux-recherche .jeux-count{ align-self:flex-start; }
}
/* « Voir plus » porte un style en ligne « display:flex » (jeux.html), qui l'emportait sur l'attribut hidden : le bouton restait
   affiché quand il n'y avait plus rien à montrer (ou aucun résultat). !important est nécessaire pour battre un style en ligne. */
#jeux-more[hidden]{ display:none !important; }