/* =========================
   AGORA Comments (Frozen) - CLEAN
   - ラベル「コメント※」を出さない
   - 送信ボタン：B（白＋オレンジ枠）
   - textarea：2〜3行
   - 必須項目文言を隠す
   - コメント間の短い区切り線
   - 本文/コメント本文は黒
   - ログアウト時フォームをコンパクト化
   - TT5の「コメント」二重見出しを整理
========================= */


/* -------------------------------------------------
   0) 安全：フォーム内はみ出し防止（TT5 padding 対策）
------------------------------------------------- */
.comment-respond,
.comment-respond *{
  box-sizing: border-box;
}
.comment-form-comment{
  width: 100%;
  overflow: hidden;
}


/* -------------------------------------------------
   1) 必須項目の説明を非表示
------------------------------------------------- */
.comment-notes,
.required-field-message,
.wp-block-post-comments-form .required-field-message{
  display:none !important;
}


/* -------------------------------------------------
   2) 本文/コメント本文は黒
------------------------------------------------- */
.wp-block-post-content, .wp-block-post-content *,
.entry-content, .entry-content *,
.wp-block-comment-content, .wp-block-comment-content *,
.comment-content, .comment-content *{
  color:#000 !important;
}


/* -------------------------------------------------
   3) 「コメント※」ラベルを非表示
------------------------------------------------- */
.comment-form-comment > label,
.wp-block-post-comments-form label[for="comment"],
.comment-respond label[for="comment"]{
  display:none !important;
}
.comment-form-comment .required,
.wp-block-post-comments-form .required{
  display:none !important;
}


/* -------------------------------------------------
   4) textarea：2〜3行（横は親に収める）
------------------------------------------------- */
#respond textarea,
.comment-respond textarea,
.comment-form-comment textarea,
.wp-block-post-comments-form textarea,
.wp-block-comments textarea{
  width:100% !important;
  max-width:100% !important;
  min-height: 84px !important;    /* 2〜3行相当 */
  max-height: 140px !important;
  font-size:16px !important;
  line-height:1.6 !important;
  resize: vertical;               /* 横リサイズ禁止 */
  box-sizing: border-box !important;
}


/* -------------------------------------------------
   5) 送信ボタン：B（白＋オレンジ枠）
------------------------------------------------- */
#respond input[type="submit"],
#respond .submit,
.comment-respond input[type="submit"],
.wp-block-post-comments-form input[type="submit"],
.wp-block-post-comments-form button[type="submit"]{
  background:#fff !important;
  color:#111 !important;
  border:2px solid rgba(255,154,60,0.95) !important;
  border-radius:12px !important;
  padding:10px 16px !important;
  font-weight:900 !important;
  font-size:13px !important;
  box-shadow:none !important;
}
#respond input[type="submit"]:hover,
.comment-respond input[type="submit"]:hover,
.wp-block-post-comments-form input[type="submit"]:hover,
.wp-block-post-comments-form button[type="submit"]:hover{
  background:rgba(255,154,60,0.10) !important;
}


/* -------------------------------------------------
   6) コメントメタリンク：通常下線なし、ホバーのみ
------------------------------------------------- */
.comment-author a,
.comment-metadata a,
.reply a,
.comment-edit-link,
.wp-block-comment-date a,
.wp-block-comment-author-name a,
.wp-block-comment-reply-link a{
  text-decoration:none !important;
  border-bottom:none !important;
}
.comment-author a:hover,
.comment-metadata a:hover,
.reply a:hover,
.comment-edit-link:hover,
.wp-block-comment-date a:hover,
.wp-block-comment-author-name a:hover,
.wp-block-comment-reply-link a:hover{
  text-decoration:underline !important;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}


/* -------------------------------------------------
   7) コメント間：短い区切り線
------------------------------------------------- */
.wp-block-comment-template > li,
.wp-block-comment-template .wp-block-comment,
.comment-list > li,
.commentlist > li{
  list-style:none !important;
  margin-bottom:18px !important;
  padding-bottom:12px !important;
  position:relative;
}
.wp-block-comment-template > li:not(:last-child)::after,
.wp-block-comment-template .wp-block-comment:not(:last-child)::after,
.comment-list > li:not(:last-child)::after,
.commentlist > li:not(:last-child)::after{
  content:"";
  display:block;
  width:38%;
  height:1px;
  background:rgba(0,0,0,0.22);
  margin-top:12px;
}


/* -------------------------------------------------
   8) ログアウト時フォーム：コンパクト
   - クッキー同意行を消す
   - 名前→コメント→送信 の順序
   - フォーム幅を広げすぎない
------------------------------------------------- */
.comment-form-cookies-consent{
  display:none !important;
}

/* フォーム全体の幅（広すぎない） */
.comment-respond{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

/* 見出し（フォーム側） */
.comment-respond > h3,
.comment-respond .comment-reply-title{
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
  letter-spacing: 0.02em;
}

/* 並びと順序 */
.comment-respond form{
  display:flex !important;
  flex-direction: column !important;
  gap: 12px;
}
.agora-comment-note{ order: 0; }     /* 承認待ち文言は上 */
.comment-form-author{ order: 1; }
.comment-form-comment{ order: 2; }
.form-submit{ order: 3; }

/* 名前行：横並び＆短め */
.comment-form-author{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 !important;
}
.comment-form-author label{
  min-width: 180px;    /* 「お名前（ハンドルネーム）（※必須）」が入る幅 */
  font-size: 13px;
  font-weight: 700;
}
.comment-form-author input{
  width: 240px !important;
  max-width: 60vw;
  padding: 8px 10px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,0.18);
}

/* コメント欄：ラベル非表示済、見た目だけ整える */
.comment-form-comment{
  margin:0 !important;
}
.comment-form-comment textarea{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,0.18);
  padding: 10px 12px;
}

/* 案内文（承認待ち） */
.agora-comment-note{
  font-size: 12px !important;
  color: rgba(0,0,0,0.60) !important;
  margin: 2px 0 0 !important;
}


/* -------------------------------------------------
   9) TT5：コメント見出しの二重表示を解消
   - ブロック見出し「コメント」を消す
   - “◯件のフィードバック”は残す（サイズは「コメント」と同程度）
------------------------------------------------- */

/* 一番上の「コメント」（wp-block-heading）を消す */
.wp-block-post-comments > .wp-block-heading{
  display:none !important;
}

/* “◯件のフィードバック” 見出し（h2/h3）は残し、サイズを小さめに */
.wp-block-post-comments > h2,
.wp-block-post-comments > h3{
  font-size: 16px !important;
  font-weight: 600 !important;
  margin: 0.8em 0 1.2em !important;
  border: none !important;
  padding: 0 !important;
}

/* 区切り線が過剰なら消す（必要ならコメントアウト解除） */
.wp-block-post-comments hr{
  display:none !important;
}
/* フィードバック見出しを小さく（コメントと同格） */
.wp-block-post-comments > h2,
.wp-block-post-comments > h3{
  font-size: 16px !important;
  font-weight: 600 !important;
}
/* =========================================
   Comments: kill duplicated headings (triple -> single)
========================================= */

/* ブロック側の「コメント」見出しは全部消す（小さい2つの原因） */
.wp-block-post-comments > .wp-block-heading,
.wp-block-comments-title,
.wp-block-post-comments > hr{
  display: none !important;
}

/* “◯件のフィードバック”系の見出しも消す（大きく見える原因になりやすい） */
.comments-title,
.wp-block-post-comments > h2,
.wp-block-post-comments > h3{
  display: none !important;
}

/* 残すのはフォーム側（あなたのUI）だけ */
.comment-respond .comment-reply-title{
  display: block !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 18px 0 10px !important;
}