/* ============================================================
   AprovAKI — Hotfix UI/UX v5 (2026-07-19)
   Arquivo ADITIVO. Carregue DEPOIS de aki_uiux_v4.css.
   Escopo:
   1. Chip "moeda + 15 pts" do userchip menor e mais discreto
      (referência Brainly). Remove hover que muda tom.
   2. Linha "Bronze · Aprendiz" sem hover forte, com tooltip
      igual aos ícones informativos flutuantes.
   3. "Próximo: X · Y" usa a cor da PRÓXIMA patente
      (--aki-pnext injetado por header.php v11).
   4. Ranking Top 50: botão Denunciar menor, alinhado à direita
      e verticalmente centrado — não invade nome/estatística.
   5. Correção fina do pódio Top 3.
   ============================================================ */

/* -----------------------------------------------------------
   1. Chip de AKIcoins dentro do userchip — menor, sem hover.
   Antes: pill lilás forte que mudava de cor ao passar o mouse.
   Agora: fundo transparente/muito claro, tipografia menor,
   ícone compacto (14 px), sem hover de cor.
   ----------------------------------------------------------- */
.aki-userchip__head-coins {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin-top: 2px !important;
    font-size: .78rem !important;
    line-height: 1.2 !important;
    gap: 4px !important;
    cursor: default;
}
.aki-userchip__head-coins:hover,
.aki-userchip__head-coins:focus,
.aki-userchip__head-coins:focus-visible {
    background: transparent !important;
    border-color: transparent !important;
    color: #2D2464 !important;
    filter: none !important;
    transform: none !important;
    outline: none !important;
}
.aki-userchip__head-coins strong {
    font-weight: 900 !important;
    font-size: .82rem !important;
    color: #2D2464 !important;
}
.aki-userchip__head-coins span:last-child {
    font-weight: 700 !important;
    color: #7c7691 !important;
    font-size: .74rem !important;
}
/* Ícone da moeda no userchip: pequenininho estilo Brainly. */
.aki-userchip__coin--mini,
.aki-userchip .aki-userchip__coin--mini {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    background: transparent !important;
    color: inherit !important;
}
.aki-userchip__coin--mini img,
.aki-userchip .aki-userchip__coin--mini img {
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

/* -----------------------------------------------------------
   2. Linha "Bronze · Aprendiz" no cartão do userchip.
   Sem hover que muda cor/tom. Se o mouse passar por cima ou
   for clicado, aparece um tooltip explicativo (balão), no
   mesmo padrão do data-aki-tooltip já usado em outros ícones.
   O tooltip real é injetado por header.php via data-aki-tooltip;
   aqui só travamos o comportamento visual.
   ----------------------------------------------------------- */
.aki-userchip__head-patente,
.aki-userchip__head-patente.aki-patente-cor {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    cursor: help;
    transition: none !important;
}
.aki-userchip__head-patente:hover,
.aki-userchip__head-patente:focus,
.aki-userchip__head-patente:focus-visible,
.aki-userchip__head-patente:active {
    background: transparent !important;
    color: var(--aki-p, #b7791f) !important;
    filter: none !important;
    text-decoration: none !important;
    transform: none !important;
    outline: none !important;
}

/* -----------------------------------------------------------
   3. "Próximo: <Nível> · <Classe>" ganha a cor do PRÓXIMO
   nível, não da patente atual. Antes ficava tudo dourado
   (cor da patente atual). Agora Prata fica cinza-prata, Ouro
   dourado, Esmeralda verde, etc.

   A variável --aki-pnext é injetada pelo header.php v11.
   Se por algum motivo não vier, cai para --aki-p (atual).
   ----------------------------------------------------------- */
.aki-userchip__next-top strong.aki-userchip__next-name,
.aki-userchip__next-top .aki-userchip__next-classe {
    color: var(--aki-pnext, var(--aki-p, #b7791f)) !important;
}
/* A barra de progresso também acompanha a cor da próxima patente,
   dando pista visual do "para onde estou indo". */
.aki-userchip__next-bar i {
    background: var(--aki-pnext, var(--aki-p, #b7791f)) !important;
}

/* -----------------------------------------------------------
   4. Ranking Top 50 — botão Denunciar menor e melhor
   posicionado. Antes ficava grande no canto direito, criando
   competição visual com o "1 acerto" central.
   ----------------------------------------------------------- */
.ranking-row {
    position: relative;
}
.ranking-row .aki-denunciar-btn {
    width: 22px !important;
    height: 22px !important;
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%);
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #a29dbf !important;
    box-shadow: none !important;
    opacity: .55;
    transition: color .15s ease, background .15s ease, opacity .15s ease, border-color .15s ease;
}
.ranking-row .aki-denunciar-btn i {
    font-size: 12px !important;
}
.ranking-row:hover .aki-denunciar-btn {
    opacity: 1;
}
.ranking-row .aki-denunciar-btn:hover,
.ranking-row .aki-denunciar-btn:focus-visible {
    background: #fdecec !important;
    border-color: #f5c1c1 !important;
    color: #b42323 !important;
    opacity: 1;
    transform: translateY(-50%) scale(1.05);
    outline: none;
}
/* Mobile: garante que o botão não se sobreponha ao texto. */
@media (max-width: 640px) {
    .ranking-row {
        padding-right: 34px !important;
    }
    .ranking-row .aki-denunciar-btn {
        right: 8px !important;
    }
}

/* -----------------------------------------------------------
   5. Pódio Top 3 — botão de denúncia proporcional e sem
   embaralhar com a bandeirinha da medalha (#1 dourada).
   ----------------------------------------------------------- */
.podium-card .aki-denunciar-btn {
    width: 24px !important;
    height: 24px !important;
    top: 8px !important;
    right: 8px !important;
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid #ece7fa !important;
    color: #7c7691 !important;
}
.podium-card .aki-denunciar-btn i {
    font-size: 13px !important;
}
.podium-1 .aki-denunciar-btn {
    top: 12px !important;
    right: 12px !important;
}

/* -----------------------------------------------------------
   6. Trava geral do tooltip do glossário para caber bem em
   telas estreitas — evita o balão ficar fora da tela ao clicar
   na linha "Bronze · Aprendiz".
   ----------------------------------------------------------- */
[data-aki-tooltip]::after,
[data-aki-glossario]::after {
    max-width: 260px;
}