/* ==========================================================================
   NOSTAL CARS PUB — assets/css/recherche.css
   Styles spécifiques à la page de recherche globale (recherche.php)
   S'appuie sur les variables et composants définis dans style.css
   (les cartes de résultats réutilisent .nc-vehicle-card et .nc-blog-card,
   déjà définis globalement)
   ========================================================================== */

.rch-search-hero{ max-width:680px; margin: 0 auto; position:relative; }
.rch-search-hero i{ position:absolute; left:1.4rem; top:50%; transform:translateY(-50%); color: var(--nc-gray-500); font-size:1.1rem; }
.rch-search-hero input{
  width:100%; padding: 1.15rem 1.5rem 1.15rem 3.4rem; border-radius: 34px;
  border: none; font-size: var(--nc-fs-md); box-shadow: var(--nc-shadow-lg);
}
.rch-search-hero input:focus{ outline:none; box-shadow: 0 0 0 4px rgba(255,255,255,.3), var(--nc-shadow-lg); }
.rch-search-hero button{
  position:absolute; right:6px; top:50%; transform:translateY(-50%);
  border:none; background: var(--nc-blue); color:#fff; width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
}
.rch-search-hero button:hover{ background: var(--nc-red); }

.rch-suggestions{ display:flex; flex-wrap:wrap; gap:.7rem; justify-content:center; margin-top:1.6rem; }
.rch-suggestions a{
  padding:.5rem 1.1rem; border-radius:20px; background: rgba(255,255,255,.12); color:#fff;
  font-size: var(--nc-fs-sm); border: 1px solid rgba(255,255,255,.2); transition: all var(--nc-transition);
}
.rch-suggestions a:hover{ background: rgba(255,255,255,.22); }

.rch-result-header{ display:flex; align-items:center; gap:.8rem; margin-bottom: 1.8rem; }
.rch-result-header i{ width:40px; height:40px; border-radius:10px; background: var(--nc-blue-light); color: var(--nc-blue); display:flex; align-items:center; justify-content:center; }
.rch-result-header h2{ margin-bottom:0; font-size: var(--nc-fs-xl); }
.rch-result-header .count{ color: var(--nc-gray-500); font-size: var(--nc-fs-sm); font-weight:400; }

.rch-empty{ text-align:center; padding: 4rem 1.5rem; }
.rch-empty i{ font-size:3rem; color: var(--nc-gray-300); margin-bottom:1.2rem; display:block; }