.bba-logo-container {
    display: block;
}

.bba-logo {
    display: inline-block;
    text-decoration: none;
    outline: none;
}

.bba-logo-img {
    display: inline-block;
    line-height: 0;
}

.bba-logo-img img,
.bba-logo-img svg {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
}

/* Inline SVGs often ship width/height="100%" attributes; neutralize them so
   the Elementor responsive size controls are the single source of truth. */
.bba-logo-img svg[width="100%"],
.bba-logo-img svg[height="100%"] {
    width: auto;
    height: auto;
}

.bba-logo-fallback {
    display: inline-block;
}