/* 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 #e5e5e3;border-radius:14px;padding:14px 18px;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:#aaa;}
.filter-bar__search input{width:100%;padding:9px 14px 9px 34px;border:none;background:#f5f5f3;border-radius:9px;font-size:13.5px;color:#1a1a1a;font-family:inherit;transition:background .15s;}
.filter-bar__search input::placeholder{color:#aaa;}
.filter-bar__search input:focus{outline:none;background:#eeeeed;}
.filter-bar__sep{width:1px;height:22px;background:#e0e0de;flex-shrink:0;}
.filter-bar__pill{display:inline-flex;align-items:center;gap:5px;font-size:13px;padding:8px 14px;border-radius:999px;border:1px solid #d5d5d2;background:#fff;color:#555;cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit;line-height:1;}
.filter-bar__pill:hover{border-color:#aaa;background:#fafaf8;}
.filter-bar__pill.active{background:#1a3c34;color:#d6f0e2;border-color:#1a3c34;}
.filter-bar__pill svg.icon{width:14px;height:14px;flex-shrink:0;}
.filter-bar__pill .chevron{width:10px;height:10px;flex-shrink:0;transition:transform .2s;}
.filter-bar__pill.active .chevron{transform:rotate(180deg);}
.filter-bar__pill--reset{border-style:dashed;border-color:#ccc;color:#999;display:none;}
.filter-bar__pill--reset.visible{display:inline-flex;}
.filter-bar__pill--reset:hover{border-color:#c0392b;color:#c0392b;background:#fef2f2;}
.filter-bar__badge{display:none;font-size:11px;padding:3px 10px;border-radius:999px;background:#e4f3eb;color:#1a3c34;font-weight:600;white-space:nowrap;line-height:1.4;}
.filter-bar__badge.visible{display:inline-block;}
.filter-bar__panel{max-height:0;overflow:hidden;transition:max-height .25s ease,margin-top .25s 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 #f0f0ee;}
.filter-bar__panel-label{font-size:12px;color:#888;white-space:nowrap;}
.filter-bar__opt{font-size:12.5px;padding:6px 14px;border-radius:8px;border:1px solid #e5e5e3;background:transparent;color:#666;cursor:pointer;transition:all .12s;font-family:inherit;white-space:nowrap;flex-shrink:0;}
.filter-bar__opt:hover{background:#f5f5f3;}
.filter-bar__opt.selected{background:#e4f3eb;color:#1a3c34;border-color:#5DCAA5;font-weight:600;}
.filter-bar__price-input{width:90px !important;min-width:0 !important;max-width:90px !important;padding:7px 12px !important;border:1px solid #e5e5e3 !important;border-radius:8px !important;font-size:13px !important;font-family:inherit;color:#1a1a1a;transition:border-color .15s;flex-shrink:0 !important;box-sizing:border-box !important;}
.filter-bar__price-input::placeholder{color:#bbb;}
.filter-bar__price-input:focus{outline:none !important;border-color:#1a3c34 !important;}
.filter-bar__unit{font-size:12px;color:#999;}
.filter-bar__dash{color:#ccc;font-size:13px;}
@media(max-width:600px){.filter-bar{padding:12px 14px;}.filter-bar__main{gap:8px;}.filter-bar__search{min-width:100%;}.filter-bar__sep{display:none;}}