/* 상담 신청서(직접 만든 HTML 폼) 전용 CSS — mu-plugin he-consult-form 이 쇼트코드 있는 페이지에서만 사용자 정의 CSS 뒤에 불러온다(2026-11-03, 정본 CSS 에 따로 붙이지 않음).
   기존 폼 3 과 같은 class(.fluentform .ff-el-group …)를 쓰므로 .he-consult-form 안의 기존 규칙은 그대로 걸린다.
   여기는 Fluent Forms 기본 CSS(fluent-forms-public.css·fluentform-public-default.css)가 빠지면서 사라지는 바탕 규칙 +
   새 상태(실패 상자·숨은 칸)만 채운다. 선택자는 모두 .he-nform 안으로 한정. 색은 기존 --hc-* 토큰만 사용. */
.he-nform, .he-nform * { box-sizing: border-box; }
.he-nform form { margin: 0; }
.he-nform .ff-el-group { margin-bottom: 30px; }
.he-nform .ff-el-input--label { display: block; position: relative; }
.he-nform .ff-el-input--label label { display: inline-block; margin: 0; }
.he-nform .ff-el-input--label.ff-el-is-required.asterisk-right label::after { content: " *"; }
.he-nform .ff-el-form-control { display: block; width: 100%; max-width: 100%; margin: 0; }
.he-nform input[type="checkbox"], .he-nform input[type="radio"] { margin: 0; }
.he-nform .ff-el-form-check { margin: 0; }
.he-nform .ff_t_c { margin: 0; padding: 0; }
.he-nform .error.text-danger { display: block; font-size: 15px; line-height: 1.5; color: #d93036; margin-top: 8px; }
.he-nform .ff-el-is-error .he-f-choice .ff-el-input--content, .he-nform .he-f-choice.ff-el-is-error label.ff-el-form-check-label { border-color: var(--hc-err); }
.he-nform .he-f-consent.ff-el-is-error .ff_t_c { color: #d93036; }
.he-nform .ff-btn-submit:disabled { cursor: wait; }
/* 숨은 칸(스팸 봇용) — 화면·탭 순서·보조기기에서 모두 빠짐 */
.he-nform .he-nform__hp { position: absolute !important; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
/* 실패 상자 — 입력값을 지우지 않고 버튼 위에 띄운다(같은 submissionId 로 다시 시도) */
.he-nform__fail { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; margin: 0 0 16px; padding: 16px 18px; border: 1px solid #f0c2c4; border-radius: 8px; background: #fff6f6; color: var(--hc-ink); font-size: 16px; line-height: 1.6; }
.he-nform__fail p { margin: 0; }
.he-nform__fail-t { font-weight: 700; color: #b3261e; }
.he-nform__fail .he-kakao-btn { height: 40px; }
/* 준비 안내 줄(스크립트가 붙으면 숨김) */
.he-nform__loading { margin: 10px 0 0; font-size: 14px; line-height: 1.5; color: var(--hc-ink2); }
.he-nform .ff-btn-submit:disabled:not(.ff-working) { opacity: .55; cursor: not-allowed; }
/* 누른 뒤 남는 파란색(focus·터치 hover) 제거 — 키보드 focus-visible 때만 파랑 유지 */
.he-consult-form .he-nform .ff_btn_style.ff-btn-submit:focus:not(:focus-visible), .page-id-174 #setup-form .he-nform .ff_btn_style.ff-btn-submit:focus:not(:focus-visible) { background-color: var(--hc-navy); }
@media (hover: none) { .he-consult-form .he-nform .ff_btn_style.ff-btn-submit:hover, .page-id-174 #setup-form .he-nform .ff_btn_style.ff-btn-submit:hover { background-color: var(--hc-navy); } }
/* 성공 화면 — 정본 .he-done 규칙을 그대로 쓰고, hidden 속성만 확실히 우선 */
.he-nform__done[hidden], .he-nform__fail[hidden], .he-nform form[hidden], .he-nform .he-f-email[hidden], .he-f-email-word[hidden] { display: none !important; }
/* 「호안을 알게 된 경로」 칸(시안 2026-11-10) — 정본 CSS 의 .he-f-stage/.he-f-topics 와 같은 2열 상자 꼴. 정본 CSS 에 .he-f-referral 을 더하지 않고 여기(폼 전용 CSS)에 둔다 */
.he-nform .he-f-referral .ff-el-input--content { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.he-nform .he-f-referral label.ff-el-form-check-label { min-height: 52px; padding: 8px 10px; border-radius: 6px; }
@media (max-width: 759px) { .he-nform .he-f-referral label.ff-el-form-check-label { font-size: 15px; } }