/*
 * VHANDY BRAND LOGO — FINAL OVERRIDE v5
 * File: logo-final.css (loaded LAST — highest priority)
 * Logo: POIKY.png — 940×788px, transparent background
 * ======================================================
 */

/* ── 1. HEADER — taller to accommodate 100px logo ── */
header.header {
    padding: 8px 0 !important;
    min-height: 116px !important;
}
header.header .container {
    align-items: center !important;
    min-height: 100px !important;
}
header.header.scrolled {
    padding: 6px 0 !important;
    min-height: 90px !important;
}
header.header.scrolled .logo img {
    height: 78px !important;
}

/* ── 2. POPUP LOGO — Large & white ── */
.popup-brand img {
    height: 80px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}

/* ── 3. FOOTER LOGO — White ── */
.footer-logo img {
    height: 56px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}

/* ── 4. CHATBOT BUBBLE LOGO ── */
.vhchat-bubble .vhchat-bubble-open img,
.bubble-logo-img {
    height: 32px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: none !important;
}

/* ── 5. CHATBOT HEADER LOGO ── */
.vhchat-header-avatar img,
.header-avatar-img {
    height: 24px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: none !important;
}

/* ── 6. AUTH PAGES LOGO ── */
.auth-logo img {
    height: 90px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: none !important;
}

/* ── 7. ADMIN LOGIN LOGO ── */
.login-logo img {
    height: 90px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
    filter: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.login-logo {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* ── 8. ADMIN SIDEBAR LOGO ── */
.sidebar-logo img,
.sidebar-logo-img {
    height: 44px !important;
    width: auto !important;
    display: block !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}

/* ── 9. LOGO PILL — transparent, no border ── */
.logo-pill {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}