/* 2026-11-09 checkout/cart 页：空比价条"方框 + 无效链接"修复（vapecentralau.com / loobek 1.5.3）
   根因：.ts-compare-popup .items .item.empty:before 用 icomoon \e946 + 18px 字形，混在 14px/22px 的
   行盒里被回退字体渲染成方框；空态时 .actions 里还有 Compare(href="") / Remove all products(href="#")
   两个不可导航链接，整块读起来像乱码。
   处理：锁定字形字体与行盒；空态收起无效链接、给一行说明；<=991px 让 Popular 链接换行。
   回滚：删除本文件与 vca-checkout-compare.php。 */
.ts-compare-popup .items .item.empty:before {
  font-family: 'icomoon', sans-serif;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  speak: never;
  display: block;
  width: 22px;
  height: 22px;
  color: var(--loobek-border, #e5e5e5);
  overflow: visible;
}

/* 空比价态：收起两个不可导航链接，换一行说明文字 */
.ts-compare-popup.state-empty .actions .link-to-compare,
.ts-compare-popup.state-empty .actions .empty-compare-button {
  display: none;
}
.ts-compare-popup.state-empty .actions:before {
  content: 'No products in the compare list';
  display: block;
  font-size: 14px;
  line-height: 22px;
  color: var(--loobek-text-light-color, #808080);
}

/* 窄屏：Popular 标题独占一行，链接换行不溢出 */
@media only screen and (max-width: 991px) {
  #ts-search-sidebar .popular-searches {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }
  #ts-search-sidebar .popular-searches > h6 {
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  #ts-search-sidebar .popular-searches > div {
    gap: 5px 16px;
  }
}