/* BetAdvisor.ng /reviews/livescorebet/ visuals (loaded on that page only). Prefix rlsb-. LiveScore Bet accent: orange. */

/* ----- Product map ----- */
.rlsb-map { margin: 0 0 1.4em; padding: 14px; border-radius: var(--radius); background: #1a1410; color: #f6eadf; }
.rlsb-map__t { margin: 0 0 10px; font-family: var(--font-head); font-weight: 800; color: #fff; }
.rlsb-map ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 760px) { .rlsb-map ul { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.rlsb-map li { margin: 0; min-width: 0; }
.rlsb-map a { height: 100%; display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; gap: 2px 10px; padding: 10px; border-radius: 10px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); color: #f6eadf; text-decoration: none; transition: border-color .15s, background .15s; }
.rlsb-map a:hover, .rlsb-map a:focus-visible { border-color: #ff6a1a; background: rgba(255, 106, 26, .12); color: #fff; }
.rlsb-ico { grid-row: 1 / span 2; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #ff6a1a; color: #1a1410; font-weight: 800; font-size: .78rem; letter-spacing: .02em; }
.rlsb-map__n { font-weight: 800; font-size: .92rem; line-height: 1.2; }
.rlsb-map__d { font-size: .76rem; line-height: 1.3; color: #cdbcae; }
.rlsb-note { margin: 10px 0 0; font-size: .74rem; color: #a8968a; }

/* ----- Scores app vs betting account ----- */
.rlsb-acc { margin: 0 0 1.4em; }
.rlsb-acc__grid { display: grid; gap: 10px; grid-template-columns: minmax(0, 1fr); align-items: stretch; }
@media (min-width: 760px) { .rlsb-acc__grid { grid-template-columns: minmax(0, 1fr) 150px minmax(0, 1fr); } }
.rlsb-acc__c { padding: 14px 16px; border-radius: var(--radius); border: 1px solid var(--line); background: #fff; }
.rlsb-acc__c--scores { border-top: 5px solid #8a9aa3; }
.rlsb-acc__c--bet { border-top: 5px solid #ff6a1a; }
.rlsb-acc__k { display: inline-block; padding: 2px 9px; border-radius: 999px; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; background: #f1efe8; color: var(--ink-soft); }
.rlsb-acc__c--bet .rlsb-acc__k { background: #ffe6d6; color: #8a3300; }
.rlsb-acc__h { margin: 6px 0 6px; font-family: var(--font-head); font-weight: 800; font-size: 1.15rem; color: var(--green); }
.rlsb-acc ul { margin: 0; padding-left: 1.1em; font-size: .92rem; }
.rlsb-acc li { margin: .2em 0; }
.rlsb-acc__mid { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 8px; text-align: center; border-radius: var(--radius); background: #1a1410; color: #f6eadf; }
.rlsb-acc__mid span { font-size: .72rem; color: #cdbcae; }
.rlsb-acc__mid b { font-family: var(--font-head); color: #ff8a47; font-size: 1rem; }
.rlsb-acc__mid i { font-style: normal; font-size: .74rem; color: #cdbcae; }
.rlsb-acc figcaption, .rlsb-1up figcaption { margin-top: 8px; font-size: .78rem; color: var(--ink-soft); }

/* ----- 1UP timeline (SVG) ----- */
.rlsb-1up { margin: 0 0 1.4em; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; }
.rlsb-1up svg { display: block; width: 100%; height: auto; }
.rlsb-1up text { font-family: var(--font); }
.rlsb-1up .tl { stroke: #c9c3b6; stroke-width: 4; stroke-linecap: round; }
.rlsb-1up .tk { stroke: #8f887b; stroke-width: 2; }
.rlsb-1up .ax { font-size: 13px; fill: var(--ink-soft); }
.rlsb-1up .lb { font-size: 13px; font-weight: 700; fill: var(--ink); }
.rlsb-1up .gh { fill: var(--green-2); }
.rlsb-1up .ga { fill: #b3261e; }
.rlsb-1up .gt { font-size: 11px; font-weight: 800; fill: #fff; }
.rlsb-1up .row { fill: #fbfaf6; stroke: var(--line); }
.rlsb-1up .rt { font-size: 15px; font-weight: 800; fill: var(--green); }
.rlsb-1up .lose { fill: #f6d4d1; }
.rlsb-1up .win { fill: #d8f0c0; }
.rlsb-1up .bt { font-size: 12px; font-weight: 800; fill: #1a1410; }
.rlsb-1up .paid { fill: none; stroke: var(--green-2); stroke-width: 2; stroke-dasharray: 5 4; }
@media (max-width: 560px) { .rlsb-1up .ax, .rlsb-1up .lb { font-size: 17px; } .rlsb-1up .rt { font-size: 17px; } .rlsb-1up .bt { font-size: 13px; } .rlsb-1up__scroll { overflow-x: auto; } .rlsb-1up__scroll svg { min-width: 520px; } }