/* Barre de recherche et de filtres : page d'une liste et Mes réservations (auparavant copiée en <style> dans les deux vues) */
.filter-bar{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:14px 20px;margin-bottom:28px;}
.filter-bar__main{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.filter-bar__search{position:relative;flex:1;min-width:170px;}
.filter-bar__search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--c-subtle);}
.filter-bar__search input{width:100%;padding:10px 14px 10px 36px;border:none;background:var(--c-surface-alt);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--c-text);font-family:inherit;transition:background 0.15s;}
.filter-bar__search input::placeholder{color:var(--c-subtle);}
.filter-bar__search input:focus{outline:none;background:var(--c-border);}
.filter-bar__sep{width:1px;height:22px;background:var(--c-border);flex-shrink:0;}
.filter-bar__pill{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);padding:8px 14px;border-radius:var(--radius-pill);border:1px solid var(--c-border);background:#fff;color:var(--c-muted);cursor:pointer;transition:all 0.15s;white-space:nowrap;font-family:inherit;line-height:1;}
.filter-bar__pill:hover{border-color:var(--c-subtle);background:var(--c-surface-alt);}
.filter-bar__pill.active{background:var(--c-green-dark);color:var(--c-green-light);border-color:var(--c-green-dark);}
.filter-bar__pill svg.icon{width:14px;height:14px;flex-shrink:0;}
.filter-bar__pill i,.filter-bar__opt i{display:flex;}
.filter-bar__pill .chevron{width:10px;height:10px;flex-shrink:0;transition:transform 0.2s;}
.filter-bar__pill.active .chevron{transform:rotate(180deg);}
.filter-bar__pill--reset{border-style:dashed;border-color:var(--c-border);color:var(--c-subtle);display:none;}
.filter-bar__pill--reset.visible{display:inline-flex;}
.filter-bar__pill--reset:hover{border-color:var(--c-danger-dark);color:var(--c-danger-dark);background:var(--c-danger-bg);}
.filter-bar__badge{display:none;font-size:var(--text-2xs);padding:4px 10px;border-radius:var(--radius-pill);background:var(--c-green-light);color:var(--c-green-dark);font-weight:600;white-space:nowrap;line-height:1.5;}
.filter-bar__badge.visible{display:inline-block;}
.filter-bar__panel{max-height:0;overflow:hidden;transition:max-height 0.2s ease, margin-top 0.2s ease;margin-top:0;}
.filter-bar__panel.open{max-height:140px;margin-top:12px;}
.filter-bar__panel-inner{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;overflow-x:auto;padding:10px 4px 2px;border-top:1px solid var(--c-border);}
.filter-bar__panel-label{font-size:var(--text-xs);color:var(--c-subtle);white-space:nowrap;}
.filter-bar__opt{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);padding:6px 14px;border-radius:var(--radius-md);border:1px solid var(--c-border);background:transparent;color:var(--c-muted);cursor:pointer;transition:all 0.15s;font-family:inherit;white-space:nowrap;flex-shrink:0;}
.filter-bar__opt:hover{background:var(--c-surface-alt);}
.filter-bar__opt.selected{background:var(--c-green-light);color:var(--c-green-dark);border-color:var(--c-green);font-weight:600;}
.filter-bar__price-input{width:90px !important;min-width:0 !important;max-width:90px !important;padding:8px 12px !important;border:1px solid var(--c-border) !important;border-radius:var(--radius-md) !important;font-size:var(--text-sm) !important;font-family:inherit;color:var(--c-text);transition:border-color 0.15s;flex-shrink:0 !important;box-sizing:border-box !important;}
.filter-bar__price-input::placeholder{color:var(--c-subtle);}
.filter-bar__price-input:focus{outline:none !important;border-color:var(--c-green-dark) !important;}
.filter-bar__unit{font-size:var(--text-xs);color:var(--c-subtle);}
.filter-bar__dash{color:var(--c-subtle);font-size:var(--text-sm);}
@media(max-width:640px){.filter-bar{padding:12px 14px;}.filter-bar__main{gap:8px;}.filter-bar__search{min-width:100%;}.filter-bar__sep{display:none;}}