/* Wana Showroom Filter — client-side search + room show/hide over the floor-model
   cards already rendered on the Showroom page. Mirrors the Wana Collections control
   bar. Enqueued only on the Showroom page. */

/* Guard against horizontal overflow without turning html/body/.x-root into scroll
   containers (overflow-x:clip, not hidden). Selectors a notch more specific than the
   ADA module's so order can't bite us. This sheet is only enqueued on the Showroom
   page, so the override lands there and nowhere else. The pinned bar below uses
   position:fixed, so unlike sticky it does not depend on this to work. */
:root,html body,.x-root{overflow-x:clip!important}

/* Injected bar is centered and width-matched to the product container at runtime
   (showroom.js copies the section's max-width + side padding). */
.wana-showroom{--wana-sticky-offset:0px;--wana-sticky-gap:0px;--wana-controls-bg:rgba(255,255,255,.92);box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto}

/* At rest the controls sit in normal flow. showroom.js switches them to
   position:fixed (top = measured height of whatever bars the theme pins at the top)
   once they reach the top, and drops a same-size placeholder into the flow so nothing
   below jumps. */
.wana-showroom__controls{box-sizing:border-box;z-index:100;display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem;padding:.75rem 0}
/* Backdrop only while pinned — at rest the section background shows through. */
.wana-showroom__controls.is-stuck{background:var(--wana-controls-bg);box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
/* Placeholder reserves the bar's flow height while it is pinned. */
.wana-showroom__placeholder{flex:0 0 auto}

.wana-showroom__search,.wana-showroom__room{padding:.6rem .8rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;background:#fff;color:#222;line-height:1.2}
.wana-showroom__search{flex:1 1 240px;min-width:0}
.wana-showroom__room{flex:0 0 auto;max-width:100%}
.wana-showroom__status{margin:.1rem 0 .75rem;color:#666;font-size:.9rem}

/* The one line that does the filtering. */
.wana-hide{display:none!important}