/* Wanbooks logo (icons/wanbooks-logo*.svg). Height sets the size.
   .wb-logo       on light backgrounds
   .wb-logo-dark  on dark backgrounds (sidebar, sign-in side panel)
   .wb-logo-auto  follows the page's light/dark theme */
.wb-logo {
    display: inline-block;
    height: 1em;
    aspect-ratio: 411.2 / 47.2;
    max-width: 100%;
    background: url(/icons/wanbooks-logo.svg) left center / contain no-repeat;
    vertical-align: -0.12em;
}
.wb-logo-dark { background-image: url(/icons/wanbooks-logo-dark.svg); }
:root[data-theme="dark"] .wb-logo-auto { background-image: url(/icons/wanbooks-logo-dark.svg); }
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .wb-logo-auto { background-image: url(/icons/wanbooks-logo-dark.svg); }
}

.nav-brand-name .wb-logo,
.admin-brand h2 .wb-logo { height: 18px; vertical-align: middle; }
.mhome-brand-name .wb-logo { height: 20px; vertical-align: middle; }
.auth-brand-name .wb-logo { height: 32px; vertical-align: middle; }
.splash-title .wb-logo { height: 32px; vertical-align: middle; }
.login-title .wb-logo { height: 24px; vertical-align: -0.1em; }
.reset-brand .wb-logo { height: 22px; }