/**
 * YouTube References page table.
 *
 * Bootstrap's .table sets its own (dark) text color, which is unreadable on the
 * site's dark themes. Force the table to inherit the theme's text color instead,
 * and keep striping subtle so it works on both light and dark themes.
 */

.ytref-table,
.ytref-table th,
.ytref-table td {
    color: inherit;
}

/* Zebra striping via a translucent overlay so it reads on light AND dark themes
   (Bootstrap's default stripe is a near-white that vanishes on dark). */
.ytref-table.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(128, 128, 128, 0.12);
}

.ytref-table th {
    border-bottom: 2px solid rgba(128, 128, 128, 0.4);
}

.ytref-table td,
.ytref-table th {
    border-top: 1px solid rgba(128, 128, 128, 0.2);
    vertical-align: middle;
}

/* Links keep their normal themed link color; just ensure they're visible. */
.ytref-table a {
    text-decoration: underline;
}