/* =========================================================
   HTF Crossword UI Add-on (for htf-games-master.v5.13+)
   - Colors CHECK ANSWERS results (bad/miss/good)
   - Prevents grid scrolling; clues can scroll
   ========================================================= */

/* Never allow the grid area to scroll */
.cw-grid-wrap,
.cw-wrap,
#cw-grid{
  overflow: hidden !important;
}

/* If your theme forces scrollbars on the card, this prevents it */
#cw-card{
  overflow: visible !important;
}

/* --- Result coloring applied by htf-games-master.v5.13.js ---
   The script adds classes to the INPUT: bad / good / miss
*/
#cw-grid input.bad{
  outline: 2px solid #ff3b3b !important;
  box-shadow: 0 0 0 2px rgba(255,59,59,.35) !important;
  background: rgba(255,59,59,.12) !important;
}

#cw-grid input.miss{
  outline: 2px solid #ffd54a !important;
  box-shadow: 0 0 0 2px rgba(255,213,74,.25) !important;
  background: rgba(255,213,74,.10) !important;
}

#cw-grid input.good{
  outline: 2px solid #39d98a !important;
  box-shadow: 0 0 0 2px rgba(57,217,138,.25) !important;
  background: rgba(57,217,138,.10) !important;
}

/* Optional: when SHOW ANSWERS is used, the script can add .show */
#cw-grid input.show{
  font-weight: 700;
}

/* Keep focus visible (keyboard) */
#cw-grid input:focus{
  outline: 2px solid #6aa9ff !important;
  box-shadow: 0 0 0 2px rgba(106,169,255,.25) !important;
}

/* Make sure clues can scroll independently */
#cw-clues{
  overflow: auto;
  max-height: 420px;
}