/* UAT-001F: simple, explicit branding rules.
   Verified transparent PNG assets replace the failing WebP path. */

/* Force every horizontal logo placement to the verified transparent PNG. */
.gavelum-logo-horizontal,
.gv7-logo-full,
.gavelum-footer-logo,
.gv7-footer-logo,
.uat-brand-logo {
    content: url("/static/marketplace/img/gavelum-logo-horizontal-transparent-20260906.png") !important;
    position: static !important;
    display: block !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
}

/* Force mobile marks to the verified transparent PNG. */
.gavelum-logo-mark,
.gv7-logo-mark {
    content: url("/static/marketplace/img/gavelum-logo-mark-transparent-20260906.png") !important;
}

/* Desktop/global header. */
.gavelum-navbar .navbar-brand {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 64px !important;
    margin-right: 2rem !important;
    padding: 0 !important;
    overflow: visible !important;
    flex: 0 0 auto !important;
}

.gavelum-navbar .gavelum-logo-horizontal {
    width: 190px !important;
    max-width: 190px !important;
    max-height: 50px !important;
}

.gavelum-navbar .gavelum-logo-mark {
    display: none !important;
}

/* Homepage desktop masthead. */
.gv7-logo {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: 64px !important;
    padding: 0 !important;
    overflow: visible !important;
}

.gv7-logo > .gv7-logo-full {
    width: 190px !important;
    max-width: 190px !important;
    max-height: 50px !important;
}

.gv7-logo > .gv7-logo-mark {
    display: none !important;
}

/* Footer. */
.gavelum-footer-brand-link,
.gv7-footer-brand-link {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    overflow: visible !important;
}

.gavelum-footer-logo,
.gv7-footer-logo {
    width: 180px !important;
    max-width: 180px !important;
    max-height: 48px !important;
}

/* Sign-in and registration. */
.uat-brand-logo {
    width: 220px !important;
    max-width: min(220px, 72vw) !important;
    max-height: 60px !important;
    margin: 0 0 1.5rem !important;
    object-position: left center !important;
}

/* Internal hamburger: explicit lines; no Bootstrap icon image/filter dependency. */
.gavelum-navbar .navbar-toggler {
    display: grid !important;
    align-content: space-between !important;
    width: 46px !important;
    height: 42px !important;
    padding: 10px 9px !important;
    border: 1px solid rgba(238, 233, 223, .28) !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter: none !important;
    box-shadow: none !important;
}

.gavelum-navbar .gavelum-menu-line {
    display: block !important;
    width: 100% !important;
    height: 1px !important;
    background: #eee9df !important;
}

@media (max-width: 560px) {
    .gavelum-navbar .navbar-brand {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        margin-right: 1rem !important;
        overflow: visible !important;
    }

    .gavelum-navbar .gavelum-logo-horizontal {
        display: none !important;
    }

    .gavelum-navbar .gavelum-logo-mark {
        position: static !important;
        display: block !important;
        width: 42px !important;
        height: auto !important;
        max-width: 42px !important;
        max-height: 40px !important;
        object-fit: contain !important;
        transform: none !important;
    }

    /* Homepage only: keep the same transparent horizontal logo visible on mobile. */
    .gv7-logo {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 160px !important;
        height: 46px !important;
        overflow: visible !important;
    }

    .gv7-logo > .gv7-logo-full {
        display: block !important;
        width: 160px !important;
        max-width: 160px !important;
        max-height: 42px !important;
    }

    .gv7-logo > .gv7-logo-mark {
        display: none !important;
    }

    .gavelum-footer-logo,
    .gv7-footer-logo {
        width: 170px !important;
        max-width: 170px !important;
        max-height: 46px !important;
    }

    .uat-brand-logo {
        width: 185px !important;
        max-width: min(185px, 70vw) !important;
        max-height: 52px !important;
        margin-bottom: 1.25rem !important;
    }
}