/*
 * Ham Radio Contest Calendar
 * Canonical public Quick Filter presentation.
 *
 * List, Month and Week use the same DOM state attributes:
 *
 *   data-public-filter-state
 *   data-public-filter-match
 *
 * Active filters are solid.
 * Context hints for the selected contest are dashed.
 */

.chips .chip[data-public-filter-match="true"]:not([data-public-filter-state]) {
  border-style:dashed;
  border-color:var(--blue);
  color:var(--blue);
  background:
    color-mix(
      in srgb,
      var(--blue) 4%,
      var(--surface)
    );
}

.chips .chip[data-public-filter-state="active"],
.chips .chip[data-public-filter-state="only"] {
  border-color:var(--blue);
  background:var(--blue);
  color:#fff;
  font-weight:700;
  box-shadow:
    0 1px 2px
    color-mix(
      in srgb,
      var(--blue) 25%,
      transparent
    );
}

.chips .chip[data-public-filter-state="exclude"] {
  opacity:.72;
  background:
    color-mix(
      in srgb,
      #b91c1c 12%,
      var(--surface)
    );
  border-color:#b91c1c;
  color:#991b1b;
  font-weight:700;
}