/* ================================================================
   TradeTech Sandbox and Innovation Hub - official logo lockup
   Rendered by Views/Shared/_BrandLogo.cshtml
   ================================================================ */
.tt-logo {
    display: block;
    height: 56px;
    width: auto;
    max-width: 100%;
    flex-shrink: 0;
    overflow: visible;
}

.tt-logo--sm {
    height: 48px;
}

.tt-logo--lg {
    height: 66px;
}

/* Beat the legacy per-container svg sizing rules. */
.lg-brand .tt-logo,
.tt1-brand .tt-logo,
.ap-brand .tt-logo,
.su-brand .tt-logo,
.tt-sidebar-logo-link .tt-logo {
    width: auto;
}

@media (max-width: 640px) {
    .tt-logo {
        height: 48px;
    }

    .tt-logo--sm {
        height: 44px;
    }
}

/* ----------------------------------------------------------------
   Ministry of Investment and Foreign Trade official seal (footer only)
   ---------------------------------------------------------------- */
.tt1-footer-seal {
    display: block;
    height: 72px;
    width: auto;
    margin-top: 0.25rem;
    /* .tt1-footer-brand is a column flex container, so a width:auto image gets
       stretched to the column width and the round seal turns into an ellipse.
       align-self stops the stretch; object-fit keeps it round regardless. */
    align-self: flex-start;
    object-fit: contain;
}

@media (max-width: 640px) {
    .tt1-footer-seal {
        height: 60px;
    }
}