/*
 * RTP column for [compare ... show_rtp="starburst"], plus the figure in the review block.
 *
 * A real file rather than an inline <style> because WP Rocket runs with remove_unused_css=1 and
 * empties inline style blocks in the content; as a stylesheet the rules survive, since every
 * selector below appears in the rendered page.
 *
 * Colours are checked against the rgb(30,9,41) row background - lowest ratio here is 6.1:1.
 * Under 800px the theme turns the table into stacked blocks, which is why each cell is labelled.
 */

.tablepress .column-rtp {
    text-align: center;
    vertical-align: middle;
    padding: 8px 6px;
}

.tablepress .column-rtp .sb-rtp-label {
    display: block;
    font-size: 11px;
    line-height: 1.3;
    color: #bcb3c4;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 4px;
}

.tablepress .column-rtp .sb-rtp {
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    cursor: help;
}

.sb-rtp.rtp-good { color: #7ee081; }
.sb-rtp.rtp-mid  { color: #f0c04a; }
.sb-rtp.rtp-low  { color: #ff8a7a; }

.tablepress .column-rtp .sb-rtp.sb-rtp-none {
    color: #a99fb1;
    font-size: 13px;
    font-weight: 400;
}

.tablepress .column-rtp .sb-rtp-checked {
    display: block;
    font-size: 11px;
    color: #a99fb1;
    margin-top: 3px;
}

@media only screen and (min-width: 820px) {
    /* min-width, not width: in auto table-layout a td width is only a hint and the other
       columns squeeze this one down to ~66px, which wraps the label onto three lines. */
    .tablepress.has-rtp .column-rtp { min-width: 132px; }
}

@media only screen and (max-width: 800px) {
    .tablepress .column-rtp { text-align: center !important; padding: 10px 6px 14px; }
    .tablepress .column-rtp .sb-rtp { font-size: 22px; }
}

/* Platform-level figure: inferred from other operators on the same platform, not read from this
   casino. Dimmed slightly and dotted-underlined so it reads as weaker evidence than a direct one. */
.sb-rtp.sb-rtp-inferred {
    opacity: .82;
    border-bottom: 1px dotted currentColor;
    display: inline-block;
}

.tablepress .column-rtp .sb-rtp-platform {
    font-style: italic;
}

/* The same figure inside the review page's "Playing Starburst at ..." block. */
.sb-hub-rtp {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px;
    margin: 0 0 14px;
    padding: 12px 14px;
    border-left: 3px solid rgba(232, 81, 29, .8);
    border-radius: 6px;
    background: rgba(255, 255, 255, .06);
}

.sb-hub-rtp .sb-rtp { font-size: 26px; font-weight: 700; line-height: 1; }
.sb-hub-rtp .sb-hub-rtp-text { flex: 1 1 240px; font-size: 14px; line-height: 1.5; }
.sb-hub-rtp .sb-rtp-checked { display: block; font-size: 12px; color: #a99fb1; margin-top: 4px; }