/* Page rechercher */
.container{ width:100%; max-width:1200px; margin:24px auto 40px; padding:0 16px; }
.card{
  background:var(--surface); border:1px solid var(--border); border-radius:var(--radius);
  padding:20px 22px; box-shadow:var(--shadow); transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.card:focus-within{ border-color:var(--ring); box-shadow: var(--shadow), 0 0 0 6px var(--ring); }

.search-hero{
  display:grid; grid-template-columns:minmax(280px, 1.3fr) minmax(220px, .7fr);
  gap:var(--gap); align-items:center; margin-top:8px;
}
.hero-text h1{ margin:6px 0 10px; font-size: clamp(26px, 3vw, 36px); }
.hero-text p{ margin:0; color:var(--muted); font-size: clamp(15px, 1.6vw, 18px); }
.eyebrow{
  font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted);
}
.hero-metric{
  display:grid; gap:6px; padding:16px 18px;
  border-radius:var(--radius-sm);
  background: color-mix(in srgb, var(--primary-weak) 70%, var(--surface) 30%);
  border:1px solid color-mix(in srgb, var(--primary) 20%, var(--border));
  text-align:left;
}
.metric-label{ font-size:13px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
.metric-value{ font-size:28px; font-weight:700; }
.metric-sub{ font-size:14px; color:var(--muted); }

.search-layout{
  display:grid; grid-template-columns:minmax(280px, 360px) 1fr;
  gap:var(--gap); margin-top:24px; align-items:start;
}

.filters{ display:grid; gap:16px; align-self:start; }
.filters h2{ margin:0; font-size:20px; }
.filters-form{ display:grid; gap:16px; }
.field{ display:grid; gap:8px; }
.field label{ font-weight:600; }
.field-hint{ margin:0; font-size:13px; color:var(--muted); }
.field input,
.field select{
  width:100%; padding:10px 12px; border-radius:12px; border:1px solid var(--border);
  background:var(--surface); color:var(--text); font-size:15px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.field input:focus,
.field select:focus{
  outline:none; border-color:var(--ring); box-shadow: 0 0 0 4px var(--ring);
}

.filters-actions{
  display:flex; flex-wrap:wrap; gap:12px; align-items:center;
}

.active-filters{
  display:flex; flex-wrap:wrap; gap:8px; min-height:24px;
}
.active-filters .chip{
  background:var(--primary-weak); color:var(--text);
  border:1px solid color-mix(in srgb, var(--primary) 25%, var(--border));
  padding:4px 10px; border-radius:999px; font-size:12px; font-weight:600;
}
.filters-empty{ color:var(--muted); font-size:13px; }

.results{ display:grid; gap:12px; }
.results-header{ display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.results-header h2{ margin:0; font-size:20px; }
.results-count{ font-weight:600; color:var(--muted); }
.results-status{ margin:0; color:var(--muted); }
.results-note{ margin:0; font-size:13px; color:var(--muted); }
.results-pagination{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
.pagination-pages{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.page-btn{
  border:1px solid var(--border); background:var(--surface); color:var(--text);
  border-radius:10px; padding:6px 10px; font-size:13px; cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.page-btn:hover{ transform:translateY(-1px); box-shadow:var(--shadow); }
.page-btn.is-current{
  background:var(--primary); color:#fff; border-color:var(--primary);
}
.page-ellipsis{ color:var(--muted); padding:0 4px; }

.results-list{
  list-style:none; margin:0; padding:0; display:grid; gap:12px;
}
.results-item{
  border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:14px 16px; background: color-mix(in srgb, var(--surface) 92%, var(--primary-weak) 8%);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.results-item:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow);
  border-color: color-mix(in srgb, var(--primary) 35%, var(--border));
}
.results-link{ text-decoration:none; color:inherit; display:grid; gap:8px; }
.results-title{ font-size:16px; font-weight:600; }
.results-meta{ display:flex; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:14px; }
.results-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.chip{
  background:var(--surface);
  border:1px dashed color-mix(in srgb, var(--primary) 30%, var(--border));
  padding:4px 10px; border-radius:999px; font-size:12px; font-weight:600;
}
.chip.solid{
  background:var(--primary-weak);
  border-style:solid;
}
.results-ref{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size:12px; color:var(--muted);
}

@media (max-width:900px){
  .search-layout{ grid-template-columns:1fr; }
  .search-hero{ grid-template-columns:1fr; }
}