/* yd-yile-details-hist-fix:202609021150 — 蓝/黄模板商品「历史订单」PC+手机可滚到底 */

/* ---- 通用：允许页面纵向滚动 ---- */
html.yd-yile-details-hist,
html.yd-yile-details-hist body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: auto !important;
  max-height: none !important;
}

html.yd-yile-details-hist #app {
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

/* PC 卡式详情 */
html.yd-yile-details-hist .details11 {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

html.yd-yile-details-hist .details11 .el-card,
html.yd-yile-details-hist .details11 .el-tabs__content,
html.yd-yile-details-hist .details11 .el-tab-pane {
  overflow: visible !important;
}

/* 手机 H5：原 CSS 写死 height:100vh，导致历史订单划不到底 */
html.yd-yile-details-hist .details {
  height: auto !important;
  min-height: 100vh !important;
  max-height: none !important;
  overflow: visible !important;
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box !important;
}

html.yd-yile-details-hist .details .van-tabs,
html.yd-yile-details-hist .details .van-tabs__content,
html.yd-yile-details-hist .details .el-tab-pane,
html.yd-yile-details-hist .details .el-table {
  overflow: visible !important;
  max-height: none !important;
}

/* 底部固定「立即购买」栏：不挡内容（栏本身仍可点） */
html.yd-yile-details-hist .van-goods-action {
  z-index: 100 !important;
}

html.yd-yile-details-hist .yd-yile-hist-summary {
  background: #f9fafc;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  color: #606266;
  font-size: 12px;
  line-height: 1.5;
  margin: 8px 0;
  padding: 8px 12px;
}

/* PC 宽屏：表格内部滚动；手机：交给整页滚动，避免嵌套划不动 */
@media (min-width: 993px) {
  html.yd-yile-details-hist .details11 .el-table__body-wrapper {
    max-height: min(52vh, 520px) !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
  }
}

@media (max-width: 992px) {
  html.yd-yile-details-hist .details11,
  html.yd-yile-details-hist .details11 .el-card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html.yd-yile-details-hist .details11 .el-table__body-wrapper,
  html.yd-yile-details-hist .details .el-table__body-wrapper {
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
  }

  /* 手机 PC 壳页面也给底部留白 */
  html.yd-yile-details-hist .details11 {
    padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
  }

  html.yd-yile-details-hist .header {
    min-width: 0 !important;
  }
}

html.yd-yile-details-hist .pagination-container {
  background: #fff;
  border-top: 1px solid #ebeef5;
  margin: 8px 0 16px;
  padding: 12px 0 20px;
  position: relative;
  z-index: 1;
}

html.yd-yile-details-hist .pagination-container.hidden {
  display: block !important;
}

html.yd-yile-details-hist .el-pagination {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
}

html.yd-theme-yellow.yd-yile-details-hist .yd-yile-hist-summary,
html[data-yd-theme="yellow"].yd-yile-details-hist .yd-yile-hist-summary {
  border-color: #f5e7a0;
  background: #fffdf5;
}