/* ═══════════════════════════════════════════════════════
   WoWoChinese — Auth Modal only (login / register)
   style.css 는 다른 에이전트가 통째로 리디자인하므로,
   모달 관련 추가/개선 스타일만 이 파일에 모음.
   ═══════════════════════════════════════════════════════ */

/* ── 로그인 모달: 이메일 필드 ─────────────────────────── */
#form-login .rf-input {
  font-size: 14px;
}
#form-login .rf-label {
  width: 88px;
}

/* ── 회원가입: 이메일 인증 섹션 이메일 입력 필드 ────────── */
#verify-email-section .email-input-row {
  display: flex;
  gap: 6px;
  align-items: center;
}
#verify-email-section #reg-email {
  flex: 1;
  padding: 10px 13px;
  border: 1.5px solid #e2e8f0;
  border-radius: 9px;
  font-size: 13.5px;
  background: #f8fafc;
  color: #1e293b;
  outline: none;
  box-sizing: border-box;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
#verify-email-section #reg-email:focus {
  border-color: #2563eb;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(37,99,235,.09);
}
#verify-email-section #reg-email::placeholder {
  color: #94a3b8;
}

/* ── 인증 완료 전: 가입 버튼 비활성화 상태 ─────────────── */
#reg-submit-btn.auth-locked {
  opacity: .55;
  cursor: not-allowed;
  filter: grayscale(.3);
}
#reg-submit-btn.auth-locked:hover {
  transform: none;
}

/* ── "이메일 인증을 완료해주세요" 인라인 안내 ──────────── */
#reg-verify-required-hint {
  display: none;
  font-size: 12.5px;
  color: #d97706;
  background: #fffbeb;
  border: 1.5px solid #fde68a;
  border-radius: 9px;
  padding: 9px 12px;
  margin-bottom: 10px;
  line-height: 1.5;
}
#reg-verify-required-hint.show {
  display: block;
}

/* ── 인증 완료 뱃지 (이메일) 강조 ─────────────────────── */
#reg-verified-badge {
  margin-top: 10px;
}
#reg-verified-badge .verified-icon {
  font-size: 16px;
}

/* ── 인증 섹션 상단 안내 문구 ─────────────────────────── */
.verify-section-hint {
  font-size: 11.5px;
  color: #94a3b8;
  margin: -4px 0 10px;
  line-height: 1.4;
}

/* ── 모달 닫기 버튼 z-index 보정 ──────────────────────── */
#register-modal .modal-close {
  z-index: 5;
}