/**
 * Motor de reservas público — branding (logo, header).
 * Fonte da verdade em DISCO: deploy rsync atualiza sem depender de -u QWeb.
 * Injetado via controller (/hotel/book/portal-brand.css + link no <head>).
 */
.bk-app img.bk-logo,
.bk-app .bk-logo {
    display: block !important;
    height: 80px !important;
    width: auto !important;
    max-width: 420px !important;
    object-fit: contain !important;
    object-position: left center !important;
    background: transparent !important;
}

@media (min-width: 640px) {
    .bk-app img.bk-logo,
    .bk-app .bk-logo {
        height: 96px !important;
        max-width: 500px !important;
    }
}

@media (min-width: 768px) {
    .bk-app img.bk-logo,
    .bk-app .bk-logo {
        height: 112px !important;
        max-width: 580px !important;
    }
}

.bk-app footer img.bk-logo,
.bk-app footer .bk-logo {
    height: 88px !important;
    margin-bottom: 0.75rem !important;
}

.bk-app header .bk-header-logo-wrap,
.bk-app header .flex.items-center.min-h-\[80px\],
.bk-app header .flex.items-center.min-h-\[44px\] {
    min-height: 80px !important;
}

/* FAB WhatsApp — círculo verde (estilo whatsapp-float) */
.bk-wa-fab,
.whatsapp-float {
    position: fixed !important;
    right: max(1.25rem, env(safe-area-inset-right, 0px)) !important;
    bottom: max(1.25rem, env(safe-area-inset-bottom, 0px)) !important;
    left: auto !important;
    top: auto !important;
    z-index: 2147483000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #25d366 !important;
    color: #fff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.55), 0 2px 6px rgba(15, 23, 42, 0.18) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
    -webkit-tap-highlight-color: transparent;
}
.bk-wa-fab:hover,
.whatsapp-float:hover {
    background: #20bd5a !important;
    color: #fff !important;
    transform: scale(1.06);
    box-shadow: 0 8px 22px rgba(37, 211, 102, 0.6), 0 3px 8px rgba(15, 23, 42, 0.2) !important;
}
.bk-wa-fab:focus-visible,
.whatsapp-float:focus-visible {
    outline: 3px solid rgba(37, 211, 102, 0.5);
    outline-offset: 3px;
}
.bk-wa-fab:active,
.whatsapp-float:active {
    transform: scale(0.95);
}
.bk-wa-fab svg,
.whatsapp-float svg {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    display: block !important;
    flex: none !important;
    pointer-events: none;
}
.bk-wa-fab__label {
    display: none !important;
}