/**
 * Cross-browser fixes for uploaded app / church logos.
 */
.app-brand-logo {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left center;
}

/* Dark header/sidebar: lighten custom logos without breaking Firefox/Edge rendering */
.app-brand-logo[data-app-logo-dark="1"] {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

@supports (filter: contrast(1)) {
    .app-brand-logo[data-app-logo-dark="1"] {
        filter: brightness(0) invert(1) contrast(1.05);
        -webkit-filter: brightness(0) invert(1) contrast(1.05);
    }
}

/* Smarthr forces 130px width on dark-logo images — breaks aspect ratio in some browsers */
.header .header-left .logo .app-brand-logo,
.header .header-left .dark-logo .app-brand-logo,
.sidebar .sidebar-logo .app-brand-logo {
    width: auto !important;
    max-width: 160px;
}

.sidebar .sidebar-logo .logo-small .app-brand-logo {
    max-width: 44px;
}

/* Default church logo — larger and full colour in sidebar/header */
.sidebar .tenant-sidebar-logo--church-default {
    --tenant-sidebar-logo-height: 72px;
}

.sidebar .tenant-sidebar-logo--church-default .tenant-sidebar-logo__img--church-default {
    max-height: 68px;
    max-width: 100%;
    object-fit: contain;
}

.sidebar .tenant-sidebar-logo--church-default .tenant-sidebar-logo__img--small {
    max-height: 44px;
    max-width: 44px;
}

.landing-brand__logo,
.landing-auth-card__logo {
    width: auto !important;
    height: auto;
    object-fit: contain;
}

.landing-auth-card__logo {
    object-position: center center;
}