/**
 * Estilos específicos para proximas_partidas.php
 * Garante exibição correta igual à tela de Jogos populares
 */

/* Garantir fundo escuro e texto claro */
body {
  background: #000 !important;
  color: #fff !important;
}

/* Conteúdo principal */
.layout-content-holder-bc {
  background: #18201d !important;
  min-height: 100vh;
  padding-bottom: 80px;
  color: #fff;
}

/* Container de partidas */
#partidas-container,
.c-segment-holder-bc.markets {
  background: #18201d;
  color: #fff;
}

/* Cards de partida */
.c-info-content-bc,
.c-row-bc.bordered {
  background: #1a1f1c;
  color: #fff;
}

.c-info-time-bc,
.c-team-info-team-bc,
.bet-builder-text {
  color: #fff !important;
}

.c-info-markets-count-bc {
  color: rgba(255, 255, 255, 0.8);
}

/* Ocultar ícones (favorito, stats, Criar Aposta) na área c-info-more */
.c-info-more-bc {
  display: none !important;
}

.c-team-info-scores-x {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Odds - amarelo/verde como na imagem */
.sgm-market-g-i-cell-bc,
.sgm-market-g-i-cell-bc .market-odd-bc,
.market-bc .market-odd-bc {
  color: #16C72E !important;
}

.sgm-market-g-i-cell-bc.market-bc {
  background: #1a1f1c !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: #16C72E !important;
}

.sgm-market-g-i-cell-bc.market-bc:hover {
  background: rgba(22, 199, 46, 0.15) !important;
  border-color: #16C72E;
}

/* Links herdando cor */
a.c-row-bc,
a.sgm-market-g-i-cell-bc,
a[href].c-row-bc {
  color: inherit !important;
  text-decoration: none !important;
}

a.c-row-bc:hover,
a.sgm-market-g-i-cell-bc:hover {
  color: inherit !important;
}

/* Loading e empty */
#partidas-loading,
#partidas-empty {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Select de tempo */
#timeFilterSelect,
.time-filters-content,
.form-control-select-bc {
  background: #1a1f1c !important;
  border-color: #2d3834 !important;
  color: #fff !important;
}

/* Horizontal sport list */
.horizontal-sl-item-bc {
  color: #fff;
}

.horizontal-sl-item-bc.active {
  background: #16C72E;
  color: #000;
}

.horizontal-sl-item-bc .horizontal-title-new {
  color: inherit;
}

.horizontal-sl-item-bc.active .horizontal-title-new {
  color: #000;
}

/* Cotações em linha reta - proximas_partidas */
.proximas-odds-row {
  display: flex !important;
  align-items: stretch;
  gap: 8px;
  flex-wrap: nowrap;
}
.proximas-odd-cell {
  flex: 1;
  min-width: 0;
  display: flex;
  text-decoration: none;
  color: inherit;
}
.proximas-odd-betslip {
  cursor: pointer;
}
.proximas-odd-betslip.selected .proximas-odd-box {
  background: rgba(22, 199, 46, 0.35) !important;
  border: 1px solid #16C72E !important;
  color: #fff !important;
}
.proximas-odd-betslip:not(.selected) .proximas-odd-box {
  background: #1a1f1c !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  color: #16C72E !important;
}
.proximas-odd-box {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
  background: #1a1f1c;
  border-radius: 6px;
  color: #16C72E;
  font-weight: 700;
  font-size: 14px;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
@media (hover: hover) {
  .proximas-odd-box:hover {
    background: rgba(22, 199, 46, 0.15);
  }
}

/* Mobile - garantir que o conteúdo seja exibido */
@media (max-width: 768px) {
  .layout-content-holder-bc {
    display: block !important;
    visibility: visible !important;
    min-height: 100vh;
  }

  .special-games-container,
  .popular-matches-bc,
  #partidas-container,
  #partidas-list {
    display: block !important;
    visibility: visible !important;
  }

  #partidas-empty {
    display: block !important;
  }
}