/* PC 前台与后台表头固定层，与 mobile 模块的 mobile-table-sticky-head.css 分开维护 */

.mobile-table-head-pin {
  position: fixed;
  z-index: 950;
  overflow: hidden;
  pointer-events: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  background: #f5f7fa;
}

.mobile-table-head-pin[hidden] {
  display: none !important;
}

.mobile-table-head-pin-before-ph {
  display: block;
  width: 100%;
  pointer-events: none;
}

.mobile-table-head-pin-shift {
  will-change: transform;
}

.mobile-table-head-pin-frozen {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  overflow: hidden;
  pointer-events: none;
  background: #f5f7fa;
}

.mobile-table-head-pin-frozen[hidden] {
  display: none !important;
}

.mobile-table-head-pin-frozen table {
  width: 100%;
  min-width: 0;
}

.mobile-table-head-pin-frozen thead th {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  visibility: visible !important;
}

.mobile-table-head-pin table {
  border-collapse: collapse;
  table-layout: fixed;
  margin: 0;
}

.mobile-table-head-pin thead th {
  background: #f5f7fa;
  box-sizing: border-box;
  white-space: nowrap;
}

.mobile-table-head-pin input,
.mobile-table-head-pin select,
.mobile-table-head-pin textarea,
.mobile-table-head-pin button,
.mobile-table-head-pin a {
  pointer-events: auto;
}

.mobile-table-head-pin--admin thead tr.admin-product-head-row th {
  background: #f7f8fa;
  font-size: 12px;
  padding: 8px;
}

.mobile-table-head-pin--admin thead tr.admin-product-filter-row th {
  background: #fafafa;
  font-size: 12px;
  padding: 4px 5px;
  pointer-events: none;
}

.mobile-table-head-pin--admin thead tr.admin-product-filter-row .admin-th-filter,
.mobile-table-head-pin--admin thead tr.admin-product-filter-row .admin-th-filter-input {
  pointer-events: auto;
}

.mobile-table-head-pin--admin thead tr.admin-product-head-row th {
  pointer-events: none;
}

.mobile-table-head-pin--admin thead tr.admin-product-head-row a,
.mobile-table-head-pin--admin thead tr.admin-product-head-row button {
  pointer-events: auto;
}

.mobile-table-head-pin--product thead th {
  white-space: normal;
  vertical-align: top;
}

.mobile-table-head-pin--product thead th.is-filtered {
  background: #e8f1fc;
  color: #2d6cdf;
}

.mobile-table-head-pin--product thead th.is-col-pin {
  background: #f5f7fa;
}

.mobile-table-head-pin--product thead th.is-col-pin.is-filtered {
  background: #e8f1fc;
}

.mobile-table-head-pin--product .th-filter-btn,
.mobile-table-head-pin--product .sort-icon,
.mobile-table-head-pin--product a {
  pointer-events: auto;
}

@media (min-width: 769px) {
  .mobile-table-head-pin {
    display: none !important;
  }
}