/* Panda 主题静态样式：由 panda/widgets/widgets/tab_post-widgets.php 提取，此处不要写 PHP
   --panda-title-y 由每个实例在页面内联输出（对应后台“标题样式”选项）。
   标题图用相对路径引用（相对本 CSS 文件解析；url() 内不能放 var()，整条声明会被浏览器丢弃）。 */
.panda-index-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.panda-index-title h2 {
  background-image: url("../../img/title.svg");
  background-position: 0 var(--panda-title-y, 0px);
  background-repeat: no-repeat;
  font-size: 22px;
  height: 37px;
  padding-left: 45px;
  padding-top: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
}

@media (max-width: 768px) {
  .panda-index-title {
    flex-direction: column;
  }

  .panda-index-title h2 {
    background-color: initial;
    background-image: url("../../img/title.svg");
    background-position: 0 -275px;
    background-repeat: no-repeat;
    font-size: 22px;
    height: 37px;
    margin: 1px 20px -10px -10px;
    padding-left: 45px;
    padding-top: 2px;
    position: relative;
  }

  .panda-index-title ul {
    overflow-x: auto;
    scrollbar-width: none;
    text-wrap-mode: nowrap;
    display: flex;
    justify-content: space-between;
    margin-left: 0;
    margin-top: 10px;
    white-space-collapse: collapse;
    width: 100%;
  }

  .panda-index-title ul::-webkit-scrollbar {
    display: none;
  }
}

.widget-tab-post.index-tab .list-inline {
  margin-bottom: 0px;
}