/* Danmi v45 — songbook column header visibility fix */

/* 둥근 헤더 박스의 선이 글자를 덮지 않도록 내부 여백과 레이어 정리 */
#routePage.route-songbook-mode .route-song-header {
  position: relative !important;
  z-index: 6 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  align-items: center !important;
  align-content: center !important;
  min-height: 46px !important;
  height: 46px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  background-clip: padding-box !important;
}

/* 헤더 안 각 항목을 테두리보다 위에 표시 */
#routePage.route-songbook-mode .route-song-header > * {
  position: relative !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  min-height: 24px !important;
  line-height: 1.2 !important;
  overflow: visible !important;
  white-space: nowrap !important;
}

/* 제목/가수는 기존 정렬 유지하면서 세로 잘림 제거 */
#routePage.route-songbook-mode .route-song-header > :nth-child(2),
#routePage.route-songbook-mode .route-song-header > :nth-child(3) {
  justify-content: flex-start !important;
  padding-left: 2px !important;
}

/* 장르/난이도/상태 둥근 칸 글자를 확실히 안쪽으로 */
#routePage.route-songbook-mode .route-song-header > :nth-child(4),
#routePage.route-songbook-mode .route-song-header > :nth-child(5),
#routePage.route-songbook-mode .route-song-header > :nth-child(6) {
  padding: 3px 6px !important;
  border-radius: 999px !important;
}

/* 헤더 장식선이나 가상요소가 글자를 덮지 않도록 뒤로 보냄 */
#routePage.route-songbook-mode .route-song-header::before,
#routePage.route-songbook-mode .route-song-header::after {
  z-index: 0 !important;
  pointer-events: none !important;
}

/* PC */
@media (min-width: 761px) {
  #routePage.route-songbook-mode .route-song-table {
    padding-top: 2px !important;
  }

  #routePage.route-songbook-mode .route-song-header {
    margin-top: 2px !important;
  }
}

/* 모바일 */
@media (max-width: 760px) {
  #routePage.route-songbook-mode .route-song-table {
    grid-template-rows: 44px minmax(0, 1fr) !important;
    padding-top: 1px !important;
  }

  #routePage.route-songbook-mode .route-song-header {
    min-height: 44px !important;
    height: 44px !important;
    padding: 7px 5px !important;
  }

  #routePage.route-songbook-mode .route-song-header > * {
    min-height: 22px !important;
    font-size: .74rem !important;
  }

  #routePage.route-songbook-mode .route-song-header > :nth-child(4),
  #routePage.route-songbook-mode .route-song-header > :nth-child(5),
  #routePage.route-songbook-mode .route-song-header > :nth-child(6) {
    padding: 2px 4px !important;
  }
}