/*
|--------------------------------------------------------------------------
| Royal Servicess LLC
| Shared Uploaded Brand Assets V3
|--------------------------------------------------------------------------
|
| Uploaded logos are displayed directly without a second visual
| container. Public, homepage and authenticated headers use the
| same basic dimensions and treatment.
|
*/

.site-brand-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
    object-position: center;
}

.public-brand__mark.has-brand-image,
.home-brand__mark.has-brand-image,
.app-shell-brand__mark.has-brand-image {
    width: 52px !important;
    height: 52px !important;

    min-width: 52px !important;
    max-width: 52px !important;

    flex:
        0
        0
        52px !important;

    overflow: visible !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    padding: 0 !important;
}

.public-brand__mark.has-brand-image::before,
.public-brand__mark.has-brand-image::after,
.home-brand__mark.has-brand-image::before,
.home-brand__mark.has-brand-image::after,
.app-shell-brand__mark.has-brand-image::before,
.app-shell-brand__mark.has-brand-image::after {
    display: none !important;

    content: none !important;
}

.public-brand__mark.has-brand-image .site-brand-image,
.home-brand__mark.has-brand-image .site-brand-image,
.app-shell-brand__mark.has-brand-image .site-brand-image {
    width: 52px !important;
    height: 52px !important;

    max-width: 52px !important;
    max-height: 52px !important;

    margin: 0;

    border: 0;

    border-radius: 0;

    background: transparent;

    box-shadow: none;

    padding: 0;

    object-fit: contain;
    object-position: center;
}

.app-shell-brand {
    gap: 12px;
}

@media (max-width: 720px) {
    .public-brand__mark.has-brand-image,
    .home-brand__mark.has-brand-image,
    .app-shell-brand__mark.has-brand-image {
        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        max-width: 44px !important;

        flex-basis: 44px !important;
    }

    .public-brand__mark.has-brand-image .site-brand-image,
    .home-brand__mark.has-brand-image .site-brand-image,
    .app-shell-brand__mark.has-brand-image .site-brand-image {
        width: 44px !important;
        height: 44px !important;

        max-width: 44px !important;
        max-height: 44px !important;
    }
}