/* BetAdvisor.ng review template v2 (mu-plugin betadvisor-review-v2.php). Loaded on brand reviews only. */

/* ----- Head: intro + verdict card ----- */
.rv2-head { background: radial-gradient(70% 90% at 100% 0%, rgba(183, 227, 74, .18), transparent 60%), var(--green); color: #e4efe9; padding: 18px 0 26px; border-bottom: 0; }
.rv2-head .breadcrumbs, .rv2-head .breadcrumbs a { color: #a9c6b7; }
.rv2-head .eyebrow { color: var(--lime); }
.rv2-head .page-title { color: #fff; margin-top: .1em; }
.rv2-head .lead { color: #cfe2d8; font-size: 1rem; }
.rv2-head .meta-line { color: #a9c6b7; }
.rv2-head .meta-line a { color: #fff; }
.rv2-grid { display: grid; gap: 18px; grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 900px) { .rv2-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; align-items: center; } }
@media (max-width: 899px) { .rv2-head .lead { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } }

.rv2-hero { background: var(--card); color: var(--ink); border-radius: 18px; padding: 16px; box-shadow: 0 18px 40px rgba(0, 0, 0, .25); display: grid; gap: 12px; }
.rv2-hero__id { display: flex; align-items: center; gap: 14px; }
.rv2-hero__score { display: flex; flex-direction: column; gap: 2px; }
.rv2-score { font-family: var(--font-head); color: var(--green); line-height: 1; }
.rv2-score b { font-size: 2.2rem; font-weight: 800; }
.rv2-score small { font-size: 1rem; color: var(--ink-soft); font-weight: 700; }
.rv2-hero .rv-rate__pill { display: none; }
.rv2-method { font-size: .76rem; color: var(--green-2); }
.rv2-badges { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.rv2-b { margin: 0; padding: 3px 10px; border-radius: 999px; font-size: .78rem; font-weight: 700; background: #f1efe8; color: var(--ink); }
.rv2-b--lic { background: var(--green-soft); color: var(--green); }
.rv2-b--lic span { font-weight: 600; color: var(--green-2); font-family: var(--mono); font-size: .72rem; }
.rv2-b--warn { background: var(--red-soft); color: #a4511b; border: 1px solid var(--red-line); }
.rv2-offer { border-radius: 12px; padding: 12px; background: linear-gradient(135deg, #fff7e0, #fffdf6); border: 1px dashed #f2c35a; }
.rv2-offer__k { margin: 0; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #a16207; }
.rv2-offer__t { margin: 2px 0 6px; font-weight: 800; font-size: 1rem; line-height: 1.35; color: var(--ink); }
.rv2-code { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: .8rem; color: var(--ink-soft); }
.rv2-code b { font-family: var(--mono); font-size: .95rem; letter-spacing: .06em; color: var(--green); background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 3px 8px; }
.rv2-copy { cursor: pointer; border: 1px solid var(--green-2); background: var(--green-2); color: #fff; border-radius: 6px; padding: 3px 10px; font: inherit; font-size: .78rem; font-weight: 700; }
.rv2-offer__tc { margin: 0; font-size: .72rem; color: var(--ink-soft); }
.rv2-cta .rv-btn { width: 100%; justify-content: center; text-align: center; margin: 0; }

/* ----- Sticky section nav ----- */
.rv2-nav { display: none; position: sticky; top: 63px; z-index: 40; background: rgba(255, 255, 255, .96); backdrop-filter: blur(6px); border-bottom: 1px solid var(--line); box-shadow: 0 4px 12px rgba(13, 59, 44, .06); }
.rv2-nav.is-ready { display: block; }
.rv2-nav ul { list-style: none; margin: 0; padding: 8px 0; display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }
.rv2-nav ul::-webkit-scrollbar { display: none; }
.rv2-nav li { margin: 0; flex: none; }
.rv2-nav a { display: block; padding: 6px 12px; border-radius: 999px; font-size: .84rem; font-weight: 700; color: var(--ink-soft); text-decoration: none; white-space: nowrap; border: 1px solid transparent; }
.rv2-nav a:hover { color: var(--green); border-color: var(--line); }
.rv2-nav a.is-on { background: var(--green); color: #fff; }
.tpl-review--v2 .entry-content h2 { scroll-margin-top: 130px; }

/* ----- Score drivers ----- */
.rv2-drivers { margin: 0 0 24px; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius); background: #fbfaf6; }
.rv2-drivers__h { margin: 0 0 12px; font-family: var(--font-head); font-weight: 800; font-size: 1.1rem; color: var(--green); }
.rv2-drivers ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rv2-drivers ul { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rv2-d { margin: 0; display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px; border-radius: 10px; background: #fff; border: 1px solid var(--line); }
.rv2-d__w { position: relative; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--dc) calc(var(--w) * 1%), #ece9df 0); }
.rv2-d__w::before { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #fff; }
.rv2-d__w b { position: relative; font-size: .78rem; color: var(--ink); }
.rv2-d__t { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.rv2-d__t b { font-size: .9rem; }
.rv2-d__t small { font-size: .76rem; color: var(--ink-soft); overflow-wrap: anywhere; }
.rv2-d__s { font-size: .72rem; font-weight: 800; padding: 3px 8px; border-radius: 999px; white-space: nowrap; }
.rv2-d--good { --dc: #16a34a; } .rv2-d--good .rv2-d__s { background: #dcfce7; color: #166534; }
.rv2-d--ok { --dc: #d97706; } .rv2-d--ok .rv2-d__s { background: #fef3c7; color: #92400e; }
.rv2-d--weak { --dc: #dc2626; } .rv2-d--weak .rv2-d__s { background: #fee2e2; color: #991b1b; }
.rv2-d--na { --dc: #9ca3af; } .rv2-d--na .rv2-d__s { background: #f3f4f6; color: #4b5563; }
.rv2-drivers__note { margin: 10px 0 0; font-size: .76rem; color: var(--ink-soft); }
.rv2-pay { margin: 14px 0 0; padding-top: 12px; border-top: 1px dashed var(--line); }
.rv2-pay__h { margin: 0 0 8px; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-soft); }
.rv2-pay ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.rv2-pay li { margin: 0; display: flex; align-items: center; height: 34px; padding: 0 10px; border-radius: 8px; background: #fff; border: 1px solid var(--line); font-size: .78rem; font-weight: 700; }
.rv2-pay__logo img { display: block; height: 20px; width: auto; max-width: 80px; }

/* ----- Alternatives ----- */
.rv2-alts { margin: 28px 0; padding: 16px; border-radius: var(--radius); background: var(--green-soft); }
.rv2-alts__h { margin: 0 0 10px; font-family: var(--font-head); font-weight: 800; color: var(--green); }
.rv2-alts ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rv2-alts ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.rv2-alts li { margin: 0; }
.rv2-alts a { display: flex; align-items: center; gap: 10px; padding: 8px; border-radius: 10px; background: #fff; border: 1px solid var(--line); text-decoration: none; color: var(--ink); }
.rv2-alts a:hover { border-color: var(--green-2); }
.rv2-alts a span { display: flex; flex-direction: column; min-width: 0; }
.rv2-alts small { font-size: .74rem; color: var(--ink-soft); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rv2-single { max-width: var(--wrap); }
.rv2-single > .entry { max-width: 880px; margin: 0 auto; }
.rv2-pay__logo { gap: 6px; }
.rv2-pay__logo span { color: #5b21b6; font-weight: 800; }
/* breadcrumbs readable on the dark head; intro aligned to the top of the card */
.rv2-head .crumbs ol { color: #cfe2d8; font-size: .86rem; margin-bottom: 14px; }
.rv2-head .crumbs a { color: #e4efe9; text-decoration: underline; text-decoration-color: rgba(183, 227, 74, .5); text-underline-offset: 3px; }
.rv2-head .crumbs a:hover { color: var(--lime); text-decoration-color: var(--lime); }
.rv2-head .crumbs li + li::before { color: var(--lime); }
.rv2-head .crumbs li:last-child { color: #fff; font-weight: 700; }
@media (min-width: 900px) { .rv2-grid { align-items: start; } .rv2-intro { padding-top: 24px; } }