/* Wana Collections — minimal, theme-agnostic layout. Pro/Cornerstone styles can override. */
/* The CORE theme's ADA module (pro-child/includes/ada-compliance.php) sets
   overflow-x:hidden !important on html, body and .x-root. Any ancestor with a
   hidden overflow becomes a scroll container, which silently disables
   position:sticky for everything inside it — so without this the controls below
   would never stick. overflow-x:clip keeps the horizontal-overflow guard that
   module exists for, but does not create a scroll container. Selectors are
   deliberately one notch more specific than the module's so order can't bite us.
   Scope: this stylesheet is only enqueued by the [wana_collections] shortcode,
   so the override lands on the Collections page and nowhere else. */
:root,html body,.x-root{overflow-x:clip!important}

/* Controls stay pinned below the site header while results scroll.
   --wana-sticky-offset is measured at runtime in collections.js (height of whatever
   fixed bars the theme has at the top of the viewport). The other two are yours to
   override from Cornerstone/theme CSS without touching the plugin. */
.wana-collections{--wana-sticky-offset:0px;--wana-sticky-gap:0px;--wana-controls-bg:rgba(255,255,255,.8)}
.wana-collections__controls{position:sticky;top:calc(var(--wana-sticky-offset) + var(--wana-sticky-gap));z-index:10;display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem;padding:.75rem 0}
/* Backdrop only while pinned — at rest the section's own background shows through
   untouched. 80% white over an 8px blur so the cards scrolling underneath read as
   depth rather than clutter. Override --wana-controls-bg to retint or go solid.
   The padding is unconditional so nothing shifts when it pins. */
.wana-collections__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)}
.wana-collections__search,.wana-collections__room{padding:.6rem .8rem;border:1px solid #ccc;border-radius:4px;font-size:1rem}
.wana-collections__search{flex:1 1 240px}
.wana-collections__status{margin:.25rem 0 1rem;color:#666;font-size:.9rem}
.wana-collections__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}
.wana-collections__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #eee;border-radius:6px;overflow:hidden;background:#fff;transition:box-shadow .15s,transform .15s}
.wana-collections__card:hover{box-shadow:0 6px 20px rgba(0,0,0,.1);transform:translateY(-2px)}
.wana-collections__media{aspect-ratio:1/1;background:#f5f5f5;display:flex;align-items:center;justify-content:center;overflow:hidden}
.wana-collections__img{width:100%;height:100%;object-fit:cover}
.wana-collections__body{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.35rem}
.wana-collections__title{font-weight:600;line-height:1.25}
.wana-collections__room-tag{font-size:.75rem;color:#777;text-transform:uppercase;letter-spacing:.03em}
.wana-collections__more{text-align:center;margin:1.5rem 0}
.wana-collections__more-btn{padding:.7rem 1.4rem;border:1px solid #333;background:#333;color:#fff;border-radius:4px;cursor:pointer;font-size:1rem}
.wana-collections__more-btn:hover{background:#000}