/**
 * Mietwagen-Ecke Branding
 * Replaces phpBB's standard site logo without modifying the installed style.
 */

/*
 * The uploaded logo is 250 x 55 px.  The width scales down on smaller
 * viewports while preserving its original aspect ratio.
 */
#site-description .site_logo,
.site-description .site_logo {
    display: inline-block;
    width: clamp(150px, 30vw, 250px);
    height: auto;
    aspect-ratio: 250 / 55;
    max-width: 100%;
    background-image: url("./images/logo-mietwagen-ecke.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    vertical-align: middle;
}

/* Fallback for older browsers without aspect-ratio support. */
@supports not (aspect-ratio: 250 / 55) {
    #site-description .site_logo,
    .site-description .site_logo {
        width: 250px;
        height: 55px;
    }

    @media (max-width: 600px) {
        #site-description .site_logo,
        .site-description .site_logo {
            width: 180px;
            height: 40px;
        }
    }
}

/* Keep the clickable logo area from overflowing its header column. */
#site-description > a.logo,
.site-description > a.logo {
    max-width: 100%;
}