/* ─── Sticky CTA widget (mobile bottom action bar) ─────────────────────
   Aggregator sheet — the component loader enqueues ONLY <name>.css, so the
   two carved-out sheets are @imported here to ride the same request (this
   is their only load path in component mode; the legacy whole-file
   primitives.css fallback imports them directly and never loads alongside
   this file):
     sticky-bar.css          .hzo-sticky-bar — fixed bottom bar + reveal slide
     sticky-bar-product.css  .hzo-sticky-bar--product — product-page modifier
   Behavior: sticky-cta.js. Shortcode: sticky-cta.php [hzo_sticky_cta].
   @imports must precede all rules — keep them first. */
@import './sticky-bar.css?ver=1787769613';
@import './sticky-bar-product.css?ver=1787769613';

/* Dismiss control — OPT-IN (emitted only by [hzo_sticky_cta dismiss="true"]
   or authored by hand); attribute-free legacy markup never renders it, so
   the default path is untouched. flex 0 0 auto opts the button out of the
   bar's equal-stretch children rule; 44px square keeps the WCAG 2.5.8
   target size (same floor as back-to-top). */
.hzo-sticky-bar__close {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: var(--radius-input);
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
}
.hzo-sticky-bar__close:hover { color: var(--text-heading); }
.hzo-sticky-bar__close svg { width: 18px; height: 18px; }

/* Reduced-motion: kill every transition this component animates (belt &
   braces on top of sticky-bar.css's own block — per the convention, the
   aggregator ends with a transition-kill). */
@media (prefers-reduced-motion: reduce) {
    .hzo-sticky-bar { transition: none; }
}