/* Bookmaker Portal — core review UI. Theme-safe: inherits text color, uses accent var. */
:root{
  --bkp-accent:#1e9e5a; --bkp-accent-2:#0f7a43;
  --bkp-star:#f5a623; --bkp-line:rgba(128,128,128,.28);
  --bkp-good:#1e9e5a; --bkp-bad:#d1495b;
  --bkp-card:rgba(128,128,128,.06);
}
@media (prefers-color-scheme:dark){ :root{ --bkp-card:rgba(255,255,255,.05); --bkp-line:rgba(255,255,255,.14);} }

.bkp-rating{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.bkp-stars{font-size:1.25rem;line-height:1;letter-spacing:1px}
.bkp-star.on{color:var(--bkp-star)} .bkp-star.off{color:var(--bkp-line)}
.bkp-star.half{background:linear-gradient(90deg,var(--bkp-star) 50%,var(--bkp-line) 50%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bkp-score{font-weight:800;font-size:1.3rem} .bkp-score small{font-weight:500;opacity:.6;font-size:.7em}

.bkp-scorebars{display:flex;flex-direction:column;gap:.55rem;margin:1rem 0}
.bkp-bar{display:grid;grid-template-columns:minmax(0,10rem) 1fr auto;align-items:center;gap:.6rem}
.bkp-bar-l{font-size:.85rem;min-width:0}
.bkp-bar-t{height:.5rem;border-radius:999px;background:var(--bkp-line);overflow:hidden}
.bkp-bar-t>span{display:block;height:100%;background:var(--bkp-accent);border-radius:999px}
.bkp-bar-v{font-variant-numeric:tabular-nums;font-weight:700;font-size:.85rem}

.bkp-quickfacts{width:100%;border-collapse:collapse;margin:1rem 0}
.bkp-quickfacts th,.bkp-quickfacts td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--bkp-line);font-size:.92rem}
.bkp-quickfacts th{width:40%;font-weight:600;opacity:.8}

.bkp-proscons{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}
@media(max-width:560px){.bkp-proscons{grid-template-columns:1fr}}
.bkp-proscons h4{margin:0 0 .4rem} .bkp-proscons ul{margin:0;padding-left:1.1rem}
.bkp-pros li{color:var(--bkp-good)} .bkp-cons li{color:var(--bkp-bad)}
.bkp-pros li span,.bkp-cons li span{color:inherit}

.bkp-cta{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;margin:.3rem 0}
.bkp-cta-bonus{font-weight:700;font-size:.95rem;color:inherit}
.bkp-cta-btn{display:inline-block;background:var(--bkp-accent);color:#fff;font-weight:800;
  padding:.7rem 1.6rem;border-radius:.6rem;transition:background .15s}
.bkp-cta:hover .bkp-cta-btn{background:var(--bkp-accent-2)}
.bkp-cta-note{display:block;font-size:.72rem;opacity:.65;margin-top:.15rem}

/* Ranking table (bk-rankings.php) */
.bkp-rank-wrap{overflow-x:auto;margin:1.25rem 0}
.bkp-rank{width:100%;border-collapse:collapse;min-width:640px}
.bkp-rank th,.bkp-rank td{padding:.7rem .6rem;border-bottom:1px solid var(--bkp-line);vertical-align:middle}
.bkp-rank thead th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7;text-align:left}
.bkp-rank .bkp-rk{font-weight:800;font-size:1.1rem;opacity:.5;width:2.2rem}
.bkp-rank .bkp-logo img{max-height:34px;width:auto;max-width:120px}
.bkp-rank .bkp-name{font-weight:700}
.bkp-rank tbody tr:nth-child(odd){background:var(--bkp-card)}
.bkp-rank .bkp-cta{margin:0}
.bkp-restricted{margin:1rem 0;padding:.6rem .8rem;border-left:3px solid var(--bkp-bad);background:var(--bkp-card);font-weight:600;border-radius:.3rem}