/* ESPAVEL Widget - website-brand logos only; original header, room cards, and layout untouched. */
.hb-logo .hb-brand-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: min(240px, 42vw);
    max-height: 54px;
    object-fit: contain;
    object-position: left center;
}
.hb-offcanvas .hb-logo .hb-brand-logo--mobile {
    max-width: 210px;
    max-height: 45px;
}
.hb-footer .hb-logo .hb-brand-logo--footer {
    max-width: min(280px, 100%);
    max-height: 62px;
}
@media (max-width: 575.98px) {
    .hb-header .hb-logo .hb-brand-logo--header {
        max-width: min(185px, 40vw);
        max-height: 44px;
    }
}
/* Keep the original home header's white-on-photo / dark-on-white behavior.
   These filters affect only header logos, not hotel photos, cards, or theme colours.
   A dedicated footer logo (Logo2) retains its original colours. */
.hb-header--overlay:not(.is-scrolled) .hb-brand-logo--header {
    filter: brightness(0) invert(1);
}
.hb-header--overlay.is-scrolled .hb-brand-logo--header,
.hb-header:not(.hb-header--overlay) .hb-brand-logo--header {
    filter: brightness(0);
}
/* When no dedicated light footer logo has been supplied (Logo2 = NULL),
   render the Logo1 fallback as white over the original dark footer. */
.hb-footer .hb-brand-logo--footer.hb-brand-logo--fallback {
    filter: brightness(0) invert(1);
}