/* Componenta comună pentru wordmark-ul GradeWise (raport natural 148.65 × 36.28). */
.gw-brand-logo {
    --gw-logo-width: clamp(9rem, 42vw, 11.5rem);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    inline-size: min(100%, var(--gw-logo-width));
    max-inline-size: 100%;
    line-height: 0;
    vertical-align: middle;
}

a.gw-brand-logo {
    border-radius: 8px;
    text-decoration: none;
}

a.gw-brand-logo:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 4px;
}

.gw-brand-logo__image {
    display: block;
    inline-size: 100%;
    block-size: auto;
    max-inline-size: 100%;
    aspect-ratio: 148.65 / 36.28;
    object-fit: contain;
    object-position: left center;
    pointer-events: none;
    user-select: none;
}

/* Tema implicită are fundal întunecat și folosește wordmark-ul crem. */
.gw-brand-logo--theme .gw-brand-logo__image--on-dark {
    display: block;
}

.gw-brand-logo--theme .gw-brand-logo__image--on-light {
    display: none;
}

/* Tema poate fi declarată pe orice ancestor al componentei. */
[data-theme="light"] .gw-brand-logo--theme .gw-brand-logo__image--on-dark {
    display: none;
}

[data-theme="light"] .gw-brand-logo--theme .gw-brand-logo__image--on-light {
    display: block;
}

@media (forced-colors: active) {
    a.gw-brand-logo:focus-visible {
        outline-color: CanvasText;
    }
}