.ss-pay-btn:disabled,
.ss-pay-btn[aria-disabled="true"],
.ss-pay-btn.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

.ss-pay-btn:disabled:hover,
.ss-pay-btn[aria-disabled="true"]:hover,
.ss-pay-btn.is-disabled:hover {
  background-color: var(--ss-gold);
  transform: none;
}


/* 계약서 및 문서 요청 */
.ss-document-request-card {
  margin-top: -12px;
}

.ss-document-request-list {
  display: grid;
  gap: 12px;
}

.ss-document-request-item {
  border: 1px solid var(--ss-border-light);
  border-radius: var(--ss-radius-md);
  background: var(--ss-bg-white);
  padding: 16px 18px;
  display: grid;
  gap: 12px;
}

.ss-document-request-item__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.ss-document-request-item__head strong {
  font-size: 18px;
  color: var(--ss-dark);
}

.ss-document-request-item__head span {
  font-size: 13px;
  color: var(--ss-text-light);
}

.ss-document-field {
  display: grid;
  gap: 6px;
}

.ss-document-field__label {
  font-size: 16px;
  font-weight: 700;
  color: var(--ss-text-sub);
}

.ss-document-input,
.ss-document-textarea,
.ss-document-file {
  width: 100%;
  border: 1px solid var(--ss-border);
  border-radius: var(--ss-radius-sm);
  background: var(--ss-bg-white);
  color: var(--ss-dark);
  font: inherit;
  font-size: 16px;
}

.ss-document-input,
.ss-document-file {
  min-height: 42px;
  padding: 10px 12px;
}

.ss-document-textarea {
  resize: vertical;
  min-height: 96px;
  padding: 11px 12px;
  line-height: 1.55;
}

.ss-document-input:focus,
.ss-document-textarea:focus,
.ss-document-file:focus {
  outline: none;
  border-color: var(--ss-green);
  box-shadow: 0 0 0 3px rgba(91, 139, 63, 0.12);
}

/* ===========================================================
   비회원 문의(/page/inquiry.php) 개인정보 동의 전 — 문의 접수 버튼 비활성
   =========================================================== */
.iq-submit-btn[disabled],
.iq-submit-btn[aria-disabled="true"] {
  background: #d1d5db !important;
  color: #6b7280 !important;
  cursor: not-allowed !important;
  opacity: 1;
  filter: grayscale(40%);
  pointer-events: none;
  box-shadow: none !important;
  transform: none !important;
}

.iq-submit-btn[disabled]:hover,
.iq-submit-btn[aria-disabled="true"]:hover,
.iq-submit-btn[disabled]:active,
.iq-submit-btn[aria-disabled="true"]:active {
  background: #d1d5db !important;
  color: #6b7280 !important;
  transform: none !important;
  box-shadow: none !important;
}

/* 동의 체크 활성 시 라벨 톤 강조 (선택적 시각 피드백) */
.iq-agree-row .iq-checkbox:checked ~ .iq-agree-text strong {
  color: #5b8b3f;
}

/* ===========================================================
   공지사항 (notice-list.php / notice-view.php) — DB 연결 후 추가 스타일
   기존 screen-ui.css 는 건드리지 않고 여기에 보강
   =========================================================== */

/* 목록 빈 상태 */
.nb-table__empty {
  text-align: center;
  padding: 60px 0;
  color: #999;
  font-size: 13px;
}

/* 이전글/다음글이 없을 때 비활성 표시 */
.nv-post-nav__item.is-disabled {
  cursor: default;
  background: #fafafa;
  color: #b0b0b0;
}
.nv-post-nav__item.is-disabled:hover {
  background: #fafafa;
}
.nv-post-nav__item.is-disabled .nv-post-nav__title {
  color: #b0b0b0;
}

/* FAQ 아코디언: 초기 접힘 보장
   screen-ui.css 에서 .faq-item__a { display: flex } 가 HTML hidden 속성보다
   명시도가 높아서 무력화되는 문제 보강. */
.faq-item__a[hidden] {
  display: none !important;
}

/* 추가 옵션 선택하기 - 수량조절/삭제 버튼 우측 정렬 */
.ss-checkout-option-row__price {
  grid-row: 1 !important;
  align-self: start;
}

.ss-checkout-option-row > div {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  align-self: center;
  margin-top: 4px;
}

/* ===========================================================
   서비스 옵션 폼 블록 (DOCUMENT / DATA_TRANSFER 공용)
   /include/partials/option-form-block.php 와 짝
   =========================================================== */
.option-form-block {
  border: 1px solid #e5e9ef;
  border-radius: 10px;
  background: #fff;
  padding: 16px 18px;
  margin-top: 10px;
}
.option-form-block + .option-form-block {
  margin-top: 12px;
}
.option-form-block__title {
  font-size: 13px;
  font-weight: 700;
  color: #2f3a4a;
  margin-bottom: 12px;
}
.option-form-block__field + .option-form-block__field {
  margin-top: 12px;
}
.option-form-block__label {
  display: block;
  font-size: 12.5px;
  font-weight: 600;
  color: #44506a;
  margin-bottom: 6px;
}
.option-form-block__req {
  color: #d04040;
  margin-left: 2px;
}
.option-form-block__input,
.option-form-block__textarea,
.option-form-block__file {
  width: 100%;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: 13px;
  color: #2f3a4a;
}
.option-form-block__input,
.option-form-block__file {
  height: 40px;
  padding: 0 12px;
}
.option-form-block__file {
  padding: 8px 12px;
  height: auto;
}
.option-form-block__textarea {
  min-height: 110px;
  padding: 10px 12px;
  line-height: 1.55;
  resize: vertical;
}
.option-form-block__input:focus,
.option-form-block__textarea:focus,
.option-form-block__file:focus {
  outline: none;
  border-color: #5b8b3f;
  box-shadow: 0 0 0 3px rgba(91, 139, 63, 0.12);
}
.option-form-block__hint {
  margin-top: 6px;
  font-size: 11.5px;
  color: #8a97ad;
}
.option-form-block__filelist {
  list-style: none;
  padding: 8px 0 0;
  margin: 0;
  font-size: 12px;
  color: #5a667a;
}
.option-form-block__filelist li::before {
  content: "📎 ";
  margin-right: 2px;
}

/* 마이페이지 업그레이드 옵션 폼 — 참고 파일/필수 자료용 보강 */
.upgrade-document-file {
  width: 100%;
  border: 1px solid #d8dde6;
  border-radius: 8px;
  background: #fff;
  font: inherit;
  font-size: 13px;
  color: #2f3a4a;
  padding: 8px 12px;
}
.upgrade-document-field__optional {
  font-size: 11px;
  color: #8a97ad;
  margin-left: 2px;
  font-weight: 400;
}
.upgrade-document-field__hint {
  display: block;
  margin-top: 6px;
  font-size: 11.5px;
  color: #8a97ad;
}