/* SaleFisher overrides on top of the Consulo template. Kept deliberately small:
   the template's own CSS does the design; this only adds what the template has
   no concept of — our wordmark, the contact form's status line and honeypot,
   and a text ticker where the template expected brand logos. */

/* Wordmark: emblem + text, so no raster logo file is needed at any size. */
.sf-brand { display: inline-flex !important; align-items: center; gap: .55rem; text-decoration: none; }
.sf-logo-mark { width: 40px; height: 40px; border-radius: 50%; background: #fff; object-fit: cover; }
.sf-wordmark { font-family: var(--font-heading--family); font-weight: 700; font-size: 1.45rem; letter-spacing: -0.01em; line-height: 1; }
.sf-wordmark em { font-style: normal; color: #f59e0b; }
/* The floating header sits over the dark hero and turns solid navy on hover and
   scroll, so in the header the wordmark is always white. The mobile drawer is a
   white panel, so its copy of the logo is dark. Specific selectors on purpose:
   the template's own colour rules would otherwise win. */
.header-1 .header-grid > .sf-brand .sf-wordmark { color: #fff; }
.header-1 .drawer-menu .sf-brand .sf-wordmark { color: var(--color-foreground-heading); }
footer .sf-wordmark { color: #fff; }

/* Ticker items are text, not brand images. */
.sf-ticker-link { white-space: nowrap; }
.sf-ticker-link span { opacity: .8; }
.sf-ticker-link::after { content: "•"; margin: 0 1.6rem; opacity: .35; }

/* Blog cards repurposed as audience cards want a line of copy under the heading. */
.sf-card-text { margin-top: .6rem; }

/* Contact form: honeypot (invisible to people) and the status line. */
.sf-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.sf-form-note { min-height: 1.4em; margin: 0 0 .25rem; }
.sf-form-note.ok { color: #166534; }
.sf-form-note.err { color: #b91c1c; }

.sf-trademarks { opacity: .7; }