/* 퍼블리싱에 없는 프로젝트 추가 스타일 (lib.jsp 에서 마지막에 로드) */

/* ===== 시설대관 결제 ===== */

/* 인증 완료 후 버튼 잠금 */
.inputs.phone_check a.button.disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}
.inputs.phone_check .confirm_msg {
  margin-left: 8px;
  white-space: nowrap;
}

/* 요금: 시간과 금액 한 줄 배치 */
.sub.payment .selected-item > li.item .prices .name-n-price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  text-align: left;
}
.sub.payment .selected-item > li.item .prices .price-name {
  font-weight: 400;
  white-space: nowrap;
}
.sub.payment .selected-item > li.item .prices h5 {
  white-space: nowrap;
}

/* 상품 정보가 화면 밖으로 넘치지 않게 (퍼블리싱 li.item 의 nowrap 해제) */
.sub.payment .selected-item > li.item .selected-info {
  min-width: 0;
  white-space: normal;
}
@media (max-width: 812px) {
  .sub.payment .selected-item > li.item .selected-info {
    width: 100%;
  }
}

/* 인증 타이머가 비어 있으면 숨겨서 flex 간격이 남지 않게 */
.inputs.phone_check #certTimer:empty {
  display: none;
}

/* ===== 시설대관 달력 ===== */

/* PC 주간: 지난 날짜 숨겨서 오늘부터 표시 (모바일은 퍼블리싱이 이미 숨김) */
@media (min-width: 813px) {
  .calendar.weekly #rentalCalendar .pignose-calendar-unit.pignose-calendar-unit-past {
    display: none;
  }
}

/* 예약 상세: 썸네일이 없어 글자가 카드 테두리에 붙지 않게 */
.sub.payment.complete .selected-item > li.item .selected-info {
  padding-left: 24px;
}
@media (max-width: 812px) {
  .sub.payment.complete .selected-item > li.item .selected-info {
    padding: 20px 20px 0;
  }
}

/* ===== 정기권 목록 ===== */

/* 모바일: 정보 칸이 오른쪽 썸네일(100px)에 겹치지 않게 제목 영역을 썸네일 높이만큼 잡고, 항목은 한 줄에 하나씩 */
@media (max-width: 812px) {
  .list.prices.program.fix > li .infos .info {
    min-height: 100px;
  }
  .list.prices.program.fix > li .subinfo > li {
    width: 100%;
  }
}

/* ===== 예약확인 ===== */

/* 체력측정 사진(약 2.6:1)이 대관 사진(16:9)보다 납작해서 썸네일 비율을 16:9 로 맞춘다 */
.wrap.my .sect.schedule .list > li .thumb img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

/* 모바일 이용내역: 정기권이 1개면 list.css 의 li:only-child 규칙이 가로형으로 바꿔 글자가 눌린다. 2개일 때와 같은 세로 카드로 */
@media (max-width: 812px) {
  .list.month-ticket:has(> li:only-child) {
    --cell: 3;
  }
  .list.month-ticket:has(> li:only-child) > li {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }
  .list.month-ticket:has(> li:only-child) > li .thumb {
    height: auto;
    max-width: none;
  }
  .list.month-ticket:has(> li:only-child) > li .thumb + .infos {
    padding: 0 20px 20px;
  }
}

/* 모바일: 날짜 묶음 사이 60px 여백(schedule.css .sect + .sect) 없이 회색 구분선만 둔다 */
@media (max-width: 812px) {
  .wrap.my .sect.schedule.sect + .sect.schedule.sect {
    margin-top: 0;
  }
}

/* ===== 회원가입 ===== */

/* input 버튼(인증요청·인증확인)도 손가락 커서, 비활성은 기본 */
input[type='button'] {
  cursor: pointer;
}
input[type='button']:disabled {
  cursor: default;
}