/* Todaki — wpForo overrides. Clean, minimal. */

body.todaki-wpforo {
  background: var(--bg);
  font-family: var(--font-kr);
}

body.todaki-wpforo .wpforo-content,
body.todaki-wpforo #wpforo {
  max-width: var(--max-w);
  margin: 0 auto;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-kr);
}

body.todaki-wpforo .wpforo-wrap,
body.todaki-wpforo .wpf-container,
body.todaki-wpforo .wpforo-content {
  background: var(--bg);
  border: none;
  box-shadow: none;
  padding: 0;
}

body.todaki-wpforo .wpforo-bcrumbs,
body.todaki-wpforo .wpf-breadcrumbs { display: none; }

/* Category tabs */
body.todaki-wpforo .todaki-forum-tabs {
  display: flex;
  padding: 0 8px;
  border-bottom: 1px solid var(--line-softer);
  overflow-x: auto;
  scrollbar-width: none;
  background: var(--bg);
  position: sticky;
  top: 0;
  z-index: 10;
}
body.todaki-wpforo .todaki-forum-tabs::-webkit-scrollbar { display: none; }

body.todaki-wpforo .todaki-forum-tab {
  padding: 16px 16px;
  font-size: 14px;
  font-weight: 500;
  color: var(--ink-3);
  border-bottom: 2px solid transparent;
  white-space: nowrap;
  text-decoration: none;
  transition: color var(--t-fast), border-color var(--t-base);
}
body.todaki-wpforo .todaki-forum-tab:hover { color: var(--ink); }
body.todaki-wpforo .todaki-forum-tab.is-active {
  color: var(--ink);
  font-weight: 700;
  border-bottom-color: var(--ink);
}
body.todaki-wpforo .todaki-forum-tab__count {
  font-size: 11px;
  color: var(--ink-4);
  font-weight: 600;
  margin-left: 4px;
  font-family: var(--font-num);
}
body.todaki-wpforo .todaki-forum-tab.is-active .todaki-forum-tab__count {
  color: var(--pink);
}

/* Filter row */
body.todaki-wpforo .todaki-forum-filters {
  padding: 14px 16px;
  display: flex;
  gap: 8px;
  overflow-x: auto;
  border-bottom: 1px solid var(--line-softer);
  scrollbar-width: none;
  background: var(--bg);
}
body.todaki-wpforo .todaki-forum-filters::-webkit-scrollbar { display: none; }

body.todaki-wpforo .todaki-f-drop {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  border: 1px solid var(--ink-5);
  border-radius: var(--r-full);
  font-size: 13px;
  font-weight: 600;
  background: var(--bg);
  color: var(--ink-2);
  white-space: nowrap;
  transition: background var(--t-fast), border-color var(--t-fast);
}
body.todaki-wpforo .todaki-f-drop:hover { background: var(--bg-3); }
body.todaki-wpforo .todaki-f-drop::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid var(--ink-2);
}

/* Topics */
body.todaki-wpforo .wpforo-topics,
body.todaki-wpforo .wpf-topics-tools,
body.todaki-wpforo .wpf-toolbar {
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}

body.todaki-wpforo .wpf-topic,
body.todaki-wpforo .wpf-row.wpf-topic {
  display: block;
  padding: 16px;
  border-bottom: 1px solid var(--line-softer);
  background: var(--bg);
  border-radius: 0;
  margin: 0;
  transition: background var(--t-fast);
}
body.todaki-wpforo .wpf-topic:hover { background: var(--bg-2); }

body.todaki-wpforo .wpf-topic .wpf-topic-meta,
body.todaki-wpforo .wpf-topic .wpf-topic-tools,
body.todaki-wpforo .wpf-topic .wpf-topic-views { display: none; }

body.todaki-wpforo .wpf-topic .wpf-topic-title,
body.todaki-wpforo .wpf-topic a.wpf-topic-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--ink);
  text-decoration: none;
  display: block;
  margin-top: 6px;
  letter-spacing: -0.02em;
}

body.todaki-wpforo .wpf-topic .wpf-topic-excerpt,
body.todaki-wpforo .wpf-topic .wpf-topic-content {
  font-size: 13px;
  color: var(--ink-2);
  line-height: 1.6;
  margin-top: 6px;
}

body.todaki-wpforo .wpf-topic .wpf-topic-info {
  font-size: 11.5px;
  color: var(--ink-3);
  margin-top: 10px;
  display: flex;
  gap: 12px;
}

body.todaki-wpforo .todaki-topic-tag {
  font-size: 11px;
  color: var(--ink-3);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: block;
}
body.todaki-wpforo .todaki-topic-tag .coral { color: var(--pink); }

/* Add topic native form */
body.todaki-wpforo .wpforo-add-topic-form,
body.todaki-wpforo .wpf-add-topic { padding: 0 16px; }

body.todaki-wpforo .wpforo-add-topic-form input[type=text],
body.todaki-wpforo .wpforo-add-topic-form textarea,
body.todaki-wpforo .wpf-add-topic input[type=text],
body.todaki-wpforo .wpf-add-topic textarea {
  border: 1px solid var(--ink-5);
  border-radius: var(--r-md);
  font-family: var(--font-kr);
  font-size: 14.5px;
  padding: 14px 16px;
  color: var(--ink);
  background: var(--bg);
  width: 100%;
  transition: border-color var(--t-fast);
}
body.todaki-wpforo .wpforo-add-topic-form input[type=text]:focus,
body.todaki-wpforo .wpforo-add-topic-form textarea:focus,
body.todaki-wpforo .wpf-add-topic input[type=text]:focus,
body.todaki-wpforo .wpf-add-topic textarea:focus {
  outline: 0;
  border-color: var(--ink);
}

body.todaki-wpforo button.wpf-button-primary,
body.todaki-wpforo a.wpf-button-primary,
body.todaki-wpforo input[type=submit].wpf-button-primary {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--bg);
  border-radius: var(--r-md);
  font-weight: 700;
  height: 52px;
  padding: 0 24px;
  font-family: var(--font-kr);
  font-size: 15px;
  cursor: pointer;
  transition: background var(--t-fast), transform var(--t-fast);
}
body.todaki-wpforo button.wpf-button-primary:hover,
body.todaki-wpforo a.wpf-button-primary:hover { background: var(--ink-2); border-color: var(--ink-2); }
body.todaki-wpforo button.wpf-button-primary:active { transform: scale(0.98); }

/* Single post */
body.todaki-wpforo .wpf-post,
body.todaki-wpforo .wpforo-post {
  padding: 20px 16px;
  border-bottom: 1px solid var(--line-softer);
  border-top: none;
  background: var(--bg);
}

body.todaki-wpforo .wpf-post .wpf-post-content,
body.todaki-wpforo .wpforo-post .wpf-post-content {
  font-size: 14.5px;
  line-height: 1.75;
  color: var(--ink);
}

body.todaki-wpforo .wpf-post .wpf-author,
body.todaki-wpforo .wpforo-post .wpf-author {
  font-size: 12.5px;
  color: var(--ink-3);
  font-weight: 600;
}

body.todaki-wpforo .wpf-post-actions,
body.todaki-wpforo .wpforo-post .wpf-actions {
  display: flex;
  gap: 16px;
  font-size: 12px;
  color: var(--ink-3);
  margin-top: 14px;
}

/* Avatars */
body.todaki-wpforo .wpf-avatar,
body.todaki-wpforo .wpforo-post .avatar {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

@media (min-width: 768px) {
  body.todaki-wpforo { background: var(--bg-2); }
  body.todaki-wpforo .wpforo-content,
  body.todaki-wpforo #wpforo {
    box-shadow: 0 0 0 1px var(--line-softer);
    background: var(--bg);
    min-height: 100vh;
  }
}

/* ============================================================== */
/* Todaki — Gangnam-style card feed (v0.1.7)                       */
/* ============================================================== */

/* Hide default wpForo chrome on community pages so only our cards show. */
body.todaki-wpforo #wpforo.todaki-wpforo-hidden,
body.todaki-wpforo .wpforo-bcrumbs,
body.todaki-wpforo .wpf-breadcrumbs,
body.todaki-wpforo .wpf-toolbar,
body.todaki-wpforo .wpforo-top-menu,
body.todaki-wpforo .wpf-top-menu,
body.todaki-wpforo aside,
body.todaki-wpforo .widget_recent_entries,
body.todaki-wpforo .widget_recent_comments {
  display: none !important;
}

/* The card-feed wrapper sits inside main, full body width. */
body.todaki-wpforo .todaki-cards-wrap {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 0 120px;
  background: #fff;
}

body.todaki-wpforo .todaki-cards {
  display: flex;
  flex-direction: column;
}

body.todaki-wpforo .todaki-cards-empty {
  padding: 60px 20px;
  text-align: center;
  color: var(--ink-3, #888);
  font-size: 14px;
}

/* Card */
body.todaki-wpforo .todaki-card {
  padding: 16px;
  border-bottom: 1px solid var(--line-softer, #eee);
  background: #fff;
}
body.todaki-wpforo .todaki-card__head {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 10px;
}
body.todaki-wpforo .todaki-card__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
body.todaki-wpforo .todaki-card__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  flex: 1;
}
body.todaki-wpforo .todaki-card__nick {
  font-size: 14px;
  font-weight: 600;
  color: var(--ink, #222);
  line-height: 1.2;
}
body.todaki-wpforo .todaki-card__sub {
  font-size: 12px;
  color: var(--ink-3, #888);
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
body.todaki-wpforo .todaki-card__tag {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px 8px;
  margin-left: 2px;
  border-radius: 9999px;
  background: #f4f4f5;
  color: #555;
  font-size: 12px;
  text-decoration: none;
}
body.todaki-wpforo .todaki-card__tag:hover {
  background: #ffeef2;
  color: var(--pink, #FF6680);
}

body.todaki-wpforo .todaki-card__body {
  display: block;
  text-decoration: none;
  color: inherit;
}
body.todaki-wpforo .todaki-card__text {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--ink, #222);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-word;
}
body.todaki-wpforo .todaki-card__images {
  display: grid;
  gap: 4px;
  margin-top: 10px;
}
body.todaki-wpforo .todaki-card__images--1 { grid-template-columns: 1fr; }
body.todaki-wpforo .todaki-card__images--2 { grid-template-columns: 1fr 1fr; }
body.todaki-wpforo .todaki-card__images img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}

body.todaki-wpforo .todaki-card__foot {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 12px;
}
body.todaki-wpforo .todaki-card__stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  color: #444;
}

/* Author badge inside topic detail (used when reply.userid == topic.userid) */
body.todaki-wpforo .todaki-author-badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  color: var(--pink, #FF6680);
  margin-left: 4px;
}

/* Nested replies (when wpForo "reply to reply" is enabled) */
body.todaki-wpforo .wpf-post.wpf-nested,
body.todaki-wpforo .wpf-reply-nested {
  margin-left: 32px;
  border-left: 2px solid #f0f0f0;
  padding-left: 12px;
}

/* ============================================================== */
/* v0.1.8 — Community polish + site-wide overflow hardening        */
/* ============================================================== */

/* Hide the empty "Forum" H1 on community pages (page title is repeated by chip nav). */
body.todaki-wpforo .page-title,
body.todaki-wpforo h1.entry-title,
body.todaki-wpforo .entry-header > h1 {
  display: none !important;
}

/* Center main content + clamp to body width on community pages. */
body.todaki-wpforo main.site-main,
body.todaki-wpforo .site-main {
  max-width: 600px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Match community chip nav + filters to 600px container. */
body.todaki-wpforo .todaki-forum-tabs,
body.todaki-wpforo .todaki-forum-filters {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/* Coral active chip-tab underline (instead of default ink). */
body.todaki-wpforo .todaki-forum-tab.is-active {
  color: var(--pink, #FF6680);
  border-bottom-color: var(--pink, #FF6680);
}

/* Site-wide overflow hardening across all Todaki pages.            */
/* All elements have border-box; html/body block horizontal scroll. */
html, body {
  overflow-x: hidden;
  max-width: 100vw;
}
body.todaki-home *,
body.todaki-listings *,
body.todaki-listing *,
body.todaki-mypage *,
body.todaki-write *,
body.todaki-wpforo *,
body.todaki-auth * {
  box-sizing: border-box;
}

/* Make every image fluid by default in Todaki contexts. */
body.todaki-home img,
body.todaki-listings img,
body.todaki-listing img,
body.todaki-mypage img,
body.todaki-wpforo img,
body.todaki-auth img {
  max-width: 100%;
  height: auto;
}

/* Top bar: clamp inner to 600px, ensure no horizontal overflow. */
.todaki-topbar {
  width: 100%;
  max-width: 100vw;
  box-sizing: border-box;
  overflow: hidden;
}
.todaki-topbar__inner {
  max-width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
  padding-left: 16px;
  padding-right: 16px;
}


/* Empty state polish for our card feed. */
body.todaki-wpforo .todaki-cards-empty {
  padding: 80px 24px;
  font-size: 14px;
  color: var(--ink-3, #888);
  text-align: center;
}

/* When wpForo internals leak (long words, unbreakable URLs), wrap them. */
body.todaki-wpforo .todaki-cards,
body.todaki-wpforo .todaki-cards * {
  word-break: break-word;
  overflow-wrap: anywhere;
  max-width: 100%;
}


/* ===========================================================
 * Todaki v0.2.0 — Card action row (used everywhere)
 * =========================================================== */
.todaki-thread{
  background:#fff;
  border-radius:12px;
  padding:14px 16px;
  margin-bottom:10px;
  border:1px solid #f0f0f0;
}
.todaki-thread__board{
  display:inline-block;
  font-size:11px;
  font-weight:500;
  color:#FF6680;
  background:#FFF0F3;
  border:1px solid #FFD7DE;
  border-radius:999px;
  padding:2px 8px;
  margin-right:6px;
  vertical-align:middle;
  letter-spacing:-.2px;
}
.todaki-thread__title-link{display:block; text-decoration:none; color:inherit;}
.todaki-thread__title{display:inline; margin:0; font-size:15px; font-weight:600; color:#1a1a1a; line-height:1.4; vertical-align:middle;}

.todaki-thread__actions{
  display:flex;
  align-items:center;
  gap:18px;
  padding:8px 0 0;
  margin-top:10px;
  border-top:1px solid #f0f0f0;
}
.todaki-thread__actions .todaki-action,
.todaki-thread__actions button.todaki-action{
  display:inline-flex !important;
  align-items:center;
  gap:5px;
  background:transparent !important;
  border:0 !important;
  padding:6px 2px !important;
  margin:0 !important;
  color:#888 !important;
  font-size:13px;
  text-decoration:none;
  cursor:pointer;
  transition:color .15s;
  -webkit-tap-highlight-color:transparent;
  border-radius:0;
  box-shadow:none !important;
  min-height:auto;
  line-height:1;
}
.todaki-thread__actions .todaki-action:hover{color:#FF6680 !important;}
.todaki-thread__actions .todaki-action.is-on{color:#FF6680 !important; font-weight:500;}
.todaki-thread__actions .todaki-action--bookmark{margin-left:auto !important;}
.todaki-thread__actions .todaki-action svg{display:block; flex-shrink:0;}
.todaki-thread__actions .todaki-action__count{font-variant-numeric:tabular-nums;}

/* 더보기 button — neutralize Hello Elementor button base */
button.todaki-thread__more{
  background:transparent !important;
  border:0 !important;
  padding:4px 0 !important;
  margin-top:6px !important;
  color:#FF6680 !important;
  font-size:13px !important;
  font-weight:500;
  cursor:pointer;
  box-shadow:none !important;
  min-height:auto !important;
  line-height:1.4 !important;
}
button.todaki-thread__more[aria-expanded="true"]{
  background:#FFF0F3 !important;
  color:#FF6680 !important;
  padding:3px 10px !important;
  border-radius:6px !important;
}

.todaki-mypage-bookmarks{margin:24px 0 16px;}
.todaki-section-title{font-size:14px; font-weight:600; color:#1a1a1a; margin:0 0 10px; padding:0 4px;}

/* Today's Pick header — 전체보기 link */
.todaki-pick__head{
  display:flex !important;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.todaki-pick__more{
  font-size:13px;
  color:#888;
  text-decoration:none;
  white-space:nowrap;
  align-self:center;
}
.todaki-pick__more:hover{color:#FF6680;}


/* ── Per-post action bar (like + comment + bookmark) injected by todaki.js ── */
.todaki-wpf-actions__bar{
	display:flex; align-items:center; gap:14px;
	padding:6px 12px 10px;
	margin-top:4px;
	color:#888; font-size:12px;
}
.todaki-wpf-action{
	display:inline-flex; align-items:center; gap:4px;
	background:none; border:none; color:inherit;
	font:inherit; cursor:pointer; padding:4px 6px;
	border-radius:8px;
	transition:background .15s, color .15s;
}
.todaki-wpf-action:hover{ background:#FFE7EB; color:#FF6680; }
.todaki-wpf-action.is-on{ color:#FF6680; }
.todaki-wpf-action.is-on svg{ fill:currentColor; }
.todaki-wpf-action__count{ font-size:12px; min-width:8px; }
.todaki-wpf-action--bookmark{ margin-left:auto; }   /* push bookmark to right */
.todaki-wpf-action--bookmark.is-on svg{ fill:currentColor; stroke:currentColor; }

/* In wpforo's native footer area, hide their default reply count once we render ours */
.wpforo-post-footer .todaki-wpf-actions__bar + .wpforo-replies-count{ display:none; }

/* =================================================================
   v0.2.6 — Phase 2: 글 상세 카드 스타일 (인스타그램 톤)
   ================================================================= */

/* ===== 글 상세에서 숨길 wpForo UI ===== */
body.todaki-wpforo.wpft-post .wpf-head-bar,
body.todaki-wpforo.wpft-post .wpf-breadcrumb,
body.todaki-wpforo.wpft-post .wpforo-bcrumbs,
body.todaki-wpforo.wpft-post .wpforo-top-menu,
body.todaki-wpforo.wpft-post .wpf-top-menu,
body.todaki-wpforo.wpft-post .wpforo-foot,
body.todaki-wpforo.wpft-post .wpforo-footer,
body.todaki-wpforo.wpft-post .wpf-statistics,
body.todaki-wpforo.wpft-post .wpf-thread-stats,
body.todaki-wpforo.wpft-post .wpf-powered-by,
body.todaki-wpforo.wpft-post .wpf-toolbar,
body.todaki-wpforo.wpft-post .wpforo-portable-form-wrap {
  display: none !important;
}

/* "Powered by wpForo" 텍스트 영역 (footer 마지막) */
body.todaki-wpforo.wpft-post #wpforo-wrap > div:last-child:has(a[href*="wpforo"]) {
  display: none !important;
}

/* 작성자 옆 통계 박스 ([#1] / 글:0) 숨김 */
body.todaki-wpforo.wpft-post .wpf-left,
body.todaki-wpforo.wpft-post .wpf-author-info {
  display: none !important;
}

/* 도구모음 (인용/신고/수정/삭제 아이콘) 숨김 — 사용자가 별로라고 함 */
body.todaki-wpforo.wpft-post .wpf-tools,
body.todaki-wpforo.wpft-post .wpf-action-button,
body.todaki-wpforo.wpft-post .wpf-tool-flag,
body.todaki-wpforo.wpft-post .wpf-tool-quote,
body.todaki-wpforo.wpft-post .wpf-tool-reply,
body.todaki-wpforo.wpft-post .wpf-tool-edit,
body.todaki-wpforo.wpft-post .wpf-tool-trash,
body.todaki-wpforo.wpft-post .wpf-tool-share,
body.todaki-wpforo.wpft-post .wpf-tool-tabs,
body.todaki-wpforo.wpft-post .wpforo-post-content + .wpforo-post-info {
  display: none !important;
}

/* "새 답글을 구독 신청" 버튼 숨김 */
body.todaki-wpforo.wpft-post .wpf-thread-subscribe,
body.todaki-wpforo.wpft-post .wpf-subscribe-btn,
body.todaki-wpforo.wpft-post a[href*="subscribe"] {
  display: none !important;
}

/* [#1] 같은 글 번호 배지 숨김 */
body.todaki-wpforo.wpft-post .wpf-post-num,
body.todaki-wpforo.wpft-post .wpforo-post-num {
  display: none !important;
}


/* ===== 글 상세 컨테이너: 카드처럼 ===== */
body.todaki-wpforo.wpft-post #wpforo,
body.todaki-wpforo.wpft-post #wpforo-wrap {
  max-width: var(--max-w);
  margin: 0 auto;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

/* 글 제목 영역 */
body.todaki-wpforo.wpft-post .wpf-topic-title,
body.todaki-wpforo.wpft-post h1.wpforo-topic-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--ink);
  padding: 16px 16px 12px;
  margin: 0;
  background: var(--bg);
  border-bottom: 1px solid var(--bg-2);
}

/* 본문/댓글 카드 (post-wrap = wpforo의 글 단위) */
body.todaki-wpforo.wpft-post .post-wrap {
  background: var(--bg);
  border: none;
  margin: 0;
  padding: 0;
  border-bottom: 8px solid var(--bg-2);  /* 카드 사이 회색 구분 */
}

/* 본문(첫 글: wpfp-first)과 답글(post-wrap) 공통 */
body.todaki-wpforo.wpft-post .wpforo-post {
  padding: 16px;
  background: var(--bg);
  border: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* 작성자 헤더 (아바타 + 닉네임 + 시간) */
body.todaki-wpforo.wpft-post .wpforo-post-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  margin: 0 0 8px;
  background: transparent;
  border: none;
}

body.todaki-wpforo.wpft-post .wpforo-post-head .wpf-author-avatar {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

body.todaki-wpforo.wpft-post .wpforo-post-head .wpf-author-avatar img,
body.todaki-wpforo.wpft-post .wpforo-post-head .wpf-author-avatar span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
}

body.todaki-wpforo.wpft-post .wpforo-post-head .wpf-author-name,
body.todaki-wpforo.wpft-post .wpforo-post-head a[href*="profile"] {
  font-weight: 600;
  font-size: 14px;
  color: var(--ink);
  text-decoration: none;
}

body.todaki-wpforo.wpft-post .wpforo-post-head .wpf-post-date,
body.todaki-wpforo.wpft-post .wpforo-post-head time {
  font-size: 12px;
  color: var(--ink-3);
}

/* 본문 텍스트 */
body.todaki-wpforo.wpft-post .wpforo-post-content {
  font-size: 14px;
  line-height: 1.6;
  color: var(--ink);
  padding: 0;
  margin: 0;
}

body.todaki-wpforo.wpft-post .wpforo-post-content p {
  margin: 0 0 10px;
}

body.todaki-wpforo.wpft-post .wpforo-post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 8px 0;
}

/* "1개 답글" 헤더 */
body.todaki-wpforo.wpft-post .wpf-replies-sep,
body.todaki-wpforo.wpft-post #wpf-replies-sep {
  padding: 12px 16px;
  margin: 0;
  background: var(--bg);
  border: none;
  border-bottom: 1px solid var(--bg-2);
  font-size: 14px;
  font-weight: 600;
  color: var(--ink);
}

body.todaki-wpforo.wpft-post .wpf-replies-sep i {
  display: none;  /* 아이콘 숨김 (모던 톤) */
}

/* 답글(reply)은 본문보다 약간 작게 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post {
  padding: 12px 16px;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-head .wpf-author-avatar {
  width: 32px;
  height: 32px;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) {
  border-bottom: 1px solid var(--bg-2);  /* 답글 사이는 얇은 라인 */
}


/* ===== 댓글 입력 폼 (.td-gu-formcard) 위치/스타일 보정 ===== */
body.todaki-wpforo.wpft-post .td-gu-wrap {
  margin: 0;
  padding: 12px 16px;
  background: var(--bg);
  border-bottom: 1px solid var(--bg-2);
}

body.todaki-wpforo.wpft-post .td-gu-formcard {
  background: var(--bg);
  border: 1px solid var(--bg-2);
  border-radius: 12px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.todaki-wpforo.wpft-post .td-gu-input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font: inherit;
  color: var(--ink);
  resize: none;
  min-height: 24px;
}

body.todaki-wpforo.wpft-post .td-gu-input::placeholder {
  color: var(--ink-3);
}

body.todaki-wpforo.wpft-post .td-gu-formfoot {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

body.todaki-wpforo.wpft-post .td-gu-cancel,
body.todaki-wpforo.wpft-post .td-gu-submit {
  background: transparent;
  border: none;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  color: var(--ink-3);
}

body.todaki-wpforo.wpft-post .td-gu-submit {
  color: var(--pink);
}

body.todaki-wpforo.wpft-post .td-gu-submit:disabled {
  color: var(--ink-3);
  opacity: 0.5;
  cursor: default;
}


/* 글 상세에서는 자식테마가 그리는 글 목록 카드 술김 (functions.php의 wp_footer 훅이 글 상세에서도 todaki-cards-wrap을 출력하는 버그에 대한 폴백) */
body.todaki-wpforo.wpft-post .todaki-cards-wrap,
body.todaki-wpforo.wpft-post .todaki-card,
body.todaki-wpforo.wpft-post .todaki-forum-tabs {
  display: none !important;
}

/* =================================================================
   v0.2.7 — Phase 3: 댓글 영역 + 액션바 인터랙션
   ================================================================= */

/* ===== 댓글 영역 컨테이너 ===== */
body.todaki-wpforo.wpft-post .td-comments-wrap {
  background: var(--bg);
  margin: 0;
  padding: 0;
  border-bottom: 8px solid var(--bg-2);
}

/* "댓글 N" 헤더 */
body.todaki-wpforo.wpft-post .td-comments-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px 10px;
  border-bottom: 1px solid var(--bg-2);
}

body.todaki-wpforo.wpft-post .td-comments-count {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
}

body.todaki-wpforo.wpft-post .td-comments-sort {
  font-size: 12px;
  color: var(--ink-3);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
}

/* 입력 폼 카드 */
body.todaki-wpforo.wpft-post .td-comments-formcard {
  margin: 12px 16px;
  border: 1px solid var(--bg-3);
  border-radius: 12px;
  padding: 12px 14px;
  background: var(--bg);
}

body.todaki-wpforo.wpft-post .td-comments-formcard:focus-within {
  border-color: var(--ink-3);
}

body.todaki-wpforo.wpft-post .td-comments-input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: 14px;
  color: var(--ink);
  resize: none;
  min-height: 22px;
  line-height: 1.5;
}

body.todaki-wpforo.wpft-post .td-comments-input::placeholder {
  color: var(--ink-3);
}

body.todaki-wpforo.wpft-post .td-comments-formfoot {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 8px;
}

body.todaki-wpforo.wpft-post .td-comments-cancel,
body.todaki-wpforo.wpft-post .td-comments-submit {
  background: transparent;
  border: none;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 8px;
  color: var(--ink-3);
}

body.todaki-wpforo.wpft-post .td-comments-submit {
  color: var(--pink);
}

body.todaki-wpforo.wpft-post .td-comments-submit:disabled {
  color: var(--ink-3);
  opacity: 0.4;
  cursor: default;
}

/* 액션바: 좋아요/댓글/북마크 */
body.todaki-wpforo.wpft-post .todaki-wpf-actions__bar {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 16px 12px;
}

body.todaki-wpforo.wpft-post .todaki-wpf-action {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: none;
  border: none;
  color: var(--ink);
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  padding: 0;
}

body.todaki-wpforo.wpft-post .todaki-wpf-action.is-on {
  color: var(--pink);
}

body.todaki-wpforo.wpft-post .todaki-wpf-action.is-on svg {
  fill: currentColor;
}

body.todaki-wpforo.wpft-post .todaki-wpf-action--bookmark {
  margin-left: auto;
}



/* v0.2.8 — 글 제목 영역/통계 박스/메뉴바 숨김 (익스트라 클래스) */
body.todaki-wpforo.wpft-post .wpf-bar-right,
body.todaki-wpforo.wpft-post .wpf-search,
body.todaki-wpforo.wpft-post .wpf-alerts,
body.todaki-wpforo.wpft-post .wpf-bell,
body.todaki-wpforo.wpft-post .wpforo-topic-head-wrap,
body.todaki-wpforo.wpft-post .wpf-post-head-top,
body.todaki-wpforo.wpft-post .wpf-post-info,
body.todaki-wpforo.wpft-post .wpf-post-stat,
body.todaki-wpforo.wpft-post .wpf-post-stat-box,
body.todaki-wpforo.wpft-post .wpf-tstat,
body.todaki-wpforo.wpft-post .wpf-tlabel,
body.todaki-wpforo.wpft-post .wpf-tools-tabs,
body.todaki-wpforo.wpft-post .wpforo-rss,
body.todaki-wpforo.wpft-post .wpf-rss,
body.todaki-wpforo.wpft-post a[href*="feed"],
body.todaki-wpforo.wpft-post .wpf-tool-tabs-wrap,
body.todaki-wpforo.wpft-post .wpf-author-info-wrap,
body.todaki-wpforo.wpft-post .wpf-user-roles,
body.todaki-wpforo.wpft-post .wpf-author-mention,
body.todaki-wpforo.wpft-post .wpf-jinday {
  display: none !important;
}


/* v0.2.9 — 작성자 헤더/[#1]/도구바 숨김 (익스트라 클래스) */
body.todaki-wpforo.wpft-post .wpf-member-title,
body.todaki-wpforo.wpft-post .wpf-author-title,
body.todaki-wpforo.wpft-post .wpf-author-flag,
body.todaki-wpforo.wpft-post .wpf-online-status,
body.todaki-wpforo.wpft-post .wpf-author-mention,
body.todaki-wpforo.wpft-post .wpf-jinday,
body.todaki-wpforo.wpft-post .wpf-author-info-wrap,
body.todaki-wpforo.wpft-post .wpf-action,
body.todaki-wpforo.wpft-post .wpf-topic-id,
body.todaki-wpforo.wpft-post .wpforo-action-buttons-wrap,
body.todaki-wpforo.wpft-post .wpf-post-btns,
body.todaki-wpforo.wpft-post .wpf-tools,
body.todaki-wpforo.wpft-post .wpf-author > *:not(.wpf-author-name):not(.wpforo-date):not(.wpforo-date-ago):not(a[href*="profile"]) {
  display: none !important;
}


/* v0.3.0 — 원본 wpForo 답글 폼 + 중복 헤더 숨김 */
/* wpForo TinyMCE 원본 답글 작성 폼 */
body.todaki-wpforo.wpft-post .wpf-form-wrapper,
body.todaki-wpforo.wpft-post .wpfel-4,
body.todaki-wpforo.wpft-post .wpf-reply-form-title,
body.todaki-wpforo.wpft-post .wpf-post-create {
  display: none !important;
}

/* "1개 답글" 키워드 헤더 숨김 (우리 "댓글 N"으로 대체) */
body.todaki-wpforo.wpft-post #wpf-replies-sep,
body.todaki-wpforo.wpft-post .wpf-replies-sep {
  display: none !important;
}


/* v0.3.3 — 하단 wpForo 기본 UI 추가 숨김 (다음 주제/방문자/Powered by) */
body.todaki-wpforo.wpft-post .wpf-topic-prnx,
body.todaki-wpforo.wpft-post .wpf-topic-visitors,
body.todaki-wpforo.wpft-post #wpforo-foot,
body.todaki-wpforo.wpft-post #wpforo-wrap > .wpf-default-foot,
body.todaki-wpforo.wpft-post .wpforo-foot-wrap,
body.todaki-wpforo.wpft-post .wpf-thread-bot,
body.todaki-wpforo.wpft-post .wpforo-section + div:has(a[href*="wpforo"]) {
  display: none !important;
}


/* v0.3.4 — SNS 공유 버튼 숨김 */
body.todaki-wpforo.wpft-post .wpf-sbtn,
body.todaki-wpforo.wpft-post .wpf-sb-bottom,
body.todaki-wpforo.wpft-post .wpf-sb-top,
body.todaki-wpforo.wpft-post .wpf-share-button,
body.todaki-wpforo.wpft-post .wpf-sbtn-title,
body.todaki-wpforo.wpft-post a[href*="facebook.com/sharer"],
body.todaki-wpforo.wpft-post a[href*="twitter.com/intent"],
body.todaki-wpforo.wpft-post a[href*="x.com/intent"],
body.todaki-wpforo.wpft-post a[href*="whatsapp.com"] {
  display: none !important;
}


/* v0.3.5 — wpForo 글로벌 푸터(외랜, 통계, Powered by) 숨김 */
body.todaki-wpforo.wpft-post #wpforo-stat-body,
body.todaki-wpforo.wpft-post #wpforo-footer,
body.todaki-wpforo.wpft-post #wpforo-poweredby,
body.todaki-wpforo.wpft-post .wpf-footer-box,
body.todaki-wpforo.wpft-post .wpforo-statistics,
body.todaki-wpforo.wpft-post .wpf-stat-info,
body.todaki-wpforo.wpft-post .wpf-last-info,
body.todaki-wpforo.wpft-post .wpforo-stat-body {
  display: none !important;
}


/* =================================================================
   v0.4.0 — 인스타그램 톤으로 디자인 전면 정비 (사용자 스크린샷 기반)
   ================================================================= */

/* ========== 액션바: 큰 카운트 + 본문 위 구분선 ========== */

/* 본문 카드 액션바 wrapper (글 상세) */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-actions {
  border-top: 1px solid var(--bg-3, #F5F5F7);
  padding: 14px 0 6px;
  margin-top: 12px;
  background: transparent;
}

/* 액션바 내부 (좋아요/댓글/북마크 가로 정렬) */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-actions__bar {
  display: flex;
  align-items: center;
  gap: 18px;
  width: 100%;
}

/* 좋아요/댓글 버튼 (왼쪽) */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action--like,
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action--comment {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: transparent;
  border: none;
  padding: 4px;
  font-size: 17px;
  font-weight: 600;
  color: var(--ink, #111);
  cursor: pointer;
}

/* 북마크 버튼은 오른쪽 끝으로 밀기 */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action--bookmark {
  background: transparent;
  border: none;
  padding: 4px;
  margin-left: auto;
  cursor: pointer;
  color: var(--ink, #111);
}

/* SVG 아이콘 크기 키움 */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.7;
}

/* 좋아요 활성화 (is-on) - 채워진 검정 하트 */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action--like.is-on svg {
  fill: var(--ink, #111);
  stroke: var(--ink, #111);
}

/* 북마크 활성화 - 채워진 검정 */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action--bookmark.is-on svg {
  fill: var(--ink, #111);
  stroke: var(--ink, #111);
}

/* 카운트 텍스트 (♡ 옆 숫자) */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action__count {
  font-size: 17px;
  font-weight: 600;
  color: var(--ink, #111);
  min-width: 8px;
  font-variant-numeric: tabular-nums;
}

/* reacted-users (이모지 모음) 숨김 */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .reacted-users {
  display: none;
}


/* ========== 댓글 헤더 (.td-comments-head) ========== */

body.todaki-wpforo.wpft-post .td-comments-wrap {
  margin: 0;
  padding: 0;
  background: transparent;
  border-bottom: none;
}

body.todaki-wpforo.wpft-post .td-comments-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0 14px;
  border-top: 1px solid var(--bg-3, #F5F5F7);
  margin-top: 8px;
}

body.todaki-wpforo.wpft-post .td-comments-count {
  font-size: 16px;
  font-weight: 700;
  color: var(--ink, #111);
}

body.todaki-wpforo.wpft-post .td-comments-sort {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-2, #424247);
  cursor: pointer;
}

body.todaki-wpforo.wpft-post .td-comments-sort svg {
  width: 14px;
  height: 14px;
  stroke-width: 2;
}


/* ========== 댓글 입력 폼 (.td-comments-formcard) ========== */

body.todaki-wpforo.wpft-post .td-comments-formcard {
  background: var(--bg, #FFFFFF);
  border: 1px solid var(--bg-3, #F5F5F7);
  border-radius: 12px;
  padding: 16px;
  margin: 0 0 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color 0.15s;
}

body.todaki-wpforo.wpft-post .td-comments-formcard:focus-within {
  border-color: var(--ink-3, #8A8D93);
}

body.todaki-wpforo.wpft-post .td-comments-input {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  color: var(--ink, #111);
  resize: none;
  min-height: 22px;
  padding: 0;
}

body.todaki-wpforo.wpft-post .td-comments-input::placeholder {
  color: var(--ink-3, #8A8D93);
}

/* 인스타처럼: 입력 안 하면 "취소/등록" 숨김, 포커스/입력 시 표시 */
body.todaki-wpforo.wpft-post .td-comments-formfoot {
  display: none;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 4px;
}

body.todaki-wpforo.wpft-post .td-comments-formcard:focus-within .td-comments-formfoot,
body.todaki-wpforo.wpft-post .td-comments-formcard.is-active .td-comments-formfoot {
  display: flex;
}

body.todaki-wpforo.wpft-post .td-comments-cancel,
body.todaki-wpforo.wpft-post .td-comments-submit {
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  padding: 4px 4px;
}

body.todaki-wpforo.wpft-post .td-comments-cancel {
  color: var(--ink-2, #424247);
}

body.todaki-wpforo.wpft-post .td-comments-submit {
  color: var(--ink, #111);
}

body.todaki-wpforo.wpft-post .td-comments-submit:disabled {
  color: var(--ink-3, #8A8D93);
  opacity: 0.45;
  cursor: default;
}


/* ========== 답글(reply) 카드 — 인스타 댓글 한 줄 스타일 ========== */

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) {
  background: transparent;
  border-bottom: none !important;
  margin: 0;
  padding: 0;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post {
  padding: 12px 0;
  background: transparent;
  border: none;
  display: grid;
  grid-template-columns: 36px 1fr;
  grid-column-gap: 12px;
  align-items: start;
}

/* 답글 본문 헤더: 닉네임 옆에 시간 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-head {
  grid-column: 2;
  display: flex;
  align-items: baseline;
  gap: 6px;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
}

/* 답글 아바타: 36px 둥근 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author-avatar {
  grid-column: 1;
  grid-row: 1 / span 3;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author-avatar img,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author-avatar > span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  background: var(--bg-3, #F5F5F7);
}

/* 닉네임 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author-name,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) a[href*="profile"] {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink, #111);
  text-decoration: none;
}

/* 시간 (·로 구분되어 닉네임 옆) */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-date,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-date-ago {
  font-size: 12px;
  font-weight: 400;
  color: var(--ink-3, #8A8D93);
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-date::before,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-date-ago::before {
  content: "· ";
  margin-right: 2px;
}

/* 답글 본문 텍스트 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-content {
  grid-column: 2;
  font-size: 14px;
  line-height: 1.45;
  color: var(--ink, #111);
  padding: 4px 0 6px;
  margin: 0;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-content p {
  margin: 0 0 4px;
}

/* 답글 액션바: 작은 ♡ 0 / "댓글 쓰기" 텍스트 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-actions {
  grid-column: 2;
  border: none !important;
  padding: 2px 0 0 !important;
  margin: 0;
  background: transparent;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-actions__bar {
  display: flex;
  align-items: center;
  gap: 14px;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: none;
  padding: 0;
  font-size: 12px;
  font-weight: 500;
  color: var(--ink-2, #424247);
  cursor: pointer;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action svg {
  width: 14px;
  height: 14px;
  stroke-width: 1.8;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action__count {
  font-size: 12px;
  font-weight: 500;
  color: var(--ink-2, #424247);
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action--like.is-on svg {
  fill: #E0245E;
  stroke: #E0245E;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action--like.is-on .todaki-wpf-action__count {
  color: #E0245E;
}

/* 답글의 북마크/댓글 아이콘 텍스트화 ("댓글 쓰기"로 보이게) — 우선 SVG는 보이게 두고 옆에 텍스트 추가 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action--comment::after {
  content: "댓글 쓰기";
  font-size: 12px;
  font-weight: 500;
  color: var(--ink-2, #424247);
  margin-left: 2px;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action--comment .todaki-wpf-action__count {
  display: none;
}

/* 답글의 reacted-users (이모지) 숨김 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .reacted-users {
  display: none;
}

/* 답글의 북마크는 숨김 (인스타에선 답글에 북마크 없음) */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action--bookmark {
  display: none;
}


/* ========== 본문(첫 글) 카드: 패딩/간격 다듬기 ========== */

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first {
  background: var(--bg, #FFFFFF);
  border: none;
  border-bottom: none !important;
  margin: 0;
  padding: 0;
}

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-post {
  padding: 0 16px;
  background: transparent;
  border: none;
  display: block;
}

/* 본문 작성자 헤더 (admin 5월 02, 2026 ...) */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-post-head {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 0 10px;
  margin: 0;
  background: transparent;
  border: none;
}

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpf-author-avatar {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpf-author-avatar img,
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpf-author-avatar > span {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
  background: var(--bg-3, #F5F5F7);
}

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpf-author-name,
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first a[href*="profile"] {
  font-size: 14px;
  font-weight: 700;
  color: var(--ink, #111);
  text-decoration: none;
}

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-date,
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-date-ago {
  font-size: 12px;
  font-weight: 400;
  color: var(--ink-3, #8A8D93);
  margin-left: auto;
}

/* 본문 텍스트 */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-post-content {
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink, #111);
  padding: 0;
  margin: 0 0 10px;
}

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-post-content p {
  margin: 0 0 8px;
}

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-post-content img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  margin: 8px 0;
  display: block;
}


/* ========== 댓글 영역 wrapper 패딩 (16px 좌우) ========== */

body.todaki-wpforo.wpft-post .td-comments-wrap {
  padding: 0 16px;
  margin: 0;
}

/* 답글들도 16px 좌우 들여쓰기 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) {
  padding-left: 16px;
  padding-right: 16px;
}

/* 본문과 액션바 사이 (이미지 직후) 여백 */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-post-footer.todaki-wpf-actions {
  padding: 14px 16px 8px;
  margin: 0 -16px;
  border-top: 1px solid var(--bg-3, #F5F5F7);
}

/* wpforo-post 그리드 보정 (위에서 본문 헤더는 flex로 잡았으므로) */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-post {
  display: flex;
  flex-direction: column;
}


/* =================================================================
   v0.4.1 — 정밀 보정: specificity 강화 + wpforo 답글 내부 wrapper 정리
   ================================================================= */

/* === 회색 박스 원인: wpforo 답글의 .wpf-content-head, .wpf-right 등이 grid 안에 절못 배치 === */
/* 답글의 모든 wpforo 기본 wrapper는 투명화하고 흐름 조정 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post {
  display: grid !important;
  grid-template-columns: 36px 1fr !important;
  grid-template-areas: "avatar head" "avatar body" "avatar actions" !important;
  gap: 4px 12px !important;
  padding: 12px 16px !important;
  background: transparent !important;
  border: none !important;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post > * {
  grid-column: 2;
  grid-row: auto;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author-avatar {
  grid-area: avatar !important;
  width: 36px !important;
  height: 36px !important;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-head,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-content-head,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-content-head-top,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-right {
  grid-column: 2 !important;
  display: contents !important;
}

/* 답글 헤더 (닉네임 + 시간) */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author {
  grid-area: head !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 답글 본문 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-content {
  grid-area: body !important;
  padding: 0 !important;
  margin: 4px 0 6px !important;
}

/* 답글 액션바 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-footer.todaki-wpf-actions {
  grid-area: actions !important;
  padding: 0 !important;
  border: none !important;
  margin: 0 !important;
}

/* === 댓글 헤더 크기 강제 (specificity 강화) === */
body.todaki-wpforo.wpft-post .td-comments-wrap .td-comments-count {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ink, #111) !important;
}

/* === 본문 좋아요/댓글 카운트 크기 강제 === */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action__count {
  font-size: 17px !important;
  font-weight: 600 !important;
}

body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .todaki-wpf-action svg {
  width: 24px !important;
  height: 24px !important;
}

/* === 본문 액션바 위 구분선 === */
body.todaki-wpforo.wpft-post .post-wrap.wpfp-first .wpforo-post-footer.todaki-wpf-actions {
  border-top: 1px solid var(--bg-3, #F5F5F7) !important;
  padding: 14px 16px 8px !important;
  margin: 12px -16px 0 !important;
}

/* === 입력 폼 메시지 더 크게 (placeholder + 메세지) === */
body.todaki-wpforo.wpft-post .td-comments-input {
  font-size: 14px !important;
  color: var(--ink, #111) !important;
}

body.todaki-wpforo.wpft-post .td-comments-input::placeholder {
  color: var(--ink-3, #8A8D93) !important;
}


/* v0.4.2 — 빈 회색 박스 원인 제거 + 글 목록 필터가 글 상세에 나오는 것 숨김 */
body.todaki-wpforo.wpft-post #wpforo-menu,
body.todaki-wpforo.wpft-post .wpforo-menu,
body.todaki-wpforo.wpft-post .todaki-forum-filters,
body.todaki-wpforo.wpft-post .todaki-chip,
body.todaki-wpforo.wpft-post .wpf-bar-left {
  display: none !important;
}


/* v0.4.3 — 답글 카드 단순화 (grid 포기, position:relative + padding-left + absolute 아바타) */
/* 이전 grid 규칙을 모두 덮음 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post {
  display: block !important;
  position: relative !important;
  padding: 12px 16px 12px 64px !important;
  background: transparent !important;
  border: none !important;
  grid-template-columns: none !important;
  grid-template-areas: none !important;
  gap: 0 !important;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post > * {
  grid-column: auto !important;
  grid-area: auto !important;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author-avatar {
  position: absolute !important;
  left: 16px !important;
  top: 12px !important;
  width: 36px !important;
  height: 36px !important;
  grid-area: auto !important;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author-avatar img,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author-avatar > span {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  display: block !important;
  background: var(--bg-3, #F5F5F7) !important;
}

/* 답글 헤더/부모 wrapper는 자연스럽게 흐르게 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-content-head,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-content-head-top,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-right,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-head {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  grid-area: auto !important;
  grid-column: auto !important;
}

body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpf-author {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 6px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  grid-area: auto !important;
}

/* 시간은 닉네임 옆에 inline으로 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-date,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-date-ago {
  display: inline !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: var(--ink-3, #8A8D93) !important;
  margin-left: 4px !important;
  white-space: nowrap !important;
}

/* 답글 본문 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-content {
  display: block !important;
  padding: 4px 0 6px !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  color: var(--ink, #111) !important;
  grid-area: auto !important;
  grid-column: auto !important;
}

/* 답글 액션바 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-footer.todaki-wpf-actions {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  grid-area: auto !important;
}

/* reacted-users 어쩔 경우에도 숨김 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .reacted-users {
  display: none !important;
}


/* v0.4.4 — 답글 position:relative 보강 + 액션바 잔여 회색 박스 제거 + 답글 댓글 카운트 숨김 */
/* 답글의 wpforo-post가 absolute 아바타의 containing block이 되게 position:relative 명시 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post {
  position: relative !important;
}

/* 답글 액션바 wrapper의 회색 바탕/border/padding 완전 제거 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .wpforo-post-footer,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-actions {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 4px 0 0 !important;
  margin: 0 !important;
}

/* reacted-users (이모지) 완전 숨김 */
body.todaki-wpforo.wpft-post .reacted-users,
body.todaki-wpforo.wpft-post .post-wrap .reacted-users,
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .reacted-users {
  display: none !important;
}

/* 답글의 댓글 카운트(0) 숨김 — "댓글 쓰기" 텍스트만 보이게 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action--comment .todaki-wpf-action__count {
  display: none !important;
}

/* 답글의 좋아요 카운트도 잔으로 작게 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action--like .todaki-wpf-action__count {
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* 답글 액션 아이콘 크기 제한 (본문의 24px가 보혀 혀시 그대로 보이는 일 막음) */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action svg {
  width: 14px !important;
  height: 14px !important;
  stroke-width: 1.8 !important;
}

/* 답글 액션바 자체도 항상 flex 행 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-actions__bar {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

/* 답글 액션은 좌측에서만 14px 좌측 들여쓰기 */
body.todaki-wpforo.wpft-post .post-wrap:not(.wpfp-first) .todaki-wpf-action {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--ink-2, #424247) !important;
  cursor: pointer !important;
}


/* =================================================================
   v0.5.0 — Todaki community feed design
   = 모바일 우선, 540px 가운데 정렬, 주황 #FF6680 강조, 검정 활성탭
   = 출력 순서: 토큰 → layout → topbar → tabs → filters → card →
                action_bar → topic_detail → comments_replies →
                reply_form → dock → fab → footer
   ================================================================= */

/* === Component: design tokens (root variables) === */
:root {
  --todaki-bg: #FFFFFF;
  --todaki-bg-soft: #F4F5F7;
  --todaki-bg-elev: #FAFBFC;
  --todaki-line: #EDEEF1;
  --todaki-line-strong: #D8DADF;
  --todaki-text: #1A1A1A;
  --todaki-text-sub: #6B7280;
  --todaki-text-mute: #9CA3AF;
  --todaki-brand: #FF6680;
  --todaki-brand-press: #E55670;
  --todaki-brand-soft: #FFE8ED;
  --todaki-accent-on: #111111;
  --todaki-accent-on-text: #FFFFFF;
  --todaki-danger: #EF4444;

  --todaki-radius-chip: 999px;
  --todaki-radius-card: 16px;
  --todaki-radius-btn: 12px;
  --todaki-radius-input: 12px;
  --todaki-radius-fab: 999px;

  --todaki-shadow-fab: 0 6px 16px rgba(255, 102, 128,0.35);
  --todaki-shadow-dock: 0 -4px 12px rgba(0,0,0,0.06);

  --todaki-w-mobile: 540px;
  --todaki-w-content: 500px;
  --todaki-h-topbar: 52px;
  --todaki-h-dock: 64px;

  --todaki-font-base: 'Pretendard', system-ui, -apple-system, 'Apple SD Gothic Neo', 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --todaki-fz-meta: 12px;
  --todaki-fz-body: 14.5px;
  --todaki-fz-title: 17px;
  --todaki-fz-h: 20px;
  --todaki-lh-body: 1.55;
  --todaki-lh-tight: 1.35;
}


/* === Component: layout_wrapper (커뮤니티 페이지에만 누수 X) === */
/* wpForo 페이지 본문만 가운데 정렬. body.todaki-wpforo 표 스코프 제한 */
body.todaki-wpforo {
  background: var(--todaki-bg-soft);
  font-family: var(--todaki-font-base);
  color: var(--todaki-text);
}

body.todaki-wpforo .site-main,
body.todaki-wpforo main,
body.todaki-wpforo #wpforo-wrap {
  max-width: var(--todaki-w-mobile);
  margin-inline: auto;
  background: var(--todaki-bg);
}


/* === Component: topbar (상단 헤더) === */
body.todaki-wpforo .todaki-topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  background: var(--todaki-bg);
  border-bottom: 1px solid var(--todaki-line);
}

body.todaki-wpforo .todaki-topbar__inner {
  max-width: var(--todaki-w-content);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--todaki-h-topbar);
  padding-inline: 16px;
}

body.todaki-wpforo .todaki-topbar__brand {
  font-size: 17px;
  font-weight: 700;
  color: var(--todaki-text);
  text-decoration: none;
}

body.todaki-wpforo .todaki-topbar__brand img {
  height: 22px;
  width: auto;
  display: block;
}

body.todaki-wpforo .todaki-topbar__nav {
  display: flex;
  align-items: center;
  gap: 12px;
}

body.todaki-wpforo .todaki-topbar__link {
  font-size: 14px;
  font-weight: 500;
  color: var(--todaki-text-sub);
  text-decoration: none;
  transition: color 150ms ease;
}

body.todaki-wpforo .todaki-topbar__link:hover {
  color: var(--todaki-text);
}

body.todaki-wpforo .todaki-topbar__link.is-cta {
  border: 1px solid var(--todaki-line-strong);
  padding: 6px 12px;
  border-radius: var(--todaki-radius-btn);
  color: var(--todaki-text);
  font-weight: 600;
  font-size: 13px;
  transition: all 150ms ease;
}

body.todaki-wpforo .todaki-topbar__link.is-cta:hover {
  border-color: var(--todaki-text);
}


/* === Component: category_tabs (카테고리 칩, 활성=검정) === */
body.todaki-wpforo .todaki-forum-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding: 12px 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background: var(--todaki-bg);
  border-bottom: 1px solid var(--todaki-line);
}

body.todaki-wpforo .todaki-forum-tabs::-webkit-scrollbar {
  display: none;
}

body.todaki-wpforo .todaki-forum-tab {
  flex: 0 0 auto;
  padding: 7px 14px;
  border-radius: var(--todaki-radius-chip);
  background: var(--todaki-bg-soft);
  color: var(--todaki-text);
  font-size: 13.5px;
  font-weight: 500;
  border: 0;
  line-height: 1.2;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 150ms ease, color 150ms ease;
  /* 터치 hit 영역 보장 */
  min-height: 36px;
  display: inline-flex;
  align-items: center;
}

body.todaki-wpforo .todaki-forum-tab:hover {
  background: var(--todaki-bg-elev);
}

body.todaki-wpforo .todaki-forum-tab.is-active,
body.todaki-wpforo .todaki-forum-tab[aria-current="page"] {
  background: var(--todaki-accent-on);
  color: var(--todaki-accent-on-text);
  font-weight: 600;
}

body.todaki-wpforo .todaki-forum-tab__count {
  margin-left: 4px;
  font-size: 12px;
  opacity: 0.8;
}


/* === Component: filters_dropdown (정렬·필터, 텍스트 토글 스타일) === */
body.todaki-wpforo .todaki-forum-filters {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 4px 16px 12px;
  background: var(--todaki-bg);
}

body.todaki-wpforo .todaki-f-drop {
  background: transparent;
  border: 0;
  padding: 6px 8px;
  font-size: 13px;
  color: var(--todaki-text-sub);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  font-family: inherit;
}

body.todaki-wpforo .todaki-f-drop::after {
  content: "↕";
  font-size: 11px;
  opacity: 0.7;
}

body.todaki-wpforo .todaki-f-drop:hover {
  color: var(--todaki-text);
}

body.todaki-wpforo .todaki-chip {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: var(--todaki-radius-chip);
  background: var(--todaki-bg-soft);
  color: var(--todaki-text-sub);
  border: 0;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.4;
}

body.todaki-wpforo .todaki-chip:hover {
  background: var(--todaki-bg-elev);
  color: var(--todaki-text);
}


/* === Component: post_card (카드 리스트, 그림자 없음 hairline 분할) === */
body.todaki-wpforo .todaki-cards-wrap {
  background: var(--todaki-bg);
}

body.todaki-wpforo .todaki-cards {
  display: flex;
  flex-direction: column;
}

body.todaki-wpforo .todaki-card {
  padding: 16px;
  background: var(--todaki-bg);
  border-bottom: 1px solid var(--todaki-line);
  text-decoration: none;
  color: inherit;
  display: block;
  transition: background-color 150ms ease;
}

body.todaki-wpforo .todaki-card:last-child {
  border-bottom: 0;
}

@media (hover: hover) {
  body.todaki-wpforo .todaki-card:hover {
    background: var(--todaki-bg-elev);
  }
}

body.todaki-wpforo .todaki-card__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

body.todaki-wpforo .todaki-card__avatar {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  flex: 0 0 auto;
  background: var(--todaki-bg-soft);
}

body.todaki-wpforo .todaki-card__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

body.todaki-wpforo .todaki-card__nick {
  font-size: 14px;
  font-weight: 600;
  color: var(--todaki-text);
  line-height: 1.2;
}

body.todaki-wpforo .todaki-card__sub {
  font-size: 12px;
  color: var(--todaki-text-sub);
  line-height: 1.2;
}

body.todaki-wpforo .todaki-card__sub::after {
  content: " ›";
  opacity: 0.6;
  margin-left: 2px;
}

body.todaki-wpforo .todaki-card__tag {
  margin-left: auto;
  font-size: 12px;
  color: var(--todaki-text-sub);
}

body.todaki-wpforo .todaki-card__body {
  display: block;
  color: var(--todaki-text);
  text-decoration: none;
}

body.todaki-wpforo .todaki-card__text {
  font-size: var(--todaki-fz-body);
  line-height: var(--todaki-lh-body);
  color: var(--todaki-text);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

body.todaki-wpforo .todaki-card__images {
  margin-top: 10px;
  display: grid;
  gap: 4px;
  border-radius: 12px;
  overflow: hidden;
}

body.todaki-wpforo .todaki-card__images--1 {
  grid-template-columns: 1fr;
}

body.todaki-wpforo .todaki-card__images--1 img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  width: 100%;
  height: auto;
}

body.todaki-wpforo .todaki-card__images--2 {
  grid-template-columns: 1fr 1fr;
}

body.todaki-wpforo .todaki-card__images--2 img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

body.todaki-wpforo .todaki-card__images--3 {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
}

body.todaki-wpforo .todaki-card__images--3 img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

body.todaki-wpforo .todaki-card__images--3 img:first-child {
  grid-row: span 2;
}

/* 운영자가 수동으로 부여하는 블러 hook */
body.todaki-wpforo .todaki-card__images img.is-sensitive {
  filter: blur(18px);
  transform: scale(1.02);
}


/* === Component: action_bar (좋아요·댓글·북마크) === */
body.todaki-wpforo .todaki-card__foot {
  margin-top: 12px;
}

body.todaki-wpforo .todaki-wpf-actions__bar {
  display: flex;
  align-items: center;
  gap: 16px;
}

body.todaki-wpforo .todaki-wpf-action {
  background: transparent;
  border: 0;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--todaki-text-sub);
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
  transition: color 150ms ease;
  /* 터치 hit 영역 */
  min-height: 32px;
}

body.todaki-wpforo .todaki-wpf-action svg,
body.todaki-wpforo .todaki-wpf-action .todaki-icon {
  width: 22px;
  height: 22px;
  stroke-width: 1.7;
}

body.todaki-wpforo .todaki-wpf-action:hover {
  color: var(--todaki-text);
}

/* 좋아요 활성: 빨강 채움 */
body.todaki-wpforo .todaki-wpf-action.is-active[data-action="like"],
body.todaki-wpforo .todaki-wpf-action--like.is-on,
body.todaki-wpforo .todaki-wpf-action--like.is-active {
  color: var(--todaki-danger);
}

body.todaki-wpforo .todaki-wpf-action.is-active[data-action="like"] svg,
body.todaki-wpforo .todaki-wpf-action--like.is-on svg,
body.todaki-wpforo .todaki-wpf-action--like.is-active svg {
  fill: var(--todaki-danger);
  stroke: var(--todaki-danger);
}

/* 북마크 활성: 검정 채움 */
body.todaki-wpforo .todaki-wpf-action.is-active[data-action="bookmark"],
body.todaki-wpforo .todaki-wpf-action--bookmark.is-on,
body.todaki-wpforo .todaki-wpf-action--bookmark.is-active {
  color: var(--todaki-text);
}

body.todaki-wpforo .todaki-wpf-action.is-active[data-action="bookmark"] svg,
body.todaki-wpforo .todaki-wpf-action--bookmark.is-on svg,
body.todaki-wpforo .todaki-wpf-action--bookmark.is-active svg {
  fill: var(--todaki-text);
  stroke: var(--todaki-text);
}

/* 북마크는 우측 끝 */
body.todaki-wpforo .todaki-wpf-action--bookmark {
  margin-left: auto;
}


/* === Component: topic_detail_body (상세 페이지 본문 클램프 해제) === */
/* wp-singular는 상세 토픽 페이지에 붙는 body 클래스 */
body.todaki-wpforo.wp-singular .todaki-card__text,
body.todaki-wpforo.wpft-post .todaki-card__text {
  -webkit-line-clamp: unset;
  display: block;
  overflow: visible;
}

body.todaki-wpforo.wp-singular .todaki-card,
body.todaki-wpforo.wpft-post .todaki-card {
  border-bottom: 1px solid var(--todaki-line);
}


/* === Component: comments_replies (wpForo 원본 마크업 직접 타겟) === */
body.todaki-wpforo .wpforo-post {
  padding: 14px 16px;
  border-bottom: 1px solid var(--todaki-line);
  background: var(--todaki-bg);
}

body.todaki-wpforo .wpforo-post .wpf-author-area,
body.todaki-wpforo .wpforo-post .wpforo-post-head {
  display: flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  padding: 0;
  border: 0;
  margin: 0;
}

body.todaki-wpforo .wpforo-post .wpf-author-avatar img,
body.todaki-wpforo .wpforo-post .wpf-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  object-fit: cover;
  background: var(--todaki-bg-soft);
}

body.todaki-wpforo .wpforo-post .wpf-author-name,
body.todaki-wpforo .wpforo-post .wpf-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--todaki-text);
}

body.todaki-wpforo .wpforo-post .wpf-author-time,
body.todaki-wpforo .wpforo-post .wpf-meta-row,
body.todaki-wpforo .wpforo-post .wpforo-date,
body.todaki-wpforo .wpforo-post .wpforo-date-ago,
body.todaki-wpforo .wpforo-post .wpf-post-date {
  font-size: 12px;
  color: var(--todaki-text-sub);
  margin-left: 4px;
}

body.todaki-wpforo .wpforo-post-content {
  font-size: 14px;
  line-height: 1.55;
  color: var(--todaki-text);
  margin-top: 8px;
}

body.todaki-wpforo .wpforo-post .wpf-action-bar {
  display: flex;
  gap: 14px;
  margin-top: 8px;
}

body.todaki-wpforo .wpforo-post .wpf-action-bar a,
body.todaki-wpforo .wpforo-post .wpf-action-bar button {
  font-size: 12px;
  color: var(--todaki-text-sub);
  background: transparent;
  border: 0;
  padding: 2px 0;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
}

body.todaki-wpforo .wpforo-post .wpf-action-bar a:hover,
body.todaki-wpforo .wpforo-post .wpf-action-bar button:hover {
  color: var(--todaki-text);
}

/* 답글 들여쓰기 (1단) */
body.todaki-wpforo .wpforo-post.wpf-reply,
body.todaki-wpforo .wpforo-post[data-depth="1"] {
  margin-left: 42px;
}

/* 작성자 본인 댓글: ' · 작성자' 라벨 */
body.todaki-wpforo .wpforo-post.wpf-post-by-author .wpf-author-name::after,
body.todaki-wpforo .wpforo-post.wpf-post-by-author .wpf-name::after {
  content: " · 작성자";
  color: var(--todaki-brand);
  font-weight: 500;
  font-size: 12px;
  margin-left: 4px;
}

/* 번역 보기 버튼 hook */
body.todaki-wpforo .wpforo-post .todaki-translate {
  font-size: 12px;
  color: var(--todaki-brand);
  background: transparent;
  border: 0;
  padding: 2px 0;
  margin-top: 4px;
  cursor: pointer;
  font-family: inherit;
}


/* === Component: reply_form (댓글 작성 폼) === */
body.todaki-wpforo .wpf-tool-tab.wpft-reply-move textarea,
body.todaki-wpforo textarea[name="body"],
body.todaki-wpforo .td-comments-input {
  border: 1px solid var(--todaki-line-strong);
  border-radius: var(--todaki-radius-input);
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.5;
  min-height: 80px;
  background: var(--todaki-bg);
  color: var(--todaki-text);
  width: 100%;
  outline: none;
  font-family: inherit;
  resize: vertical;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

body.todaki-wpforo .wpf-tool-tab.wpft-reply-move textarea:focus,
body.todaki-wpforo textarea[name="body"]:focus,
body.todaki-wpforo .td-comments-input:focus {
  border-color: var(--todaki-brand);
  box-shadow: 0 0 0 3px var(--todaki-brand-soft);
}

/* 제출 버튼 (주황) */
body.todaki-wpforo .wpf-tool-tab .wpf-button,
body.todaki-wpforo .wpf-tool-tab [type="submit"],
body.todaki-wpforo .td-comments-submit {
  background: var(--todaki-brand);
  color: #fff;
  border: 0;
  padding: 10px 18px;
  border-radius: var(--todaki-radius-btn);
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 150ms ease;
}

body.todaki-wpforo .wpf-tool-tab .wpf-button:hover,
body.todaki-wpforo .wpf-tool-tab [type="submit"]:hover,
body.todaki-wpforo .td-comments-submit:hover {
  background: var(--todaki-brand-press);
}

body.todaki-wpforo .td-comments-submit:disabled {
  background: var(--todaki-line-strong);
  color: var(--todaki-text-mute);
  cursor: default;
}

body.todaki-wpforo .td-comments-cancel {
  background: transparent;
  color: var(--todaki-text-sub);
  border: 0;
  padding: 10px 14px;
  font-size: 14px;
  cursor: pointer;
  font-family: inherit;
}

/* 비로그인 안내 박스 */
body.todaki-wpforo .todaki-login-prompt,
body.todaki-wpforo .wpf-login-required {
  background: var(--todaki-bg-soft);
  border-radius: var(--todaki-radius-card);
  padding: 16px;
  text-align: center;
  color: var(--todaki-text-sub);
  font-size: 14px;
  margin: 12px 0;
}

body.todaki-wpforo .todaki-login-prompt a,
body.todaki-wpforo .wpf-login-required a {
  color: var(--todaki-brand);
  font-weight: 600;
  text-decoration: none;
}


/* === Component: dock (하단 고정 5개 메뉴) === */
body.todaki-wpforo .todaki-dock {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 60;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  height: var(--todaki-h-dock);
  background: var(--todaki-bg);
  border-top: 1px solid var(--todaki-line);
  box-shadow: var(--todaki-shadow-dock);
  padding-bottom: env(safe-area-inset-bottom);
}

body.todaki-wpforo .todaki-dock__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-decoration: none;
  color: var(--todaki-text-sub);
  font-size: 11px;
  transition: color 150ms ease;
}

body.todaki-wpforo .todaki-dock__item:hover {
  color: var(--todaki-text);
}

body.todaki-wpforo .todaki-dock__item.is-active,
body.todaki-wpforo .todaki-dock__item[aria-current="page"] {
  color: var(--todaki-brand);
  font-weight: 600;
}

body.todaki-wpforo .todaki-dock__item.is-active .todaki-icon,
body.todaki-wpforo .todaki-dock__item[aria-current="page"] .todaki-icon {
  color: var(--todaki-brand);
}

body.todaki-wpforo .todaki-icon {
  width: 24px;
  height: 24px;
  stroke-width: 1.7;
}

body.todaki-wpforo .todaki-dock__label {
  line-height: 1.2;
}

/* 데스크탑 ≥1024px: dock도 가운데 정렬 */
@media (min-width: 1024px) {
  body.todaki-wpforo .todaki-dock {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    max-width: var(--todaki-w-mobile);
    width: 100%;
    border-radius: 16px 16px 0 0;
  }
}


/* === Component: fab (글쓰기 플로팅 버튼) === */
body.todaki-wpforo .todaki-fab {
  position: fixed;
  right: max(16px, calc((100vw - var(--todaki-w-mobile)) / 2 + 16px));
  bottom: calc(var(--todaki-h-dock) + 16px + env(safe-area-inset-bottom));
  background: var(--todaki-brand);
  color: #fff;
  border: 0;
  padding: 12px 18px;
  border-radius: var(--todaki-radius-fab);
  font-size: 14px;
  font-weight: 700;
  box-shadow: var(--todaki-shadow-fab);
  z-index: 70;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  transition: background-color 150ms ease, transform 150ms ease;
}

body.todaki-wpforo .todaki-fab:hover,
body.todaki-wpforo .todaki-fab:active {
  background: var(--todaki-brand-press);
  transform: translateY(-1px);
  color: #fff;
}

body.todaki-wpforo .todaki-fab svg {
  width: 18px;
  height: 18px;
  stroke-width: 2;
}


/* === Component: footer (사이트 푸터) === */
body.todaki-wpforo .todaki-footer {
  padding: 32px 16px 96px; /* 96px: dock+fab 가림 방지 */
  background: var(--todaki-bg);
  border-top: 1px solid var(--todaki-line);
  color: var(--todaki-text-sub);
  font-size: 12px;
  line-height: 1.6;
}

body.todaki-wpforo .todaki-footer__inner {
  max-width: var(--todaki-w-content);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

body.todaki-wpforo .todaki-footer__brand {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.todaki-wpforo .todaki-footer__logo {
  height: 18px;
  width: auto;
  opacity: 0.8;
}

body.todaki-wpforo .todaki-footer__tagline {
  font-size: 12px;
  color: var(--todaki-text-mute);
}

body.todaki-wpforo .todaki-footer__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

body.todaki-wpforo .todaki-footer__nav a {
  color: var(--todaki-text-sub);
  text-decoration: none;
}

body.todaki-wpforo .todaki-footer__nav a:hover {
  color: var(--todaki-text);
  text-decoration: underline;
}

body.todaki-wpforo .todaki-footer__legal {
  font-size: 11px;
  color: var(--todaki-text-mute);
  white-space: pre-line;
}

body.todaki-wpforo .todaki-footer__age {
  font-size: 11px;
  color: var(--todaki-text-mute);
}

body.todaki-wpforo .todaki-footer__copy {
  font-size: 11px;
  color: var(--todaki-text-mute);
}


/* === Interaction: focus / hit area === */
body.todaki-wpforo button:focus-visible,
body.todaki-wpforo a:focus-visible,
body.todaki-wpforo .todaki-forum-tab:focus-visible,
body.todaki-wpforo .todaki-wpf-action:focus-visible,
body.todaki-wpforo .todaki-fab:focus-visible {
  outline: 2px solid var(--todaki-brand);
  outline-offset: 2px;
}


/* === 댓글 헤더(우리 자식테마 .td-comments-*)도 토큰에 맞게 정리 === */
body.todaki-wpforo .td-comments-wrap {
  background: var(--todaki-bg);
  padding: 16px;
}

body.todaki-wpforo .td-comments-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0 12px;
  border-bottom: 1px solid var(--todaki-line);
}

body.todaki-wpforo .td-comments-count {
  font-size: 14px;
  font-weight: 700;
  color: var(--todaki-text);
}

body.todaki-wpforo .td-comments-sort {
  font-size: 12px;
  color: var(--todaki-text-sub);
  cursor: pointer;
}

body.todaki-wpforo .td-comments-formcard {
  background: var(--todaki-bg);
  border: 1px solid var(--todaki-line-strong);
  border-radius: var(--todaki-radius-input);
  padding: 12px 14px;
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  transition: border-color 150ms ease;
}

body.todaki-wpforo .td-comments-formcard:focus-within {
  border-color: var(--todaki-brand);
  box-shadow: 0 0 0 3px var(--todaki-brand-soft);
}

body.todaki-wpforo .td-comments-input {
  border: 0;
  padding: 0;
  min-height: 40px;
  box-shadow: none !important; /* override: focus shadow은 부모에 */
}

body.todaki-wpforo .td-comments-input:focus {
  box-shadow: none !important; /* override: 부모 .td-comments-formcard:focus-within이 처리 */
}

body.todaki-wpforo .td-comments-formfoot {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
}


/* v0.5.1 — 사용자 요구사항 일괄 */

/* [4][5] wpForo 안내문 + 포럼이동 드롭 숨김 */
body.todaki-wpforo .wpf-forum-jump,
body.todaki-wpforo .wpf-navi-item.wpf-forum-jump,
body.todaki-wpforo .wpf-tool-tab.wpft-reply-move > p,
body.todaki-wpforo .wpf-login-info,
body.todaki-wpforo .wpf-login-form-info,
body.todaki-wpforo .wpf-not-logged-in,
body.todaki-wpforo .wpforo-must-login {
  display: none !important;
}

/* [6] 카테고리 탭 항상 노출 (글 상세 포함) */
body.todaki-wpforo.wpft-post .todaki-forum-tabs,
body.todaki-wpforo.wp-singular .todaki-forum-tabs,
body.todaki-wpforo .todaki-forum-tabs {
  display: flex !important;
}

body.todaki-wpforo .todaki-forum-tabs {
  position: sticky;
  top: var(--todaki-h-topbar);
  z-index: 49;
}

/* [7] 모든 주황 버튼 흰 텍스트 */
body.todaki-wpforo .todaki-fab,
body.todaki-wpforo .todaki-fab *,
body.todaki-wpforo .td-comments-submit,
body.todaki-wpforo .wpf-tool-tab .wpf-button,
body.todaki-wpforo .wpf-tool-tab [type="submit"],
body.todaki-wpforo button[type="submit"],
body.todaki-wpforo input[type="submit"] {
  color: #FFFFFF !important;
}

body.todaki-wpforo .td-comments-submit:disabled {
  color: var(--todaki-text-mute, #9CA3AF) !important;
  background: var(--todaki-line-strong, #D8DADF) !important;
}

body.todaki-wpforo .td-comments-cancel {
  color: var(--todaki-text-sub, #6B7280) !important;
}

/* CTA 아웃라인 버튼 */
body.todaki-wpforo .todaki-topbar__link.is-cta,
body.todaki-wpforo a.is-cta {
  background: #FF6680 !important;
  background-color: var(--todaki-bg, #FFFFFF) !important;
  color: var(--todaki-text, #1A1A1A) !important;
  border: 1px solid var(--todaki-line-strong, #D8DADF) !important;
}

/* [3] 댓글 입력창 세련되게 */
body.todaki-wpforo .td-comments-formcard {
  background: var(--todaki-bg, #FFFFFF);
  border: 1px solid var(--todaki-line, #EDEEF1) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  margin: 14px 0 18px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.02);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

body.todaki-wpforo .td-comments-formcard:hover {
  border-color: var(--todaki-line-strong, #D8DADF) !important;
}

body.todaki-wpforo .td-comments-formcard:focus-within {
  border-color: var(--todaki-brand, #FF6680) !important;
  box-shadow: 0 0 0 4px var(--todaki-brand-soft, #FFE8ED) !important;
}

body.todaki-wpforo .td-comments-input {
  border: 0 !important;
  padding: 0 !important;
  min-height: 44px !important;
  font-size: 14.5px !important;
  line-height: 1.5 !important;
  background: transparent !important;
  resize: none !important;
}

body.todaki-wpforo .td-comments-input::placeholder {
  color: var(--todaki-text-mute, #9CA3AF) !important;
}

body.todaki-wpforo .td-comments-formfoot {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--todaki-line, #EDEEF1);
}

body.todaki-wpforo .td-comments-cancel,
body.todaki-wpforo .td-comments-submit {
  padding: 8px 16px !important;
  font-size: 13.5px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
}

body.todaki-wpforo .td-comments-submit:not(:disabled):hover {
  background: var(--todaki-brand-press, #E55670) !important;
}

body.todaki-wpforo .td-comments-cancel:hover {
  background: var(--todaki-bg-soft, #F4F5F7) !important;
  color: var(--todaki-text, #1A1A1A) !important;
}

/* 답글 reacted-users 완전 제거 */
body.todaki-wpforo .reacted-users,
body.todaki-wpforo .post-wrap .reacted-users,
body.todaki-wpforo .wpforo-post .reacted-users {
  display: none !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  visibility: hidden !important;
  overflow: hidden !important;
}


/* === Phase A-3: 잠금 카테고리 카드 UI === */
/* 잠금 카테고리에서 비로그인 시 카드 본문 자리 */
body.todaki-wpforo .todaki-card.is-locked .todaki-card__text,
body.todaki-wpforo .todaki-card.is-locked .todaki-card__images {
  display: none !important;
}

body.todaki-wpforo .todaki-card.is-locked .todaki-card__lock {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px;
  background: var(--todaki-bg-soft, #F4F5F7);
  border-radius: var(--todaki-radius-card, 16px);
  text-align: center;
  margin-top: 8px;
}

body.todaki-wpforo .todaki-card__lock {
  display: none; /* 기본: 숨김 */
}

body.todaki-wpforo .todaki-card__lock-icon {
  font-size: 22px;
  line-height: 1;
}

body.todaki-wpforo .todaki-card__lock-msg {
  font-size: 13px;
  color: var(--todaki-text-sub, #6B7280);
  line-height: 1.4;
}

body.todaki-wpforo .todaki-card__lock-cta {
  display: inline-flex;
  align-items: center;
  padding: 9px 18px;
  background: var(--todaki-accent-on, #111111);
  color: #FFFFFF !important;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  margin-top: 4px;
  transition: opacity 150ms ease;
}

body.todaki-wpforo .todaki-card__lock-cta:hover {
  opacity: 0.85;
}

/* 잠금 카테고리 탭 칩에 자물쇠 아이콘 */
body.todaki-wpforo .todaki-forum-tab.is-locked::after {
  content: ' 🔒';
  font-size: 11px;
  opacity: 0.7;
}


/* =================================================================
   v0.5.4 — Phase B 일부: wpForo 잔재·모바일 패딩·카드 제목·카드 순서 재배치
   ================================================================= */

/* [1] wpForo 기본 UI 잔재 완전 숨김 */
body.todaki-wpforo #wpforo,
body.todaki-wpforo .todaki-wpforo-hidden,
body.todaki-wpforo #wpforo-wrap,
body.todaki-wpforo .wpf-sidebar,
body.todaki-wpforo .wpf-share,
body.todaki-wpforo .wpf-social,
body.todaki-wpforo .wpf-statistic,
body.todaki-wpforo .wpf-powered-by,
body.todaki-wpforo .wpf-foot,
body.todaki-wpforo .wpf-footer,
body.todaki-wpforo .wpforo-stats,
body.todaki-wpforo .wpforo-online,
body.todaki-wpforo .wpforo-recent-topics-widget,
body.todaki-wpforo .wpforo-top-filters,
body.todaki-wpforo .wpf-form-search,
body.todaki-wpforo .wpf-action-row {
	display: none !important;
}

/* [2] 모바일 하단 네비 높이만큼 main 여백 */
body.todaki-wpforo .site-main,
body.todaki-wpforo main#content,
body.todaki-wpforo .page-content,
body.todaki-wpforo .todaki-cards-wrap {
	padding-bottom: calc(var(--todaki-h-dock, 64px) + 80px + env(safe-area-inset-bottom)) !important;
}

/* 데스크탑에서는 dock이 숨겨져서 큰 여백 불필요 */
@media (min-width: 1024px) {
	body.todaki-wpforo .site-main,
	body.todaki-wpforo main#content,
	body.todaki-wpforo .page-content,
	body.todaki-wpforo .todaki-cards-wrap {
		padding-bottom: 96px !important;
	}
}

/* [4] 카드 제목 추가 (.todaki-card__title) + 순서 재배치 */
body.todaki-wpforo .todaki-card {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

body.todaki-wpforo .todaki-card > * {
	margin: 0 !important;
}

/* 순서: 제목 → 메타(헤더) → 리드(요약) → 바디(이미지) → 풋(액션) */
body.todaki-wpforo .todaki-card__title { order: 1; }
body.todaki-wpforo .todaki-card__head  { order: 2; }
body.todaki-wpforo .todaki-card__lead  { order: 3; }
body.todaki-wpforo .todaki-card__body  { order: 3; }
body.todaki-wpforo .todaki-card__images-wrap,
body.todaki-wpforo .todaki-card__images { order: 4; }
body.todaki-wpforo .todaki-card__foot  { order: 5; }

/* 카드 제목 스타일 */
body.todaki-wpforo .todaki-card__title {
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: var(--todaki-text, #1A1A1A);
	line-height: 1.4;
	letter-spacing: -0.01em;
	margin: 0 0 2px;
	text-decoration: none;
}

body.todaki-wpforo a.todaki-card__title {
	color: var(--todaki-text, #1A1A1A);
}

body.todaki-wpforo a.todaki-card__title:hover {
	color: var(--todaki-brand, #FF6680);
}

/* 메타 한 줄로 압축 (아바타 + 닉 · 시간 · 카테고리) */
body.todaki-wpforo .todaki-card__head {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 0 !important;
	flex-wrap: wrap;
}

/* 닉네임 + 메타를 한 줄로 따라하게 */
body.todaki-wpforo .todaki-card__meta {
	flex-direction: row;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}

body.todaki-wpforo .todaki-card__nick {
	font-size: 13px;
}

body.todaki-wpforo .todaki-card__sub {
	font-size: 12px;
	color: var(--todaki-text-sub, #6B7280);
}

/* 닉네임 뒤에 · 구분자 */
body.todaki-wpforo .todaki-card__nick::after {
	content: " ·";
	color: var(--todaki-text-mute, #9CA3AF);
	font-weight: 400;
	margin-left: 2px;
}

/* 메타의 " ›" 제거 (제목에 이미 있으므로) */
body.todaki-wpforo .todaki-card__sub::after {
	content: "";
}


/* =================================================================
   Phase B-0: 정렬·필터 임시 숨김 (추후 추천순↔최신순 2-state로 교체 예정)
   ================================================================= */
body.todaki-wpforo .todaki-forum-filters {
	display: none !important;
}


/* =================================================================
   Phase B-1: 하이핌 요구사항 — 밑줄 제거 + 3줄 클램프 + 카테고리 배지
   ================================================================= */

/* [4] 글 제목 + 카드 내 모든 링크 밑줄 제거 */
body.todaki-wpforo .todaki-card a,
body.todaki-wpforo .todaki-card a:hover,
body.todaki-wpforo .todaki-card a:focus,
body.todaki-wpforo .todaki-card a:active,
body.todaki-wpforo .todaki-card a:visited,
body.todaki-wpforo .todaki-card__title a,
body.todaki-wpforo .todaki-card__title a:hover,
body.todaki-wpforo .todaki-card__title a:focus,
body.todaki-wpforo .todaki-card__title,
body.todaki-wpforo .todaki-card__title:hover {
	text-decoration: none !important;
}

body.todaki-wpforo .todaki-card a:focus-visible {
	outline: 2px solid var(--todaki-brand, #FF6680);
	outline-offset: 3px;
}

/* [3] 카드 본문 3줄 클램프 */
body.todaki-wpforo .todaki-card:not([data-expanded="true"]) .todaki-card__text,
body.todaki-wpforo .todaki-card:not([data-expanded="true"]) .todaki-card__lead {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* [5] 펼친 상태에서는 클램프 해제 */
body.todaki-wpforo .todaki-card[data-expanded="true"] .todaki-card__text,
body.todaki-wpforo .todaki-card[data-expanded="true"] .todaki-card__lead {
	display: block;
	overflow: visible;
	-webkit-line-clamp: unset;
}

/* [3] 카드 메타 한 줄로 압축 */
body.todaki-wpforo .todaki-card__head {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
	font-size: 13px;
}

/* [3] 더보기 버튼 스타일 */
body.todaki-wpforo .todaki-card__more {
	display: inline-flex;
	align-items: center;
	color: var(--todaki-text-sub, #6B7280);
	font-size: 13px;
	font-weight: 500;
	background: none;
	border: none;
	padding: 4px 0;
	cursor: pointer;
	text-decoration: none;
}

body.todaki-wpforo .todaki-card__more:hover {
	color: var(--todaki-brand, #FF6680);
}

/* removed: ::before content (now using innerText) */

/* removed: ::before content (now using innerText) */

body.todaki-wpforo .todaki-card__more-text { display: none; }

/* [3] 카드 카테고리 배지 (핀크 톤) */
body.todaki-wpforo .todaki-card__cat-badge {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	background: var(--todaki-brand-soft, #FFE8ED);
	color: var(--todaki-brand, #FF6680);
	font-size: 11px;
	font-weight: 600;
	border-radius: 4px;
	line-height: 1.4;
	letter-spacing: -0.01em;
}


/* Phase B-1b: 밑줄 제거 우선순위 강화 (.page-content a 이기기) + 클램프 selector 강화 */
body.todaki-wpforo .page-content .todaki-card a,
body.todaki-wpforo .page-content .todaki-card__title,
body.todaki-wpforo .page-content .todaki-card__title a,
body.todaki-wpforo .page-content .todaki-card__title a:hover,
body.todaki-wpforo .page-content .todaki-card__title a:focus,
body.todaki-wpforo .page-content .todaki-card__body,
body.todaki-wpforo .page-content .todaki-card__body:hover,
body.todaki-wpforo .page-content a.todaki-card__body,
body.todaki-wpforo .todaki-cards-wrap a,
body.todaki-wpforo .todaki-cards a {
	text-decoration: none !important;
	text-decoration-line: none !important;
}

/* 클램프 selector 강화 */
body.todaki-wpforo .page-content .todaki-card:not([data-expanded="true"]) .todaki-card__text,
body.todaki-wpforo .page-content .todaki-card:not([data-expanded="true"]) .todaki-card__lead,
body.todaki-wpforo .todaki-cards .todaki-card:not([data-expanded="true"]) .todaki-card__text {
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

body.todaki-wpforo .page-content .todaki-card[data-expanded="true"] .todaki-card__text,
body.todaki-wpforo .page-content .todaki-card[data-expanded="true"] .todaki-card__lead {
	display: block !important;
	overflow: visible !important;
	-webkit-line-clamp: unset !important;
}


/* =================================================================
   Phase B-2: 전역 헤더 통일 + 카드 order 정정 + 더보기 동작
   ================================================================= */

/* [작업1] 토다키 전역 헤더 통일 (home, community, category, detail 모두) */
.todaki-topbar {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	height: 56px !important;
	z-index: 9990 !important;
	background: #FFFFFF;
	border-bottom: 1px solid #EDEEF1;
}

/* admin-bar와 겹치지 않게 — 관리자 로그인 시 */
body.admin-bar .todaki-topbar {
	top: 32px !important;
}

@media screen and (max-width: 782px) {
	body.admin-bar .todaki-topbar {
		top: 46px !important;
	}
}

/* 헤더 내부 폭/패딩 통일 (home 기준 600px) */
.todaki-topbar__inner {
	max-width: 600px !important;
	margin: 0 auto;
	padding: 0 16px !important;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

/* CTA 로그인/내 계정 버튼 — 핀크 통일 */
.todaki-topbar__link.is-cta {
	background: #FF6680 !important;
	color: #FFFFFF !important;
	border: 0 !important;
	padding: 6px 14px !important;
	border-radius: 999px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	text-decoration: none !important;
}

.todaki-topbar__link.is-cta:hover,
.todaki-topbar__link.is-cta:focus {
	background: #E55670 !important;
	color: #FFFFFF !important;
}

/* 커뮤니티 / 으으으 헤더 위 빈 공간 제거 — main에 padding-top 없이 헤더 56픽셀만 */
body.todaki-wpforo .site,
body.todaki-wpforo #page,
body.todaki-wpforo main#content,
body.todaki-wpforo .site-main {
	padding-top: 56px !important;
}

body.admin-bar.todaki-wpforo .site,
body.admin-bar.todaki-wpforo #page,
body.admin-bar.todaki-wpforo main#content,
body.admin-bar.todaki-wpforo .site-main {
	padding-top: 56px !important;
}

/* 헤더 아래의 빈 영역 (이전 헤더와 main 사이의 64px gap) 제거 */
body.todaki-wpforo .site-header,
body.todaki-wpforo .ehf-header {
	display: none !important;
}

/* 커뮤니티 탭은 헤더 아래에 sticky로 붙이기, z-index는 헤더보다 낮게 */
body.todaki-wpforo .todaki-forum-tabs {
	position: sticky !important;
	top: 56px !important;
	z-index: 49 !important;
	background: #FFFFFF !important;
	border-bottom: 1px solid #EDEEF1;
}

body.admin-bar.todaki-wpforo .todaki-forum-tabs {
	top: calc(56px + 32px) !important;
}

@media screen and (max-width: 782px) {
	body.admin-bar.todaki-wpforo .todaki-forum-tabs {
		top: calc(56px + 46px) !important;
	}
}

/* [작업2] 카드 자식 order 명시 — 시각 순서 고정 */
body.todaki-wpforo .todaki-card {
	display: flex !important;
	flex-direction: column !important;
}

body.todaki-wpforo .todaki-card__cat-badge {
	order: 1 !important;
	align-self: flex-start;
	margin-bottom: 6px;
}

body.todaki-wpforo .todaki-card__title {
	order: 2 !important;
	margin: 0 0 6px !important;
}

body.todaki-wpforo .todaki-card__head {
	order: 3 !important;
	margin-bottom: 8px !important;
}

body.todaki-wpforo .todaki-card__body {
	order: 4 !important;
	margin-bottom: 8px !important;
}

body.todaki-wpforo .todaki-card__foot {
	order: 5 !important;
	margin-bottom: 4px !important;
}

body.todaki-wpforo .todaki-card__more {
	order: 6 !important;
	align-self: flex-start;
	margin-top: 4px;
}


/* Phase B-2b: CTA color override (body.todaki-wpforo 그 specificity 판정) */
body.todaki-wpforo .todaki-topbar__link.is-cta,
body.todaki-wpforo a.todaki-topbar__link.is-cta {
	background: #FF6680 !important;
	color: #FFFFFF !important;
}
body.todaki-wpforo .todaki-topbar__link.is-cta:hover,
body.todaki-wpforo .todaki-topbar__link.is-cta:focus {
	background: #E55670 !important;
	color: #FFFFFF !important;
}


/* =================================================================
   Phase B-3: article + write + header micro-tuning
   ================================================================= */

/* 헤더 미세 통일 (홈 스타일 기준) */
.todaki-topbar {
	background: rgba(255,255,255,0.96) !important;
	backdrop-filter: blur(8px);
}
.todaki-topbar__brand,
body .todaki-topbar__brand {
	color: #FF6680 !important;
	font-weight: 800 !important;
}
.todaki-topbar__inner {
	height: 55px !important;
}
body.todaki-wpforo .todaki-topbar__link.is-cta,
.todaki-topbar__link.is-cta {
	border: 0 !important;
}

/* .todaki-article — 상세 글 레이아웃 */
body.todaki-wpforo .todaki-article-wrap {
	max-width: 600px;
	margin: 0 auto;
	padding: 16px;
}
.todaki-article {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.todaki-article__back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #F4F5F7;
	color: #1A1A1A;
	text-decoration: none !important;
	font-size: 18px;
	align-self: flex-start;
}
.todaki-article__back:hover { background: #EDEEF1; }
.todaki-article__title {
	font-size: 20px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: -0.02em;
	color: #1A1A1A;
	margin: 0;
}
.todaki-article__head {
	display: flex;
	align-items: center;
	gap: 10px;
}
.todaki-article__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #F4F5F7;
}
.todaki-article__meta { display: flex; flex-direction: column; }
.todaki-article__meta strong { font-size: 14px; color: #1A1A1A; }
.todaki-article__sub { font-size: 12px; color: #6B7280; }
.todaki-article__body {
	font-size: 15px;
	line-height: 1.7;
	color: #1A1A1A;
	white-space: pre-wrap;
	word-break: break-word;
}
.todaki-article__body img {
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	display: block;
	margin: 12px 0;
}
.todaki-article__foot {
	display: flex;
	gap: 16px;
	padding: 12px 0;
	border-top: 1px solid #EDEEF1;
	border-bottom: 1px solid #EDEEF1;
}
.todaki-article__stat {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	color: #6B7280;
	font-size: 14px;
}
.todaki-article__comments {
	margin-top: 8px;
}
.todaki-article__comments-title {
	font-size: 15px;
	font-weight: 700;
	color: #1A1A1A;
	margin: 0 0 12px;
}
.todaki-article__no-comments {
	color: #9CA3AF;
	font-size: 14px;
	text-align: center;
	padding: 24px 0;
}
.todaki-comment {
	display: flex;
	gap: 10px;
	padding: 12px 0;
	border-bottom: 1px solid #F4F5F7;
}
.todaki-comment__avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	flex-shrink: 0;
}
.todaki-comment__body { flex: 1; }
.todaki-comment__head { font-size: 13px; margin-bottom: 4px; }
.todaki-comment__head strong { color: #1A1A1A; }
.todaki-comment__time { color: #9CA3AF; margin-left: 6px; font-size: 12px; }
.todaki-comment__text {
	font-size: 14px;
	color: #1A1A1A;
	line-height: 1.5;
	word-break: break-word;
}

/* .todaki-write-wrapper — add-topic 글쓰기 전용 wpForo 폼 감싸기 */
body.todaki-wpforo #wpforo.todaki-write-wrapper {
	display: block !important;
	max-width: 720px;
	margin: 0 auto;
	padding: 16px;
}
@media (min-width: 768px) {
	body.todaki-wpforo #wpforo.todaki-write-wrapper {
		max-width: 720px;
	}
}
body.todaki-wpforo #wpforo.todaki-write-wrapper {
	padding-bottom: 96px;
}


/* =================================================================
   Phase B-4: article padding-bottom + reply form mount + addtop form visible
   ================================================================= */

/* 상세 article 에 하단 독 겹침 보정 */
body.todaki-wpforo .todaki-article-wrap {
	padding-bottom: calc(64px + 80px + env(safe-area-inset-bottom)) !important;
}
@media (min-width: 1024px) {
	body.todaki-wpforo .todaki-article-wrap {
		padding-bottom: 96px !important;
	}
}

/* reply form mount 스타일 */
.todaki-article__reply-wrap {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #EDEEF1;
}
.todaki-article__reply-mount {
	min-height: 0;
}
.todaki-article__reply-mount.has-form {
	min-height: 120px;
}
.todaki-article__reply-mount form {
	display: block !important;
}
.todaki-article__reply-mount textarea {
	width: 100%;
	min-height: 80px;
	padding: 12px;
	border: 1px solid #EDEEF1;
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
}
.todaki-article__reply-mount input[type="submit"],
.todaki-article__reply-mount button[type="submit"] {
	background: #FF6680;
	color: #FFFFFF;
	border: 0;
	padding: 10px 20px;
	border-radius: 999px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 8px;
}
.todaki-article__reply-login {
	display: block;
	text-align: center;
	padding: 14px;
	background: #FFE8ED;
	color: #FF6680 !important;
	border-radius: 12px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none !important;
}

/* add-topic 폼 강제 visible — #wpforo 자체 숨김 해제 */
body.todaki-wpforo #wpforo.todaki-write-wrapper,
body.todaki-wpforo #wpforo.todaki-write-wrapper * {
	display: revert !important;
}
body.todaki-wpforo #wpforo.todaki-write-wrapper {
	display: block !important;
	max-width: 720px;
	margin: 0 auto !important;
	padding: 16px !important;
	padding-bottom: 96px !important;
}
body.todaki-wpforo #wpforo.todaki-write-wrapper.todaki-wpforo-hidden {
	display: block !important;
}
/* hidden inputs/scripts 는 계속 숨김 */
body.todaki-wpforo #wpforo.todaki-write-wrapper input[type="hidden"] {
	display: none !important;
}


/* =================================================================
   Phase B-5: addtopic clean + reply form polish
   ================================================================= */

/* add-topic 에서 wpForo 잔재 제거 (.todaki-write-wrapper 내부) */
body.todaki-wpforo #wpforo.todaki-write-wrapper #wpforo-menu,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-menu,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-bar-right,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-search,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-notifications,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-right-sidebar,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-sidebar,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-bc,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-breadcrumbs,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-bottom,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-stats,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-powered-by,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-recent-posts,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-recent-comments,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-share,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-tags,
body.todaki-wpforo #wpforo.todaki-write-wrapper aside.footer-widget-col,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-left,
body.todaki-wpforo #wpforo.todaki-write-wrapper #wpforo-mobile-search {
	display: none !important;
}

/* wpforo-main 은 유지 (폼 컨테이너) */
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-main,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-content,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-add-topic-wrap,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-topic-form-extra-wrap,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-topic-forum-field {
	display: block !important;
	width: 100%;
	max-width: 100%;
	float: none;
}

/* 폼 입력 필드 Todaki 스타일 */
body.todaki-wpforo #wpforo.todaki-write-wrapper input[type="text"],
body.todaki-wpforo #wpforo.todaki-write-wrapper textarea,
body.todaki-wpforo #wpforo.todaki-write-wrapper select {
	width: 100%;
	padding: 12px;
	border: 1px solid #EDEEF1;
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	box-sizing: border-box;
}

body.todaki-wpforo #wpforo.todaki-write-wrapper input[type="submit"],
body.todaki-wpforo #wpforo.todaki-write-wrapper button[type="submit"] {
	background: #FF6680 !important;
	color: #FFFFFF !important;
	border: 0 !important;
	padding: 12px 24px !important;
	border-radius: 999px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	cursor: pointer;
	min-width: 120px;
}

/* 상단 "글쓰기" 헤더 주입 */
body.todaki-wpforo #wpforo.todaki-write-wrapper::before {
	content: "";
	display: block;
	height: 0;
}

/* 상세 댓글 폼 UI 정돈 */
.todaki-article__reply-mount form {
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}

/* 댓글 폼 내부에서 제목 input, breadcrumbs, 광고, 사이드바 제거 */
.todaki-article__reply-mount input[name="title"],
.todaki-article__reply-mount [name*="topic_title"],
.todaki-article__reply-mount .wpf-topic-forum-field,
.todaki-article__reply-mount .wpforo-breadcrumbs,
.todaki-article__reply-mount .wpf-bc,
.todaki-article__reply-mount .wpforo-stats,
.todaki-article__reply-mount .wpf-powered-by,
.todaki-article__reply-mount .wpforo-tags,
.todaki-article__reply-mount .wpforo-share {
	display: none !important;
}

/* 댓글 폼 툴바 최소화 (CodeMirror, MCE 툴바 축소) */
.todaki-article__reply-mount .mce-toolbar-grp,
.todaki-article__reply-mount .wpf-toolbar,
.todaki-article__reply-mount .quicktags-toolbar {
	min-height: 0 !important;
}

.todaki-article__reply-mount .wpf-field-wrap > label {
	display: none;
}

/* 댓글 폼 레이아웃 */
.todaki-article__reply-mount .wpf-field-wrap {
	margin-bottom: 8px;
}

.todaki-article__reply-mount textarea {
	width: 100% !important;
	min-height: 80px !important;
	padding: 12px !important;
	border: 1px solid #EDEEF1 !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-family: inherit !important;
	box-sizing: border-box;
}


/* todaki-write-header (add-topic 상단 뒤로가기 + "글쓰기" 제목) */
.todaki-write-header {
	display: flex;
	align-items: center;
	gap: 12px;
	max-width: 720px;
	margin: 0 auto;
	padding: 16px 16px 8px;
}
.todaki-write-header__back {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #F4F5F7;
	color: #1A1A1A;
	text-decoration: none !important;
	font-size: 18px;
}
.todaki-write-header__back:hover { background: #EDEEF1; }
.todaki-write-header__title {
	font-size: 18px;
	font-weight: 800;
	color: #1A1A1A;
	margin: 0;
}


/* Phase B-5b: Powered by + breadcrumb + "새 주제 추가" 레이블 제거 */
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-powered-by,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-powered,
body.todaki-wpforo #wpforo.todaki-write-wrapper [class*="powered"],
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-bc,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpforo-breadcrumbs,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-page-title,
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-add-topic-title,
body.todaki-wpforo #wpforo.todaki-write-wrapper > .wpf-default > .wpf-bc,
body.todaki-wpforo #wpforo.todaki-write-wrapper hr {
	display: none !important;
}

/* "포럼 선택" 라벨 숨김, select만 남기기 */
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-topic-forum-field > label {
	display: none !important;
}
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-topic-forum-field {
	text-align: left !important;
	padding: 0 !important;
	border: 0 !important;
}

/* 올라온 "—" 접두어 게시판 이름을 좌측 정렬 */
body.todaki-wpforo #wpforo.todaki-write-wrapper [id^="wpf-choose-forum"] {
	width: 100% !important;
	max-width: 100% !important;
	text-align: left !important;
}

/* 주제 접두어 (No prefix) - 숨김 (필요없음) */
body.todaki-wpforo #wpforo.todaki-write-wrapper .wpf-topic-prefix-field,
body.todaki-wpforo #wpforo.todaki-write-wrapper select[name*="prefix"] {
	display: none !important;
}


/* Phase B-5c: 댓글 폼 제목 숨김 + 서브터 정돈 */
/* 댓글 폼의 제목 input + 레이블 + 첨부 + 구독 숨김 */
.todaki-article__reply-mount .wpf-field-wrap input[name="title"],
.todaki-article__reply-mount .wpf-field-title,
.todaki-article__reply-mount label[for*="title"],
.todaki-article__reply-mount .wpf-field-wrap label,
.todaki-article__reply-mount .wpf-attach-files,
.todaki-article__reply-mount .wpf-files,
.todaki-article__reply-mount [class*="my-media"],
.todaki-article__reply-mount [class*="My Media"],
.todaki-article__reply-mount .wpf-subscribe,
.todaki-article__reply-mount [class*="subscribe"],
.todaki-article__reply-mount .wpf-preview,
.todaki-article__reply-mount .wpf-revisions,
.todaki-article__reply-mount .wpf-autosave-status,
.todaki-article__reply-mount .wpf-save-info {
	display: none !important;
}

/* 타이틀 input 자체도 숨김 (form에서 존재는 유지해 nonce/value는 압축 RE: 자동 채움) */
.todaki-article__reply-mount .wpf-field-wrap:has(input[name="title"]) {
	display: none !important;
}

/* TinyMCE iframe 에디터 높이 테이블 */
.todaki-article__reply-mount iframe[id*="_ifr"] {
	min-height: 120px !important;
	height: 120px !important;
}

/* 에디터 자체 크기 하한서하 */
.todaki-article__reply-mount .mce-edit-area {
	min-height: 120px;
}

/* 대화되지 않는 올볼 래이트 쪽 사이드 제거 */
.todaki-article__reply-mount .wpf-toolbar-extras,
.todaki-article__reply-mount .wpf-bottom-bar {
	display: none !important;
}

/* TinyMCE 년결 레이아웃 손상 방지 */
.todaki-article__reply-mount .mce-tinymce {
	width: 100% !important;
	box-sizing: border-box;
}


/* =================================================================
   Phase B-6: 카드 UX/디자인 개선 (v0.7.6)
   ================================================================= */

/* 카드 자식 order 재정리 */
body.todaki-wpforo .todaki-card { display: flex; flex-direction: column; }
body.todaki-wpforo .todaki-card__cat-badge { order: 1; }
body.todaki-wpforo .todaki-card__title    { order: 2; }
body.todaki-wpforo .todaki-card__head     { order: 3; }
body.todaki-wpforo .todaki-card__body     { order: 4; }
body.todaki-wpforo .todaki-card__images   { order: 5; }
body.todaki-wpforo .todaki-card__foot     { order: 6; }

/* 더보기는 body 안에 있고 inline로 표시 */
body.todaki-wpforo .todaki-card__body {
	display: block;
	font-size: 15px;
	line-height: 1.6;
	color: #1A1A1A;
	margin: 4px 0 0;
	cursor: pointer;
}
body.todaki-wpforo .todaki-card__text {
	display: inline;
	margin: 0;
}
body.todaki-wpforo .todaki-card__more {
	display: inline;
	background: none;
	border: 0;
	padding: 0;
	margin-left: 4px;
	color: #FF6680;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	vertical-align: baseline;
	line-height: inherit;
}
body.todaki-wpforo .todaki-card__more::before { content: none !important; }
body.todaki-wpforo .todaki-card[data-expanded="true"] .todaki-card__more {
	display: block;
	margin: 6px 0 0;
}

/* 카드 전체 레이아웃 — 토닥이식 피드 */
body.todaki-wpforo .todaki-cards-wrap {
	max-width: 600px;
	margin: 0 auto;
	padding: 0;
	background: #FFFFFF;
}
body.todaki-wpforo .todaki-card {
	background: #FFFFFF;
	padding: 18px 16px 12px;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	border-bottom: 1px solid #F4F5F7 !important;
	cursor: pointer;
	position: relative;
}
body.todaki-wpforo .todaki-card:last-child { border-bottom: 0 !important; }
body.todaki-wpforo .todaki-card:hover { background: #FAFBFC; }

/* 카테고리 배지 */
body.todaki-wpforo .todaki-card__cat-badge {
	display: inline-block;
	align-self: flex-start;
	padding: 3px 10px;
	background: #FFE8ED;
	color: #E55670;
	font-size: 11.5px;
	font-weight: 600;
	border-radius: 999px;
	margin-bottom: 6px;
}

/* 제목 */
body.todaki-wpforo .todaki-card__title {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.45;
	letter-spacing: -0.01em;
	margin: 0 0 8px;
	color: #1A1A1A;
}
body.todaki-wpforo .todaki-card__title a {
	color: inherit;
	text-decoration: none !important;
}
body.todaki-wpforo .todaki-card__title a:hover { color: #FF6680; }

/* 작성자 + 레벨 + 시간 */
body.todaki-wpforo .todaki-card__head {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}
body.todaki-wpforo .todaki-card__avatar {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #F4F5F7;
	flex-shrink: 0;
}
body.todaki-wpforo .todaki-card__meta {
	display: flex;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}
body.todaki-wpforo .todaki-card__author-row {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-wrap: wrap;
}
body.todaki-wpforo .todaki-card__nick {
	font-size: 13.5px;
	font-weight: 700;
	color: #1A1A1A;
}
body.todaki-wpforo .todaki-card__time {
	font-size: 12px;
	color: #9CA3AF;
}

/* 레벨 배지 */
body.todaki-wpforo .todaki-user-level {
	display: inline-block;
	padding: 1px 7px;
	font-size: 10.5px;
	font-weight: 600;
	color: #6B7280;
	background: #F4F5F7;
	border-radius: 999px;
	line-height: 1.4;
	letter-spacing: 0;
}
body.todaki-wpforo .todaki-user-level--admin {
	color: #FFFFFF;
	background: #FF6680;
}

/* 이미지 */
body.todaki-wpforo .todaki-card__images {
	margin: 8px 0 0;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
}
body.todaki-wpforo .todaki-card__images img {
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: cover;
	display: block;
}
body.todaki-wpforo .todaki-card__images--2 { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
body.todaki-wpforo .todaki-card__images--3 { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 4px; }
body.todaki-wpforo .todaki-card__images--2 img,
body.todaki-wpforo .todaki-card__images--3 img { max-height: 240px; }

/* 액션바 */
body.todaki-wpforo .todaki-card__foot {
	display: flex;
	gap: 18px;
	align-items: center;
	margin: 12px 0 0;
	padding: 0;
	border: 0;
}
body.todaki-wpforo .todaki-wpf-action {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: none;
	border: 0;
	padding: 0;
	cursor: pointer;
	color: #6B7280;
	font-size: 13px;
	text-decoration: none !important;
}
body.todaki-wpforo .todaki-wpf-action:hover { color: #FF6680; }
body.todaki-wpforo .todaki-wpf-action__icon { font-size: 16px; }
body.todaki-wpforo .todaki-wpf-action__count { font-size: 12.5px; }