/* ============================================================
   Brand Logo — visibility on dark APC UI
   PNG has solid black + dark navy text; needs light panel backdrop.
   ============================================================ */

.brand-logo-panel,
.navbar-logo-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 14px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(212, 175, 55, 0.42) !important;
    background: linear-gradient(165deg, #faf6ee 0%, #ebe3d0 55%, #e5dcc8 100%) !important;
    box-shadow:
        0 2px 12px rgba(0, 0, 0, 0.32),
        inset 0 1px 0 rgba(255, 255, 255, 0.55) !important;
    line-height: 0 !important;
}

.brand-logo-panel--auth {
    padding: 10px 18px !important;
    border-radius: 12px !important;
    margin: 0 auto 16px !important;
}

.brand-logo-panel--lg {
    padding: 12px 22px !important;
    border-radius: 14px !important;
    margin: 0 auto 18px !important;
    max-width: min(100%, 320px);
}

/* Never blend — it hides navy "PROSPERITY" on dark backgrounds */
.brand-logo-panel img,
.navbar-brand img,
.navbar-brand .main-logo,
.auth-logo,
.brand-logo,
.terms-header img {
    display: block !important;
    mix-blend-mode: normal !important;
    filter: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    object-fit: contain !important;
    background: transparent !important;
}

.navbar-brand img,
.navbar-brand .main-logo {
    height: 40px !important;
    max-height: 40px !important;
    width: auto !important;
    max-width: 170px !important;
}

.auth-logo {
    width: 168px;
    max-width: 100%;
    height: auto;
}

.terms-header .brand-logo-panel img,
.terms-header img {
    width: 180px;
    max-width: 85%;
    height: auto;
    margin: 0 auto;
}

.navbar-brand img:hover,
.navbar-brand .main-logo:hover,
.auth-logo:hover {
    transform: scale(1.02);
    transition: transform 0.2s ease;
}

@media (max-width: 768px) {
    .navbar-logo-wrap,
    .brand-logo-panel {
        padding: 4px 10px !important;
    }

    .navbar-brand img,
    .navbar-brand .main-logo {
        height: 34px !important;
        max-height: 34px !important;
        max-width: 140px !important;
    }

    .auth-logo {
        width: 148px;
    }
}