/**
 * Instant-win ticket grid on mini-game competition detail pages.
 * Loaded after game theme CSS so available = green, taken = red (same as standard comps).
 */
.competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available {
  background: rgba(40, 167, 69, 0.1) !important;
  border-color: rgba(40, 167, 69, 0.5) !important;
  opacity: 1 !important;
}

.competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken {
  background: rgba(220, 53, 69, 0.1) !important;
  border-color: rgba(220, 53, 69, 0.5) !important;
  opacity: 1 !important;
}

.competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available .prize-ticket-card-content,
.competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken .prize-ticket-card-content {
  color: var(--text-color) !important;
}

.competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available .prize-ticket-card-footer {
  background: rgba(40, 167, 69, 0.9) !important;
  color: #fff !important;
  text-transform: uppercase;
}

.competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken .prize-ticket-card-footer,
.competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken .prize-ticket-card-footer--winner {
  background: rgba(220, 53, 69, 0.9) !important;
  color: #fff !important;
  text-transform: uppercase;
}

:root.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available,
.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available,
html.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available {
  background: rgba(40, 167, 69, 0.05) !important;
  border-color: rgba(40, 167, 69, 0.3) !important;
}

:root.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken,
.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken,
html.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken {
  background: rgba(220, 53, 69, 0.05) !important;
  border-color: rgba(220, 53, 69, 0.3) !important;
}

:root.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available .prize-ticket-card-content,
:root.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken .prize-ticket-card-content,
.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available .prize-ticket-card-content,
.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken .prize-ticket-card-content,
html.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.available .prize-ticket-card-content,
html.light-theme .competition-detail-container[class*="competition-detail--game-"] .prize-ticket-card.taken .prize-ticket-card-content {
  color: #333 !important;
}