/* ==========================================================================
   고객지원 페이지 전용 (v2) — 외주본 community.css(contact-layout·support-links·support-section·FAQ details) 위에
   우리 사이즈 가이드 탭(.sizeguide__*·.sizetable)과 문의 폼 상태 문구를 외주본 언어로.
   ========================================================================== */

/* ── 문의 폼 ─────────────────────────────────────────── */
.contact-form textarea { min-height: 150px; resize: vertical; }
.contact-form .form-consent { margin-bottom: 22px; line-height: 1.7; }
.wm-contact-msg { min-height: 1.6em; margin: 12px 0 0; font-size: 13px; line-height: 1.6; color: #999; }
.wm-contact-msg[data-tone="ok"] { color: #2a8f4f; }
.wm-contact-msg[data-tone="err"] { color: #b34635; }
.contact-form .dark-button:disabled { opacity: 0.6; cursor: wait; }

/* ── 사이즈 가이드: 탭(외주본 guide-tabs) + 표(외주본 size-table) ──── */
.sizeguide__tab.active { background: #111; color: #fff; border-color: #111; }
.sizeguide__panel { display: none; }
.sizeguide__panel.active { display: block; }
.sizeguide__cap { margin: 0 0 14px; font-size: 14px; color: #777; }
.sizetable .sz-sub { display: block; margin-top: 2px; font-size: 12px; font-weight: 400; color: #999; }
.sizeguide__note { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: 16px; font-size: 13px; line-height: 1.8; color: #888; }
.sizeguide__note b { font-weight: 600; color: #171717; }
.support-section > p b { color: #171717; }

/* ── 교환·반품 소제목 ─────────────────────────────── */
.wm-support-sub + .wm-support-sub { margin-top: 22px; }
.wm-support-sub h3 { margin: 0 0 8px; font-size: 16px; font-weight: 600; }
.wm-support-sub ul { margin: 0; }

@media (max-width: 767px) {
    .sizeguide__note { flex-direction: column; gap: 4px; }
}

/* ── 어두운 화면 ─────────────────────────────────────────── */
[data-theme="dark"] .contact-form input:not([type="checkbox"]),
[data-theme="dark"] .contact-form select,
[data-theme="dark"] .contact-form textarea { background: #1a1a1a; border-color: #333; color: #eee; }
[data-theme="dark"] .support-links,
[data-theme="dark"] .support-section,
[data-theme="dark"] .size-table th,
[data-theme="dark"] .size-table td,
[data-theme="dark"] .support-section details { border-color: #2a2a2a; }
[data-theme="dark"] .size-table thead { background: #1a1a1a; }
[data-theme="dark"] .guide-tabs button { border-color: #444; }
[data-theme="dark"] .sizeguide__tab.active,
[data-theme="dark"] .guide-tabs .chosen { background: #eee; color: #111; border-color: #eee; }
[data-theme="dark"] .sizeguide__note b,
[data-theme="dark"] .support-section > p b { color: #eee; }
[data-theme="dark"] .contact-form .form-consent input { accent-color: #eee; }