/* ─── Share row (.hzo-share-row) ───────────────────────────────────────
   Share links as 44px icon buttons — plain sharer/intent URLs only
   (Facebook sharer, X intent, LinkedIn, mailto): no SDKs, no trackers,
   zero network cost. Each link carries an aria-label; icons are inline
   SVGs riding currentColor. !important on colors fights per-client
   a:visited (same co-located pattern as a.hzo-tag). Markup:
   blocks/share-row.html.

   Widget knobs (set by [hzo_share_row], share-row.php): the
   --hzo-share-row-* custom properties and the alignment modifiers below.
   Every var() default is the pre-widget value, so markup without the
   knobs renders exactly as before. */
.hzo-share-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--hzo-share-row-gap, var(--space-sm));
}
/* Alignment modifiers ([hzo_share_row align="center|end"]; start = the unmodified default) */
.hzo-share-row--center { justify-content: center; }
.hzo-share-row--end    { justify-content: flex-end; }
a.hzo-share-row__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--hzo-share-row-size, 44px);
    height: var(--hzo-share-row-size, 44px);
    border: 1px solid var(--surface-border, var(--border));
    border-radius: var(--radius-full);
    background: var(--surface, transparent);
    color: var(--on-surface-muted, var(--text-muted)) !important;
    text-decoration: none;
    transition: background var(--transition-base), border-color var(--transition-base), color var(--transition-base);
}
a.hzo-share-row__btn:visited { color: var(--on-surface-muted, var(--text-muted)) !important; }
a.hzo-share-row__btn:hover,
a.hzo-share-row__btn:visited:hover {
    background: var(--brand-pale);
    border-color: var(--brand);
    color: var(--brand-text) !important;
}
a.hzo-share-row__btn:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 2px; }
.hzo-share-row__btn svg { width: var(--hzo-share-row-icon-size, 18px); height: var(--hzo-share-row-icon-size, 18px); display: block; }
@media (prefers-reduced-motion: reduce) {
    a.hzo-share-row__btn { transition: none; }
}