/**
 * SEE2RU brand assets — logos & favicon contexts
 */

.tp-brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
}

.tp-brand-img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Sidebar */
.tp-sidebar__brand .tp-brand-mark--sidebar-icon {
    width: 36px;
    height: 36px;
}

.tp-brand-img--icon {
    width: 36px;
    height: 36px;
}

.tp-sidebar__logo.tp-brand-mark,
.tp-sidebar__logo:empty {
    background: transparent;
    box-shadow: none;
}

/* Sidebar wordmark — burgundy brand text (replaces logo image) */
.tp-sidebar__brand .tp-brand-wordmark-text {
    display: block;
    font-family: var(--font-display);
    font-size: var(--text-h4);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.2;
    background: linear-gradient(135deg, var(--brand-gourmet-red) 0%, var(--brand-burgundy) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: var(--brand-gourmet-red);
    -webkit-text-fill-color: transparent;
}

@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    .tp-sidebar__brand .tp-brand-wordmark-text {
        color: var(--brand-gourmet-red);
        -webkit-text-fill-color: currentColor;
    }
}

/* Auth & error heroes */
.tp-brand-mark--hero-full {
    width: 100%;
    max-width: 320px;
    margin-bottom: var(--space-4);
}

.tp-brand-img--hero-full {
    width: 100%;
    max-width: 320px;
    height: auto;
}

.tp-brand-mark--hero-compact {
    max-width: 200px;
}

.tp-brand-img--hero-compact {
    height: 48px;
    width: auto;
    max-width: 200px;
}

.auth-hero__brand:not(.auth-hero__brand--classic),
.error-hero__brand {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
}

.auth-hero__brand .tp-brand-mark,
.error-hero__brand .tp-brand-mark {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
}

.auth-hero__brand:not(.auth-hero__brand--classic) .auth-hero__title,
.error-hero__brand .error-hero__title {
    margin: 0;
}

.auth-hero__logo,
.auth-card__mark,
.error-hero__logo,
.error-card__mark,
.setup-brand-mark {
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0;
    width: auto;
    height: auto;
}

.tp-brand-mark--card {
    width: 48px;
    height: 48px;
}

.tp-brand-img--card {
    width: 48px;
    height: 48px;
}

/* Setup wizard */
.tp-brand-mark--setup {
    max-width: 240px;
    margin: 0 auto var(--space-4);
}

.tp-brand-img--setup {
    width: 100%;
    max-width: 240px;
    height: auto;
}

body.setup-body .setup-header .tp-brand-mark--setup {
    display: flex;
    justify-content: center;
}

/* Printed receipts */
.receipt-head .tp-brand-mark--receipt {
    margin: 0 auto var(--space-3);
}

.tp-brand-img--receipt {
    height: 40px;
    width: auto;
    max-width: 200px;
    margin: 0 auto;
}

.receipt-head h1.tp-brand-receipt-title {
    margin: 0;
    font-size: var(--text-h4);
    text-align: center;
}

/* Collapsed / visually hidden text when wordmark image is shown */
.tp-brand-sr-name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}