/*
 * RTP column for [compare ... show_rtp="<game-slug>"].
 *
 * 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 table.
 *
 * Colours are checked against the #202020 row background - lowest ratio here is 5.8: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 .bod-rtp-label {
    display: block;
    font-size: 11px;
    line-height: 1.3;
    color: #b9b9b9;
    text-transform: uppercase;
    letter-spacing: .4px;
    margin-bottom: 4px;
}

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

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

.tablepress .column-rtp .bod-rtp.bod-rtp-none {
    color: #9a9a9a;
    font-size: 13px;
    font-weight: 400;
}

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

@media only screen and (min-width: 820px) {
    .tablepress.has-rtp .column-2 { width: 57%; }
    .tablepress.has-rtp .column-3 { width: 25%; }
    /* 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 .bod-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. */
.tablepress .column-rtp .bod-rtp.bod-rtp-inferred {
    opacity: .82;
    border-bottom: 1px dotted currentColor;
    display: inline-block;
}

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