/* Marca própria no menu: o tamanho escolhido controla o símbolo, não a faixa inteira. */
html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.has-logo {
    box-sizing: border-box !important;
    min-height: 72px !important;
    height: 72px !important;
    padding: 10px 14px !important;
    background-repeat: no-repeat !important;
    background-size: var(--logo-size, 44px) var(--logo-size, 44px) !important;
    background-position: 14px center !important;
}

html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.has-logo.show-text {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-left: calc(26px + var(--logo-size, 44px)) !important;
}

html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.has-logo .dp-default-logo,
html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.has-logo .brand-icon {
    display: none !important;
}

html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.has-logo.show-text .brand-text,
html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.text-only-mode .brand-text {
    display: block !important;
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    padding: 0 !important;
    opacity: 1 !important;
}

/* O tema estica a caixa do nome até a altura da faixa; centralize o texto junto ao símbolo. */
html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.has-logo.show-text .brand-text {
    align-self: center !important;
}

html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand .brand-text h1 {
    color: var(--text-primary) !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.text-only-mode .dp-default-logo,
html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.text-only-mode .brand-icon {
    display: none !important;
}

html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.text-only-mode {
    background-image: none !important;
}

html:root body .sidebar.sidebar .sidebar-brand.sidebar-brand.text-only-mode .brand-text {
    color: var(--text-primary);
}

/* Quando não há logo personalizada, usar a marca Quick também no tema claro. */
html[data-theme="light"] .sidebar .sidebar-brand:not(.has-logo) .dp-default-logo img {
    content: url("../login/quick-commerce-logo.png?v=quick-20261022-1") !important;
}

@media (min-width: 1025px) {
    html:root body .sidebar.sidebar.collapsed:not(:hover) .sidebar-brand.sidebar-brand.has-logo {
        padding: 10px 0 !important;
        justify-content: center !important;
        background-size: var(--logo-size, 44px) var(--logo-size, 44px) !important;
        background-position: center center !important;
    }

    html:root body .sidebar.sidebar.collapsed:not(:hover) .sidebar-brand.sidebar-brand.has-logo .brand-text {
        display: none !important;
    }

    html:root body .sidebar.sidebar.collapsed:hover .sidebar-brand.sidebar-brand.has-logo {
        background-position: 14px center !important;
    }

    html:root body .sidebar.sidebar.collapsed:hover .sidebar-brand.sidebar-brand.has-logo .dp-default-logo,
    html:root body .sidebar.sidebar.collapsed:hover .sidebar-brand.sidebar-brand.has-logo .brand-icon {
        display: none !important;
    }

    html:root body .sidebar.sidebar.collapsed:not(:hover) .sidebar-brand.sidebar-brand:not(.has-logo) .dp-default-logo img {
        content: url("../brand/quick-commerce-favicon.png?v=quick-20261022-1") !important;
    }
}