/* Sail brand: the <SailLogo> sizing rules. Linked by every web host from
   _content/Pentacom.Sail.Common.WebFramework.Blazor/css/sail-brand.css.

   No @font-face here on purpose: BBO and Online Ordering both already load Inter from Google Fonts
   and declare it as their UI family, so a subset face under the same name — linked after theirs and
   carrying no unicode-range — would win and drop every glyph it lacks to the fallback. Self-hosting
   the full face belongs to Docs/Projects/DesignTokens/plan.md, which owns that remote dependency. */

/* SailLogo renders the authored SVG inline, which carries its own intrinsic width/height. These
   rules are what let a call site drive it from one dimension and keep the aspect ratio. */
.sail-logo {
    display: inline-flex;
    align-items: center;
    line-height: 0;
}

.sail-logo > svg {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.sail-logo[data-fit="height"] > svg {
    height: 100%;
    width: auto;
}

.sail-logo[data-fit="width"] > svg {
    width: 100%;
    height: auto;
}

.sail-logo[data-fit="both"] > svg {
    width: 100%;
    height: 100%;
}