/* ============================================================================
   ux-fixes.css — Correções de UX / Design (Bom Vendedor)
   Carregado por ÚLTIMO (depois de todos os CSS, inclusive os de página).
   Objetivo: corrigir bugs pontuais SEM editar os arquivos-fonte grandes.
   Tudo aqui é cirúrgico e 100% reversível (basta remover este arquivo).
   Data: 24/06/2026
   ============================================================================ */

/* ===========================================================================
   FIX 1 — Texto sumindo no HOVER dos botões verdes ("Ver ofertas")
   --------------------------------------------------------------------------
   CAUSA-RAIZ: brand.css define um hover GLOBAL para links:
       a:hover { color: var(--bv-emerald); }
   Como esses botões são <a> com texto branco, ao passar o mouse o texto
   assume a cor emerald — a MESMA do fundo do botão — e some (verde no verde).
   Os botões laranja/primário já se protegem reafirmando a cor no :hover;
   estes dois de categoria não tinham essa proteção.
   CORREÇÃO: reafirmar o texto branco no :hover.
   (Especificidade .classe:hover = (0,2,0) vence a:hover = (0,1,1).)
   =========================================================================== */
.bv-category-v2-card__btn:hover,
.bv-categories-v2-card__cta:hover {
    color: #ffffff;
}

/* ===========================================================================
   FIX 2 — Botão .bv-btn--outline aparecia como TEXTO solto
   --------------------------------------------------------------------------
   CAUSA: a classe .bv-btn--outline nunca foi definida no CSS, então o botão
   caía só no estilo-base .bv-btn (sem fundo e sem cor) — ex.: o "Ver ofertas"
   ao lado do CTA laranja no hero da home virava texto sem corpo de botão.
   CORREÇÃO: definir um botão SECUNDÁRIO com contraste correto — contorno
   verde que se preenche no hover mantendo o texto branco.
   =========================================================================== */
.bv-btn--outline {
    background: #ffffff;
    color: var(--bv-emerald);
    border: 2px solid var(--bv-emerald);
    box-shadow: none;
}
.bv-btn--outline:hover {
    background: var(--bv-emerald);
    color: #ffffff;
    border-color: var(--bv-emerald);
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(15, 166, 122, .25);
}
.bv-btn--outline:active {
    transform: translateY(0);
}

/* ===========================================================================
   FIX 3 — Header MOBILE sem opção de LOGIN (só aparecia "Cadastrar")
   --------------------------------------------------------------------------
   CAUSA: hfstyle.css, no @media (max-width: 768px), escondia tanto o
   "Favoritos" quanto o "Entrar" (.bv-action-link--ghost), deixando só o
   "Cadastrar". Um visitante que já tem conta ficava sem ponto de login.
   CORREÇÃO: reexibir o "Entrar" como ÍCONE (o rótulo já fica oculto no
   mobile), ao lado do "Cadastrar" — login e cadastro lado a lado.
   (Carregado depois do hfstyle.css, mesma especificidade => esta regra vence.)
   =========================================================================== */
@media (max-width: 768px) {
    .bv-action-link--ghost {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 0 8px;
        min-height: 40px;
        color: var(--bv-emerald);
    }
    .bv-action-link--ghost .bv-action-link__label {
        display: none;
    }
    .bv-action-link--ghost svg {
        width: 24px;
        height: 24px;
    }
}