/* denn findet — filtres véhicules. Préfixe .df- pour ne pas entrer en
   conflit avec les classes du thème. Adapte les couleurs (--df-*) à ta charte. */
.df-filterbar{
  --df-ink:#15171A; --df-ink-soft:#3A3D42; --df-slate:#6B6E72;
  --df-bronze:#9C7A4A; --df-bronze-light:#C9A26D; --df-cream:#F6F4EE;
  --df-white:#FFFFFF; --df-line:#E6E2D8; --df-radius:14px;
  position:sticky; top:0; z-index:40;
  background:var(--df-white); border-bottom:1px solid var(--df-line);
  padding:14px 0; font-family:inherit;
}
.df-filterbar-row{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}

.df-fdrop{position:relative;}
.df-fdrop-btn{
  display:inline-flex; align-items:center; gap:7px;
  border:1px solid var(--df-line); background:var(--df-white); color:var(--df-ink-soft);
  border-radius:999px; padding:9px 14px; font-size:13.3px; font-weight:500; cursor:pointer;
}
.df-fdrop-btn:hover{border-color:var(--df-bronze-light); color:var(--df-ink);}
.df-fdrop-btn .count{
  background:var(--df-ink); color:var(--df-white); font-size:10.5px; font-weight:700;
  border-radius:999px; padding:1px 6px; display:none;
}
.df-fdrop-btn.active{border-color:var(--df-ink); color:var(--df-ink);}
.df-fdrop-btn.active .count{display:inline-block;}
.df-fdrop-btn .chev{font-size:10px; color:var(--df-bronze-light); margin-left:2px;}

.df-fdrop-panel{
  display:none; position:absolute; top:calc(100% + 8px); left:0;
  background:var(--df-white); border:1px solid var(--df-line); border-radius:12px;
  box-shadow:0 16px 32px -14px rgba(21,23,26,0.22);
  padding:14px; min-width:220px; max-width:280px; z-index:50;
}
.df-fdrop.open .df-fdrop-panel{display:block;}
.df-fdrop-search{
  width:100%; padding:8px 10px; border:1px solid var(--df-line); border-radius:8px;
  font-size:13px; margin-bottom:10px; box-sizing:border-box;
}
.df-fdrop-list{max-height:230px; overflow-y:auto; display:flex; flex-direction:column; gap:2px;}
.df-fdrop-list label{
  display:flex; align-items:center; gap:8px; font-size:13.3px; color:var(--df-ink-soft);
  padding:6px 4px; border-radius:6px; cursor:pointer;
}
.df-fdrop-list label:hover{background:var(--df-cream);}
.df-fdrop-list input[type=checkbox]{accent-color:var(--df-bronze);}
.df-fdrop-empty{font-size:12.5px; color:var(--df-slate); padding:6px 4px;}

.df-fdrop-range{display:flex; flex-direction:column; gap:8px;}
.df-fdrop-range .row{display:flex; align-items:center; gap:8px;}
.df-fdrop-range input[type=number]{
  width:100%; padding:8px 10px; border:1px solid var(--df-line); border-radius:8px; font-size:13px; box-sizing:border-box;
}
.df-fdrop-hint{font-size:11.3px; color:var(--df-slate);}

.df-more-toggle{
  display:inline-flex; align-items:center; gap:6px;
  background:transparent; border:1px dashed var(--df-line); color:var(--df-bronze);
  border-radius:999px; padding:9px 14px; font-size:13.3px; font-weight:600; cursor:pointer;
}
.df-more-toggle:hover{border-color:var(--df-bronze-light);}
.df-filterbar-more{display:none; margin-top:10px; padding-top:10px; border-top:1px solid var(--df-line);}
.df-filterbar-more.open{display:flex; flex-wrap:wrap; gap:8px;}

.df-active-chips{display:flex; flex-wrap:wrap; gap:8px; margin-top:12px;}
.df-chip{
  display:inline-flex; align-items:center; gap:7px;
  background:var(--df-cream); border:1px solid var(--df-line); color:var(--df-ink);
  border-radius:999px; padding:6px 8px 6px 12px; font-size:12.5px; font-weight:500;
}
.df-chip button{
  background:none; border:none; cursor:pointer; color:var(--df-slate); font-size:13px;
  width:16px; height:16px; display:flex; align-items:center; justify-content:center;
}
.df-chip button:hover{color:var(--df-ink);}
.df-reset-link{
  font-size:12.5px; font-weight:600; color:var(--df-bronze); background:none; border:none;
  cursor:pointer; padding:6px 4px;
}

.df-results{max-width:1280px; margin:0 auto; padding:24px;}
.df-results-head{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:18px;}
.df-results-count{font-size:14.5px; color:var(--df-ink-soft, #3A3D42);}
.df-results-count strong{color:var(--df-ink, #15171A);}
.df-btn{
  display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px;
  font-size:13px; font-weight:600; cursor:pointer; border:1px solid var(--df-line, #E6E2D8);
  background:transparent; color:var(--df-ink, #15171A);
}
.df-btn:hover{border-color:var(--df-ink, #15171A);}
.df-loading, .df-no-results{padding:40px 20px; text-align:center; color:var(--df-slate, #6B6E72); font-size:14px;}