/* GULBERAA logo presentation layer.
 * Keeps the supplied transparent luxury logo proportional and stable
 * across Astra desktop/mobile headers without changing site content.
 */

body.gulberaa-premium-storefront .site-header .custom-logo-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 230px;
    line-height: 0;
}

body.gulberaa-premium-storefront .site-header .custom-logo,
body.gulberaa-premium-storefront .site-header .site-logo-img {
    display: block;
    width: auto;
    max-width: 230px;
    max-height: 82px;
    height: auto;
    object-fit: contain;
    object-position: center;
}

body.gulberaa-premium-storefront .site-header .custom-logo-link img {
    background: transparent;
}

/* Prevent Astra/mobile containers from stretching the transparent logo. */
body.gulberaa-premium-storefront .ast-mobile-header-wrap .custom-logo-link,
body.gulberaa-premium-storefront .ast-mobile-header-wrap .custom-logo {
    max-width: 185px;
    max-height: 58px;
}

@media (max-width: 921px) {
    body.gulberaa-premium-storefront .site-header .custom-logo-link {
        max-width: 195px;
    }

    body.gulberaa-premium-storefront .site-header .custom-logo,
    body.gulberaa-premium-storefront .site-header .site-logo-img {
        max-width: 195px;
        max-height: 64px;
    }
}

@media (max-width: 480px) {
    body.gulberaa-premium-storefront .site-header .custom-logo-link {
        max-width: 165px;
    }

    body.gulberaa-premium-storefront .site-header .custom-logo,
    body.gulberaa-premium-storefront .site-header .site-logo-img {
        max-width: 165px;
        max-height: 54px;
    }
}