/* ==========================================================================
   Busi.bio brand logo
   --------------------------------------------------------------------------
   The wordmark is inline SVG (no <img>), so it can never break from a failed
   request or a stale browser cache and it scales perfectly at any size.

   The blue gradient is an SVG <linearGradient> referenced by the path fill.
   (background-clip:text does NOT apply to SVG <path> elements, so the fill
   is a real paint here and the wordmark can never render invisible.)
   ========================================================================== */

.busi-logo {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    height: var(--busi-logo-h, 40px);
    width: auto;
    line-height: 0;
    min-width: 0;
    max-width: 100%;
}

.busi-logo > svg {
    display: block;
    height: 100%;
    width: auto;
    max-width: 100%;
    overflow: visible;
}

/* Fallback colour used when the gradient cannot be resolved. */
.busi-logo__path {
    fill: #206bc4;
}

/* --- Navy variant, for dark surfaces ------------------------------------ */
.busi-logo--light .busi-logo__path {
    fill: #0f172a;
}

.busi-logo,
.busi-logo * {
    vertical-align: middle;
}

/* Very small screens: shrink the wordmark so it never crowds the nav. */
@media (max-width: 480px) {
    .busi-logo {
        height: min(var(--busi-logo-h, 40px), 30px);
    }
}