/* Darkify overrides for game-review-block and game-table
   These rules aim to fix contrast issues when .darkify_dark_mode_enabled is present.
   We use the plugin CSS variables so colors follow the configured dark theme.
*/

.darkify_dark_mode_enabled .wp-block-game-review-box .text {
  background-color: var(--darkify_dark_mode_secondary_bg) !important;
  color: var(--darkify_dark_mode_text_color) !important;
}

/* Shortscore uses sprites/background images — ensure text and small elements remain readable */
.darkify_dark_mode_enabled .wp-block-game-review-box .shortscore,
.darkify_dark_mode_enabled .wp-block-game-review-box .shortscore * {
  color: var(--darkify_dark_mode_text_color) !important;
}

/* Force good contrast for score numbers */
.darkify_dark_mode_enabled .wp-block-game-review-box .shortscore .score {
  color: var(--darkify_dark_mode_btn_text_color) !important;
  text-shadow: 0 1px 0 rgba(0,0,0,0.35) !important;
}

/* Game table header / hover states */
.darkify_dark_mode_enabled #game-table th,
.darkify_dark_mode_enabled #game-table th:hover,
.darkify_dark_mode_enabled #game-table th.th-sort-asc,
.darkify_dark_mode_enabled #game-table th.th-sort-desc {
  background-color: var(--darkify_dark_mode_secondary_bg) !important;
  color: var(--darkify_dark_mode_text_color) !important;
  border-color: var(--darkify_dark_mode_border_color) !important;
}

/* General improvements for any block elements with strong background colors from this plugin */
.darkify_dark_mode_enabled .wp-block-game-review-box * {
  /* prevent accidental light text on light backgrounds */
  color: inherit !important;
}