/*
 * PSA course grid filter styles.
 *
 * Loaded AFTER LearnDash's stock filter stylesheet
 * (handle: learndash-course-grid-filter) — the first block overrides stock
 * rules the old fork had commented out; the rest is the custom state
 * dropdown UI ported from the forked filter/style.css.
 */

/* Overrides of stock filter styles */

.learndash-course-grid-filter {
  padding: 0;
  border: none;
}

.learndash-course-grid-filter .term label {
  display: block !important;
  line-height: 1;
  padding: 3px 0px 2px 0px !important;
  cursor: pointer;
}

/* Custom state drop down field */

.taxonomies-wrapper .post_tag {
  padding-bottom: 20px;
}

#state-dropdown {
  display: flex;
  user-select: none;
  border: 2px solid #857979;
  border-radius: 3px;
  padding-left: 10px;
  margin-top: 5px;
}

#state-dropdown:hover {
  cursor: pointer;
}

#state-dropdown img {
  width: 16px;
  height: 9px;
  margin: 7px 7px 7px auto;
}

#state_arrow.flip_arrow {
  transform: rotate(180deg);
}

.hiddenListContainer {
  position: relative;
  height: 0px;
}

.hideList {
  opacity: 0;
  z-index: -1;
}

#hiddenList {
  position: relative;
  user-select: none;
  background-color: white;
  border-style: solid;
  border-color: rgb(133, 121, 121);
  border-image: initial;
  border-width: 0px 0.3px 0.3px;
  padding: 2px;
  box-shadow: 0px 3px 10px -5px;
}

.terms::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.terms::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* End of custom state drop down field */

.ld_course_category {
  padding-bottom: 10px;
}

.category {
  padding-bottom: 10px;
}