/* Hotfix sidebar catalogue: danh sách taxonomy dài luôn xếp một cột và cuộn trong khung. */
.skm-demo-filter form,
.skm-demo-filter fieldset,
.skm-demo-filter-list { min-width: 0; }

.skm-demo-filter-list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  max-height: 184px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 0 5px 0 0;
  scrollbar-width: thin;
  scrollbar-color: #b9c9df transparent;
}

.skm-demo-filter-list::-webkit-scrollbar { width: 5px; }
.skm-demo-filter-list::-webkit-scrollbar-thumb { background: #b9c9df; border-radius: 8px; }

.skm-demo-filter-list > a {
  display: flex !important;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 7px 3px 7px 1px !important;
  color: #52657f;
  font-family: "Be Vietnam Pro", sans-serif !important;
  font-size: 10px !important;
  font-weight: 600;
  line-height: 1.3;
  white-space: normal !important;
  overflow-wrap: anywhere;
}

.skm-demo-filter-list > a + a { border-top: 1px solid #edf1f6; }
.skm-demo-filter-list > a:hover,
.skm-demo-filter-list > a.is-active { color: var(--demo-blue); }
.skm-demo-filter-list > a.is-active { padding-left: 10px !important; position: relative; }
.skm-demo-filter-list > a.is-active:before { content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background: var(--demo-orange); }
.skm-demo-filter-list > a i { flex: 0 0 auto; color: #9dafc5; font-style: normal; line-height: 1.3; }

@media (max-width: 660px) {
  .skm-demo-filter-list { max-height: 156px; }
  .skm-demo-filter-list > a { font-size: 10px !important; }
}