/* ============================================================================= stw2026 — Quick View trigger, desktop presentation The stw-quick-view plugin injects its trigger button client-side into the archive card's media element (.stw-qv-host) and toggles a .stw-qv-hover class on the element when the viewport is wide and supports hover. Its own desktop rule (stw-quick-view/assets/css/quick-view.css) draws the trigger as a square-cornered, full-bleed white bar flush to the bottom edge of the image. This file restyles that bar as a button inset from the image, with slightly rounded corners — still full width, but with an even margin. Why the selector is prefixed with `html`. The plugin's rule is `.stw-qv-hover .stw-qv-trigger` (specificity 0,2,0). The stw-qv-hover class is set on the element, so qualifying it with the html tag gives 0,2,1 — which wins regardless of which stylesheet the browser loaded first, rather than depending on enqueue order. Why the reveal changes. The plugin's `transform: translateY(100%)` hid the button only because it sat flush to the bottom edge and .stw-qv-host's own overflow:hidden clipped it out of sight. With a 10px gap below it there is nothing to hide it in, so at translateY(100%) it would sit visibly in that gap. Hence the small 6px rise instead, which stays inside the existing opacity fade. The plugin's own `opacity` and `transition` are inherited unchanged, so they are deliberately not redeclared here. The touch / narrow-viewport variant — the always-visible 38px round badge inset 10px at the top right, from the plugin's base .stw-qv-trigger rule — is deliberately untouched: it was already an inset rounded button. ========================================================================== */ html.stw-qv-hover .stw-qv-trigger { right: 10px; bottom: 10px; left: 10px; border-radius: var(--stw-radius-md, 8px); box-shadow: 0 2px 8px rgb(0 0 0 / 18%); transform: translateY(6px); } html.stw-qv-hover .stw-qv-host:hover .stw-qv-trigger, html.stw-qv-hover .stw-qv-trigger:focus-visible { transform: translateY(0); }