/**
 * Radical Webs ADCC Tables
 *
 * Styles for tournament result tables and superfight cards.
 * Designed to work without any Bootstrap dependency.
 */

/* -----------------------------------------------------------
   Wrapper - horizontal scroll when viewport narrower than
   the table's min-width
   ----------------------------------------------------------- */
.rw-adcc-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0 0 1.5em;
}

/* -----------------------------------------------------------
   Table base
   Fixed layout + colgroup widths = consistent columns across
   every table on the page.
   ----------------------------------------------------------- */
.rw-adcc-table {
    min-width: 768px;

    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0;
    background-color: #fff;
}

.rw-adcc-table th,
.rw-adcc-table td {
    border: 1px solid #000;
    padding: 0.6em 0.5em;
    text-align: center;
    vertical-align: middle;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Column widths (shared across weight-class and superfight tables
   so they align visually when stacked on the page). */
.rw-adcc-col-weight {
    width: 25%;
}

.rw-adcc-col-medal {
    width: 13%;
}

.rw-adcc-col-place {
    width: 10%;
}

.rw-adcc-col-name {
    width: 52%;
}

/* -----------------------------------------------------------
   Header row
   ----------------------------------------------------------- */
.rw-adcc-table thead th {
    background-color: #ddd;
    font-weight: bold;
}

/* -----------------------------------------------------------
   Medal cells
   ----------------------------------------------------------- */
.rw-adcc-medal-gold {
    background-color: #ffcc00;
    font-weight: bold;
}

.rw-adcc-medal-silver {
    background-color: #cccccc;
    font-weight: bold;
}

.rw-adcc-medal-bronze {
    background-color: #cc6600;
    color: #fff;
    font-weight: bold;
}

/* -----------------------------------------------------------
   Weight class cell (left-most, spans all four result rows)
   ----------------------------------------------------------- */
.rw-adcc-weight {
    font-weight: bold;
    line-height: 1.2;
}

.rw-adcc-weight--single {
    font-size: 2em;
}

.rw-adcc-weight--double {
    font-size: 1.4em;
}

.rw-adcc-weight--double span {
    display: block;
}

/* -----------------------------------------------------------
   Name cell (flag + name, left-aligned)
   ----------------------------------------------------------- */
.rw-adcc-name-cell {
    text-align: left;
}

.rw-adcc-name-row {
    display: flex;
    align-items: center;
}

.rw-adcc-flag {
    width: 30px;
    height: 21px;
    margin-right: 12px;
    flex: 0 0 auto;
    display: block;
}

.rw-adcc-name {
    font-weight: bold;
}

.rw-adcc-name--winner {
    font-size: 1.15em;
}

/* -----------------------------------------------------------
   Bracket image row (colspan=4, full table width)
   ----------------------------------------------------------- */
.rw-adcc-bracket-cell {
    background-color: #ddd;
    padding: 0.75em;
}

.rw-adcc-bracket-cell img {
    max-width: 100%;
    height: auto;
    display: inline-block;
}

/* -----------------------------------------------------------
   Superfight variant
   ----------------------------------------------------------- */
.rw-adcc-superfight-title {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.2;
}