/* Recherche côté front — ambiance sombre Côte de Boeuf.
   Tous les tokens (couleurs, polices) viennent de design-system.css (:root). */
.cdb-recherche-wrap { background: var(--bg-darkest); }

.cdb-recherche-filtres { display: flex; gap: 8px; padding: 10px 0 24px; flex-wrap: wrap; align-items: center; }
.cdb-recherche-filtres button {
  font: 600 12px/1 var(--sans); letter-spacing: .08em; text-transform: uppercase;
  color: var(--text-ivory); background: transparent; border: 1px solid var(--border-strong);
  padding: 7px 14px; border-radius: 999px; cursor: pointer;
}
.cdb-recherche-filtres button[aria-pressed="true"] { background: var(--cat-restaurant); border-color: var(--cat-restaurant); color: #fff; }

.cdb-recherche-search {
  font: 400 13px/1 var(--sans); color: var(--text-ivory); background: var(--bg-dark);
  border: 1px solid var(--border-strong); border-radius: 999px; padding: 8px 14px; min-width: 220px; flex: 1;
}
.cdb-recherche-search::placeholder { color: var(--text-dim); }

.cdb-recherche-resultats {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px;
}

.cdb-recherche-card {
  display: flex; flex-direction: column; gap: 6px; text-decoration: none;
  background: var(--bg-card); border: 1px solid var(--border-line); border-radius: 8px;
  padding: 18px 20px; transition: border-color .2s, transform .2s;
}
.cdb-recherche-card:hover { border-color: var(--Gold); transform: translateY(-2px); }

.cdb-recherche-card__badge {
  display: inline-block; align-self: flex-start; font: 600 9px/1 var(--display); text-transform: uppercase;
  letter-spacing: .12em; padding: 4px 7px; border-radius: 3px; color: #fff;
}
.cdb-recherche-card__badge--restaurant { background: var(--cat-restaurant); }
.cdb-recherche-card__badge--boucherie  { background: var(--cat-boucherie); }
.cdb-recherche-card__badge--boutique   { background: var(--cat-boutique); }

.cdb-recherche-card__nom { font: 600 17px/1.3 var(--serif); color: var(--text-ivory); }
.cdb-recherche-card__lieu { font: 400 12px/1.3 var(--sans); color: var(--text-muted); text-transform: uppercase; letter-spacing: .04em; }
.cdb-recherche-card__specialites { font: 400 13px/1.4 var(--serif); font-style: italic; color: var(--text-muted); }
.cdb-recherche-card__link { margin-top: 4px; font: 600 12px/1 var(--sans); color: var(--copper); text-transform: uppercase; letter-spacing: .06em; }

.cdb-recherche-vide { color: var(--text-muted); font: 400 14px/1.5 var(--sans); padding: 20px 0; grid-column: 1 / -1; }