/**
 * Logo MK-Store padrão: ícone e texto na mesma cor escura sólida (#1f2937),
 * igual em todas as páginas (home, login, cadastro, senha, painel e admin).
 * Uso: <a class="mk-logo"><i class="fas fa-store mk-logo-icone"></i><span class="mk-logo-texto">MK-Store</span></a>
 * Sobre fundo escuro, acrescente mk-logo--pilula (fundo branco) para manter a mesma cor legível.
 */
.mk-logo {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
}

.mk-logo .mk-logo-icone,
.mk-logo .mk-logo-texto {
    color: #1f2937;
    -webkit-text-fill-color: #1f2937;
}

/* Complemento opcional: "Painel", "Admin" */
.mk-logo .mk-logo-sufixo {
    font-size: 0.72em;
    font-weight: 600;
    color: #556070;
    -webkit-text-fill-color: #556070;
    letter-spacing: 0;
    padding-left: 0.15rem;
}

/* Fundo escuro (painel/admin): mesma logo dentro de uma pílula branca */
.mk-logo.mk-logo--pilula {
    background: #fff;
    padding: 0.45rem 0.9rem;
    border-radius: 12px;
    font-size: 1.1rem;
    box-shadow: 0 6px 18px -8px rgba(0, 0, 0, 0.45);
}