/* src/static/components/css/brand-logo.css */

.qorezo-brand-lockup {
    display: inline-flex;
    align-items: center;
    --qorezo-brand-gap: 7px;
    /* Base optical reduction */
    gap: var(--qorezo-brand-gap);
    color: inherit;
    /* Inherits text color of the wrapper */
}

.qorezo-brand-lockup__icon {
    object-fit: contain;
    display: block;
    height: 32px;
    width: auto;
}

.qorezo-brand-lockup__wordmark-container {
    display: flex;
    align-items: flex-start;
}

.qorezo-brand-lockup__wordmark {
    height: 22px;
    width: auto;
    fill: currentColor;
}

.qorezo-brand-lockup__tm {
    height: 4px;
    width: auto;
    margin-left: -1px;
    margin-top: 5px;
    fill: currentColor;
}

/* Medium size modifier (Footer) */
.qorezo-brand-lockup--md {
    --qorezo-brand-gap: 7px;
}

.qorezo-brand-lockup--md .qorezo-brand-lockup__icon {
    height: 36px;
}

.qorezo-brand-lockup--md .qorezo-brand-lockup__wordmark {
    height: 24px;
}

/* Large size modifier (Header) */
.qorezo-brand-lockup--lg {
    --qorezo-brand-gap: 11px;
    /* 12px -> 11px optical reduction */
}

.qorezo-brand-lockup--lg .qorezo-brand-lockup__icon {
    height: 40px;
}

.qorezo-brand-lockup--lg .qorezo-brand-lockup__wordmark {
    height: 26px;
}

/* Responsive scaling for mobile devices */
@media (max-width: 1024px) {

    /* Scale Large down to Medium */
    .qorezo-brand-lockup--lg {
        --qorezo-brand-gap: 7px;
    }

    .qorezo-brand-lockup--lg .qorezo-brand-lockup__icon {
        height: 36px;
    }

    .qorezo-brand-lockup--lg .qorezo-brand-lockup__wordmark {
        height: 24px;
    }

    /* Scale Medium down to Base */
    .qorezo-brand-lockup--md {
        --qorezo-brand-gap: 7px;
    }

    .qorezo-brand-lockup--md .qorezo-brand-lockup__icon {
        height: 32px;
    }

    .qorezo-brand-lockup--md .qorezo-brand-lockup__wordmark {
        height: 22px;
    }
}