/* ==========================================================================
   MuExtreme — contraste (rodada 3)

   O CSS do brplay foi escrito para fundo escuro. Estas regras cobrem os pontos
   em que o texto claro ficou sobre superfície clara depois da re-tematização,
   e a barra escura da "arena de rankings" que destoava do tema claro.

   Carregado depois de app.css e parity-20-fechamento.css (ordem alfabética).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Arena de Rankings (bp-rk-deck / bp-rk-rail / bp-rk-pick)
   O rail era rgba(0,0,0,.38) — barra preta no meio de uma página clara.
   -------------------------------------------------------------------------- */
.bp-rk-rail {
    background: var(--surface-2);
    border-color: var(--line);
    box-shadow: var(--shadow-sm);
}
.bp-rk-rail__tab { color: var(--text-muted); }
.bp-rk-rail__tab.is-active { color: #42300a; }
.bp-rk-rail__tab:hover { color: var(--gold-700); }

/* Textos que eram branco translúcido sobre o antigo fundo escuro */
.bp-rk-deck__meta { color: var(--text-muted); }
.bp-rk-picks__label { color: var(--text-dim); }
.bp-rk-pick__idx { color: var(--text-dim); }
.bp-rk-pick__body small { color: var(--text-dim); }
.bp-rk-pick__go {
    color: var(--text-muted);
    background: var(--surface-2);
    border: 1px solid var(--line);
}
.bp-rk-pick:hover .bp-rk-pick__go {
    color: #42300a;
    background: linear-gradient(180deg, #f2c759, var(--gold-500));
    border-color: var(--gold-500);
}

/* Abas de categoria (a base era texto branco sem fundo) */
.bp-rk-cats__btn { color: var(--text-muted); }
.bp-rk-cats__btn:hover { color: var(--gold-700); }

/* --------------------------------------------------------------------------
   2. Chips de apostas (bp-bets) — texto branco sobre chip claro
   -------------------------------------------------------------------------- */
.bp-bets__chips span {
    color: var(--text-muted);
    background: var(--surface-2);
    border-color: var(--line);
}

/* --------------------------------------------------------------------------
   3. Véus escuros usados como SUPERFÍCIE (não como backdrop de modal)
   No tema claro eles viram manchas pretas; aqui viram superfície do tema.
   -------------------------------------------------------------------------- */
.bp-rk-pick__body,
.bp-rk-deck__brand,
.bp-rk-deck__top { color: var(--text); }

[class*="__panel"].is-dark,
.bp-rk-deck__glow { opacity: 0.35; }

/* --------------------------------------------------------------------------
   4. Selos/pílulas que ficaram sem contraste em superfície clara
   -------------------------------------------------------------------------- */
.bp-pill-new,
em.bp-pill-new,
.bp-pill-hot {
    color: #42300a;
    background: linear-gradient(180deg, #f3d27a, var(--gold-400));
}
.bp-hero__kicker,
.bp-ipage__cat { color: var(--gold-700); }