/* Single-fixture odds card ([gal_fixture_odds]) — STRUCTURE only.
 *
 * Theme SCSS skins .fixtureOdds* (colours, borders, pill look). This file only
 * carries the layout invariants the card needs to function without the theme:
 * pane show/hide, the flex row, and the --is-empty toggle (an author display
 * value beats the UA [hidden] rule, so hiding is class-driven with !important). */

.fixtureOddsWidget { display: block; }

.fixtureOdds .--is-empty,
.fixtureOddsWidget .--is-empty { display: none !important; }

/* nav pills (skinned by the theme) */
.fixtureOdds__tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.fixtureOdds__tab { cursor: pointer; border: 0; background: transparent; }
.fixtureOdds__tab[disabled] { cursor: default; }

/* only the active pane shows; others stay in the DOM (stable layout) */
.fixtureOdds__pane { display: none; }
.fixtureOdds__pane.--active { display: block; }

/* one bookmaker row: logo + equal cells + CTA on a line */
.fixtureOdds__row { display: flex; align-items: center; gap: 12px; }
.fixtureOdds__row.--is-empty { display: none !important; }

.fixtureOdds__logo {
    flex: 0 0 61px;
    width: 61px;
    height: 36px;
    display: flex;
    overflow: hidden;
}
/* the WIDE brand logo (like the sidebar widget) contained in the tile — never
 * cropped/distorted the way a square logo was in this landscape tile */
.fixtureOdds__logoImg { width: 100%; height: 100%; object-fit: contain; }

.fixtureOdds__cells { flex: 1 1 auto; display: flex; gap: 8px; min-width: 0; }

/* cells share the remaining width equally (2 → halves, 3 → thirds) */
.fixtureOdds__cell {
    flex: 1 1 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.fixtureOdds__cta { flex: 0 0 auto; white-space: nowrap; text-decoration: none; }