/* 스크롤 시 카드 버튼이 상단 고정 UI 위로 뚫고 보이는 문제 수정 */

/* 최상단 바 */
.top {
  position: sticky !important;
  top: 0 !important;
  z-index: 100000 !important;
  background: #102a43 !important;
  isolation: isolate !important;
}

/* 상단 탭 메뉴 */
.nav {
  position: sticky !important;
  top: 48px !important;
  z-index: 99999 !important;
  background: #fff !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

/* 상단 메뉴 뒤로 카드 내용이 비치지 않게 막는 가림막 */
.nav::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 12px;
  background: #f5f6f8;
  z-index: 99998;
  pointer-events: none;
}

/* 본문/카드는 상단 UI보다 낮게 */
.wrap,
.list,
.card,
.order-card,
.rowlink {
  position: relative !important;
  z-index: 1 !important;
}

/* 카드 내부 버튼은 상단 UI보다 절대 위로 못 올라오게 */
.card button,
.card a,
.order-card button,
.order-card a,
.rowlink button,
.rowlink a,
.kt-waiting-parcel,
.kt-waiting-freight,
.kt-list-move-parcel,
.kt-list-move-freight,
.kt-solid-move-parcel,
.kt-solid-move-freight,
.kt-move-parcel,
.kt-move-freight {
  z-index: 2 !important;
}

/* 버튼 부모가 높은 z-index를 갖고 있어도 낮춤 */
.card form,
.order-card form,
.rowlink form,
.card div,
.order-card div {
  z-index: auto !important;
}

/* 고정 메뉴 안의 탭 버튼은 정상 유지 */
.nav a,
.nav button,
.top a,
.top button {
  z-index: 100001 !important;
  position: relative !important;
}