/* PROSHIP Custom Styles */

/* Brand Badge - Glass effect container for logo */
/* Applied to the anchor tag inside #logo to avoid logo duplication */
#logo a.brand-badge {
    background: rgba(42, 39, 73, 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(222, 222, 222, 0.18);
    border-radius: 14px;
    padding: 10px 14px;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

#logo a.brand-badge img {
    height: 44px;
    width: auto;
    /* Do not set display here - let template CSS control visibility */
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.25));
}

@media (max-width: 576px) {
    #logo a.brand-badge {
        padding: 8px 10px;
        border-radius: 12px;
    }
    #logo a.brand-badge img {
        height: 36px;
    }
}

/* Ensure logo images maintain proper sizing and effects */
/* IMPORTANT: Do not set display property here - template CSS controls visibility */
#logo .logo-main,
#logo .logo-scroll,
#logo .logo-mobile {
    height: 44px;
    width: auto;
    filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.25));
}

@media (max-width: 576px) {
    #logo .logo-main,
    #logo .logo-scroll,
    #logo .logo-mobile {
        height: 36px;
    }
}