/* doc-project | public/assets/css/filter-drawer.css | transforme les filtres en tiroir tactile mobile et panneau fixe sur grand écran */
.filter-drawer { position: fixed; z-index: 850; top: 0; bottom: 0; left: 0; width: min(88vw, 22rem); overflow-y: auto; background: white; padding: 1rem; box-shadow: var(--shadow-lg); transform: translateX(-105%); transition: transform .28s var(--ease); }
.filter-drawer.is-open { transform: translateX(0); }
.filter-drawer__header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem; }
.filter-drawer__header h2 { margin: 0; font-family: var(--font-body); font-size: 1.1rem; font-weight: 850; }
.filter-drawer form { display: grid; gap: 1rem; }
.filter-drawer .check-row { padding-block: .2rem; }
.filter-reset { color: var(--ink-soft); font-size: .8rem; font-weight: 750; text-align: center; text-decoration: underline; }
.drawer-backdrop { position: fixed; z-index: 840; inset: 0; background: rgb(36 29 32 / 42%); backdrop-filter: blur(2px); }
.drawer-backdrop[hidden] { display: none; }
@media (min-width: 920px) { .filter-drawer { position: sticky; z-index: auto; top: 9.8rem; width: auto; max-height: calc(100vh - 11rem); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: none; transform: none; } .filter-drawer__header .icon-button { display: none; } .drawer-backdrop { display: none !important; } }