/* CTOJ - High contrast problem difficulty labels */

/* EASY / DỄ */
.ctoj-difficulty-low {
  background: #0b6b3a !important;
  border: 1px solid #07552e !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  min-width: 82px;
  text-align: center;
  border-radius: 5px !important;
}
.ctoj-difficulty-low .ivu-tag-text,
.ctoj-difficulty-low span {
  color: #ffffff !important;
}

/* MEDIUM / TRUNG BÌNH */
.ctoj-difficulty-mid {
  background: #8a4b00 !important;
  border: 1px solid #6f3c00 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  min-width: 96px;
  text-align: center;
  border-radius: 5px !important;
}
.ctoj-difficulty-mid .ivu-tag-text,
.ctoj-difficulty-mid span {
  color: #ffffff !important;
}

/* HARD / KHÓ */
.ctoj-difficulty-high {
  background: #b42318 !important;
  border: 1px solid #8f1c13 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  min-width: 82px;
  text-align: center;
  border-radius: 5px !important;
}
.ctoj-difficulty-high .ivu-tag-text,
.ctoj-difficulty-high span {
  color: #ffffff !important;
}

/* Hover remains readable */
.ctoj-difficulty-low:hover {
  background: #07552e !important;
  color: #ffffff !important;
}
.ctoj-difficulty-mid:hover {
  background: #6f3c00 !important;
  color: #ffffff !important;
}
.ctoj-difficulty-high:hover {
  background: #8f1c13 !important;
  color: #ffffff !important;
}

/* Table spacing */
.ivu-table .ctoj-difficulty-low,
.ivu-table .ctoj-difficulty-mid,
.ivu-table .ctoj-difficulty-high {
  padding: 1px 10px !important;
  line-height: 24px !important;
  height: 26px !important;
  letter-spacing: .15px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .12);
}

/* Dark Coding theme */
[data-ctoj-theme="dark-coding"] .ctoj-difficulty-low {
  background: #15803d !important;
  border-color: #22c55e !important;
}
[data-ctoj-theme="dark-coding"] .ctoj-difficulty-mid {
  background: #a16207 !important;
  border-color: #eab308 !important;
}
[data-ctoj-theme="dark-coding"] .ctoj-difficulty-high {
  background: #b91c1c !important;
  border-color: #ef4444 !important;
}

/* Difficulty filter dropdown: clearer selected choices */
.ivu-dropdown-menu .ctoj-diff-filter-low {
  color: #07552e !important;
  font-weight: 800 !important;
}
.ivu-dropdown-menu .ctoj-diff-filter-mid {
  color: #7a4100 !important;
  font-weight: 800 !important;
}
.ivu-dropdown-menu .ctoj-diff-filter-high {
  color: #9f1f15 !important;
  font-weight: 800 !important;
}