/*
 * Service links on a sale listing
 * (resources/views/property/listings/partials/service-links.blade.php).
 * Linked from the head through @push('styles'). These rules must not go back
 * into a <style> block in the partial: it renders inside the shop Vue root,
 * which drops <style> tags when it mounts.
 */
.hzsl { margin: 16px 0 0; padding: 16px; border: 1px solid var(--hzp-line, #e4e4e7); border-radius: 12px; background: #fff; }
.hzsl__title { margin: 0; font-size: 15px; font-weight: 700; color: var(--hzp-ink, #12141a); }
.hzsl__text { margin: 4px 0 0; font-size: 13px; color: var(--hzp-muted, #52525b); }
.hzsl__links { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.hzsl__links a { display: inline-flex; align-items: center; min-height: 36px; padding-inline: 12px; border: 1px solid var(--hzp-line, #e4e4e7); border-radius: 999px; font-size: 13px; color: var(--hzp-ink, #12141a); text-decoration: none; }
.hzsl__links a.hzsl__button { border-radius: 8px; font-weight: 700; background: var(--hzp-accent, #c2410c); color: #fff; border-color: transparent; }
.hzsl__links a:hover, .hzsl__links a:focus-visible { border-color: var(--hzp-accent, #c2410c); color: var(--hzp-accent, #c2410c); }
.hzsl__links a.hzsl__button:hover, .hzsl__links a.hzsl__button:focus-visible { background: var(--hzp-accent, #c2410c); color: #fff; }