/* assets/inquiry.css — 위버 자체 문의폼 (인라인 + 팝업 공용) */

.wf{display:grid;gap:16px}
.wf-row{display:grid;gap:16px}
@media(min-width:620px){ .wf-row.two{grid-template-columns:1fr 1fr} }

.wf-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.wf-field label{font-size:.9rem;font-weight:600;color:#2A2A2A}
.wf-field .req{color:#E3B021;margin-left:3px}
.wf-field .opt{color:#86918B;font-weight:500;font-size:.84rem;margin-left:5px}

.wf input[type=text],
.wf input[type=email],
.wf input[type=tel],
.wf textarea{
  width:100%;font-family:inherit;font-size:1rem;color:#2A2A2A;background:#fff;
  border:1px solid #D7E1DD;border-radius:10px;padding:12px 14px;
  transition:border-color .15s, box-shadow .15s;
}
.wf textarea{min-height:130px;resize:vertical;line-height:1.6}
.wf input:focus,.wf textarea:focus{outline:none;border-color:#0F5D4C;box-shadow:0 0 0 3px rgba(15,93,76,.12)}
.wf input[aria-invalid="true"],.wf textarea[aria-invalid="true"]{border-color:#C0392B;box-shadow:0 0 0 3px rgba(192,57,43,.10)}

.wf-err{display:none;color:#C0392B;font-size:.84rem}
.wf-err.show{display:block}
.wf-count{text-align:right;font-size:.78rem;color:#86918B}

/* 개인정보 동의 */
.wf-consent{display:flex;gap:11px;align-items:flex-start;background:#F7FAF8;border:1px solid #E7EDEA;border-radius:12px;padding:14px 16px}
.wf-consent input{margin-top:3px;width:18px;height:18px;flex:none;accent-color:#0F5D4C;cursor:pointer}
.wf-consent label{font-size:.9rem;color:#454B49;line-height:1.6;font-weight:500;cursor:pointer}
.wf-consent a{color:#0F5D4C;font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* honeypot (사람에게 숨김) */
.wf-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

.wf-submit{
  font-family:inherit;font-weight:600;font-size:1rem;padding:.95rem 1.6rem;border-radius:11px;
  border:1px solid transparent;background:#F2C233;color:#2A2A2A;cursor:pointer;transition:.2s;
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;
}
.wf-submit:hover:not(:disabled){background:#E3B021}
.wf-submit:disabled{opacity:.6;cursor:not-allowed}

.wf-alert{display:none;background:#FCEEEC;border:1px solid #F2C9C3;color:#8E2C22;border-radius:10px;padding:12px 14px;font-size:.9rem}
.wf-alert.show{display:block}

.wf-note{font-size:.84rem;color:#5C6A64;text-align:center;margin-top:-2px}
.wf-note a{color:#0F5D4C;font-weight:600}

/* 완료 화면 */
.wf-done{display:none;text-align:center;padding:26px 10px}
.wf-done.show{display:block}
.wf-done .ic{width:56px;height:56px;border-radius:50%;background:#EAF3EF;color:#0F5D4C;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.6rem;font-weight:700}
.wf-done h3{font-size:1.18rem;margin-bottom:10px;color:#2A2A2A}
.wf-done p{color:#5C6A64;font-size:.96rem;line-height:1.7}

/* ---------- 팝업(모달) ---------- */
.wf-modal{position:fixed;inset:0;z-index:3000;display:none;align-items:center;justify-content:center;padding:20px}
.wf-modal.open{display:flex}
.wf-modal .wf-backdrop{position:absolute;inset:0;background:rgba(8,28,22,.55);backdrop-filter:blur(3px)}
.wf-modal .wf-panel{
  position:relative;z-index:1;width:100%;max-width:560px;max-height:88vh;overflow:auto;
  background:#fff;border-radius:18px;box-shadow:0 40px 90px -30px rgba(0,0,0,.45);
  padding:30px 28px;animation:wfIn .28s cubic-bezier(.16,.84,.44,1)
}
@keyframes wfIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.wf-modal .wf-head{margin-bottom:20px;padding-right:34px}
.wf-modal .wf-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:'Hanken Grotesk',sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.08em;color:#0F5D4C;background:#EAF3EF;padding:5px 12px;border-radius:20px;margin-bottom:12px}
.wf-modal .wf-tag::before{content:"";width:8px;height:8px;border-radius:2px;background:#F2C233;transform:rotate(45deg)}
.wf-modal .wf-head h3{font-size:1.32rem;letter-spacing:-.01em;color:#2A2A2A;margin-bottom:8px}
.wf-modal .wf-head p{font-size:.94rem;color:#5C6A64;line-height:1.65}
.wf-close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:50%;border:1px solid #E7EDEA;background:#fff;color:#5C6A64;font-size:1.3rem;line-height:1;cursor:pointer;transition:.2s}
.wf-close:hover{background:#F7FAF8;color:#2A2A2A}

@media(max-width:560px){
  .wf-modal{padding:12px}
  .wf-modal .wf-panel{padding:24px 20px;max-height:92vh}
}