/* /reviews/betway/ only (mu-plugin betadvisor-page-review-betway.php). Prefix rvbw-. */
.rvbw-pc { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); margin: 0 0 1em; }
@media (min-width: 640px) { .rvbw-pc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rvbw-pc__col { padding: 12px 14px; border-radius: var(--radius); border: 1px solid var(--line); }
.rvbw-pc__col--pro { background: var(--green-soft); border-color: #bfdcc9; }
.rvbw-pc__col--con { background: var(--red-soft); border-color: var(--red-line); }
.rvbw-pc__h { margin: 0 0 6px; font-family: var(--font-head); font-weight: 800; color: var(--green); }
.rvbw-pc__col--con .rvbw-pc__h { color: #8a3f10; }
.rvbw-pc ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.rvbw-pc li { margin: 0; position: relative; padding-left: 22px; font-size: .92rem; line-height: 1.4; }
.rvbw-pc__col--pro li::before { content: "\2713"; position: absolute; left: 0; top: 0; font-weight: 800; color: var(--green-2); }
.rvbw-pc__col--con li::before { content: "!"; position: absolute; left: 4px; top: 0; font-weight: 800; color: #a4511b; }
.rvbw-acct { display: grid; gap: 8px; margin: 0 0 1.2em; }
.rvbw-acct p { margin: 0; padding: 10px 12px; border-radius: var(--radius-sm); background: #fbfaf6; border: 1px solid var(--line); font-size: .93rem; }

/* ----- Illustrations ----- */
.rvbw-fig { margin: 0 0 1.4em; padding: 16px; border-radius: var(--radius); background: linear-gradient(160deg, #0d3b2c 0, #145c43 100%); color: #e4efe9; box-shadow: var(--shadow); }
.rvbw-fig figcaption { margin-top: 10px; font-size: .76rem; color: #a9c6b7; }

/* Welcome offer slip */
.rvbw-slip { display: grid; gap: 14px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .rvbw-slip { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; } .rvbw-slip figcaption { grid-column: 1 / -1; } }
.rvbw-slip__phone { background: #fff; color: var(--ink); border-radius: 18px; padding: 12px; border: 6px solid #0a2a20; max-width: 320px; width: 100%; margin: 0 auto; }
.rvbw-slip__top { margin: 0 0 8px; display: flex; justify-content: space-between; font-weight: 800; color: var(--green); font-size: .9rem; }
.rvbw-slip__top span { font-size: .72rem; padding: 2px 8px; border-radius: 999px; background: var(--green-soft); }
.rvbw-slip__phone ul { list-style: none; margin: 0; padding: 0; }
.rvbw-slip__phone li { margin: 0; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px dashed var(--line); }
.rvbw-slip__pick b { display: block; font-size: .82rem; }
.rvbw-slip__pick small { font-size: .7rem; color: var(--ink-soft); }
.rvbw-slip__odd { font-weight: 800; font-size: .86rem; color: var(--green); white-space: nowrap; }
.rvbw-slip__odd i { font-style: normal; margin-left: 6px; color: var(--green-2); }
.rvbw-slip__tot { margin: 8px 0 0; display: flex; justify-content: space-between; font-weight: 800; font-size: .9rem; }
.rvbw-slip__tot b { color: var(--gold-ink); background: var(--gold); padding: 1px 8px; border-radius: 6px; }
.rvbw-slip__rules { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; counter-reset: rvbw; }
.rvbw-slip__rules li { margin: 0; position: relative; padding: 8px 10px 8px 40px; border-radius: 10px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .14); font-size: .84rem; counter-increment: rvbw; }
.rvbw-slip__rules li::before { content: counter(rvbw); position: absolute; left: 10px; top: 9px; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--lime); color: var(--green); font-weight: 800; font-size: .75rem; }
.rvbw-slip__rules b { display: block; color: #fff; }

/* Login flow */
.rvbw-flow__start, .rvbw-flow__end { margin: 0; text-align: center; font-weight: 800; padding: 8px 12px; border-radius: 999px; }
.rvbw-flow__start { background: var(--gold); color: var(--gold-ink); }
.rvbw-flow__end { background: var(--lime); color: var(--green); }
.rvbw-flow ol { list-style: none; margin: 0; padding: 10px 0; display: grid; gap: 10px; counter-reset: rvbwf; }
.rvbw-flow li { margin: 0; position: relative; padding: 10px 12px 10px 46px; border-radius: 12px; background: #fff; color: var(--ink); counter-increment: rvbwf; }
.rvbw-flow li::before { content: counter(rvbwf); position: absolute; left: 12px; top: 10px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--green); color: #fff; font-weight: 800; font-size: .78rem; }
.rvbw-flow li::after { content: ""; position: absolute; left: 50%; bottom: -10px; width: 2px; height: 10px; background: var(--lime); }
.rvbw-flow li b { display: block; font-size: .9rem; color: var(--green); }
.rvbw-flow li span { font-size: .84rem; color: var(--ink-soft); }

/* Payout road */
.rvbw-road ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(2, minmax(0, 1fr)); position: relative; }
@media (min-width: 640px) { .rvbw-road ol { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rvbw-road li { margin: 0; position: relative; padding: 12px 10px; border-radius: 12px; background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .16); text-align: center; }
.rvbw-road__n { display: inline-grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: var(--lime); color: var(--green); font-weight: 800; margin-bottom: 6px; }
.rvbw-road li b { display: block; color: #fff; font-size: .92rem; }
.rvbw-road li small { display: block; font-size: .76rem; color: #cfe2d8; margin-top: 2px; }
.rvbw-road li em { display: block; margin-top: 6px; font-style: normal; font-size: .66rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--lime); }