/* ============================================================
   HERBERRY 通常コラム記事の基本デザイン（v4）
   ファイル: assets/css/herberry-column-v4.css
   ------------------------------------------------------------
   v4での変更点：SWELL標準の見出し装飾（背景色・余白・border・
   ::before/::after等）が残ってしまう問題に対応するため、
   H2・H3を明示的にリセットしたうえで、HERBERRY独自の
   見出しデザインだけが表示されるようにしました。
   ============================================================ */

.post_content {
  font-family: var(--herberry-font-body);
  color: var(--herberry-body);
  line-height: 1.9;
  font-size: 1rem;
}

/* ------------------------------------------------------------
   H2・H3：SWELL標準装飾のリセット
   （背景・余白・border・position・疑似要素をすべて打ち消す）
   ------------------------------------------------------------ */
.post_content h2,
.post_content h3 {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: static !important;
}

.post_content h2::before,
.post_content h2::after,
.post_content h3::before,
.post_content h3::after {
  content: none !important;
  display: none !important;
}

/* ------------------------------------------------------------
   H2・H3：HERBERRY独自の見出しデザイン
  （リセット後に、必要な装飾だけを改めて指定する）
   ------------------------------------------------------------ */
.post_content h2 {
  font-family: var(--herberry-font-display);
  color: var(--herberry-ink);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 2.2em 0 .8em !important;
  padding-bottom: .4em !important;
  border-bottom: 2px solid var(--herberry-gold) !important;
}

.post_content h3 {
  font-family: var(--herberry-font-display);
  color: var(--herberry-ink);
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 1.6em 0 .6em !important;
}

/* ---- 本文リンク ---- */
.post_content a {
  color: var(--herberry-green-700);
  text-decoration: underline;
}

/* ---- 引用ブロック（.wp-block-quote） ---- */
.post_content .wp-block-quote {
  background: var(--herberry-beige);
  border-left: 4px solid var(--herberry-gold-dark);
  border-radius: 4px;
  padding: 1.2em 1.4em;
  margin: 1.4em 0;
}
.post_content .wp-block-quote a {
  color: inherit;
}

/* ---- SWELL標準ボタンブロック（.swell-block-button / .swell-block-button__link） ---- */
.post_content .swell-block-button__link {
  background-color: var(--herberry-green-700) !important;
  border-color: var(--herberry-green-700) !important;
  color: var(--herberry-ivory) !important;
}
.post_content .swell-block-button__link:hover {
  background-color: var(--herberry-green-600) !important;
  border-color: var(--herberry-green-600) !important;
}
/* ゴールド系の重要CTA：エディタの「追加CSSクラス」欄に is-herberry-gold と入力すると適用 */
.post_content .swell-block-button.is-herberry-gold .swell-block-button__link {
  background-color: var(--herberry-gold) !important;
  border-color: var(--herberry-gold) !important;
  color: var(--herberry-green-900) !important;
}

/* ---- 画像 ---- */
.post_content img {
  border-radius: 8px;
}

/* ---- テーブル（横スクロール対応） ---- */
.post_content table {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  border-collapse: collapse;
}
.post_content table th,
.post_content table td {
  padding: 10px 14px;
  border-bottom: 1px solid var(--herberry-beige-deep);
}
.post_content table thead th {
  background: var(--herberry-green-700);
  color: var(--herberry-ivory);
}