/* ─── Logo / brand strip ──────────────────────────────────────────────
   Centered, wrapping row of partner/brand logos. Muted + monochrome at rest,
   full color on hover (honors prefers-reduced-motion).

   Widget geometry vars (set by [hzo_logo_strip]; defaults = the frozen look):
     --hzo-logo-strip-gap  gap between logos   (default var(--space-xl))
     --hzo-logo-strip-h    logo height         (default 36px)              */
.hzo-logo-strip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--hzo-logo-strip-gap, var(--space-xl));
}
.hzo-logo-strip img {
    height: var(--hzo-logo-strip-h, 36px);
    width: auto;
    opacity: 0.6;
    filter: grayscale(1);
    transition: opacity var(--transition-base), filter var(--transition-base);
}
.hzo-logo-strip a:hover img,
.hzo-logo-strip img:hover { opacity: 1; filter: grayscale(0); }

/* Opt-in modifiers (emitted by the [hzo_logo_strip] widget) */
.hzo-logo-strip--start { justify-content: flex-start; }
.hzo-logo-strip--end   { justify-content: flex-end; }
.hzo-logo-strip--color img { opacity: 1; filter: none; }

@media (prefers-reduced-motion: reduce) {
    .hzo-logo-strip img { transition: none; }
}