/**
 * core/heading のブロックスタイル（#3374）
 *
 * 「スタイル」パネルで選んだときだけ効く。is-style-* が付いていない見出しには
 * 一切触らない（既存投稿の見た目を変えないため）。
 *
 * 線の色は theme.json のパレット「メインカラー」（--wp--preset--color--primary）。
 * ThemeJsonColorSyncController がカスタマイザーの色と同期するので、ここでは
 * プリセット変数だけを参照し、色の実値は持たない。
 *
 * 線幅・余白は em で書き、h2〜h4 の文字サイズに追随させる（レベル別の分岐を持たない）。
 */

/* 下線: 見出しの下にアクセント色の線 */
.wp-block-heading.is-style-optib-underline {
  padding-bottom: 0.35em;
  border-bottom: 0.12em solid var(--wp--preset--color--primary, #ce8460);
}

/* 左ボーダー: 左にアクセント色の太線 */
.wp-block-heading.is-style-optib-left-border {
  padding-left: 0.6em;
  border-left: 0.3em solid var(--wp--preset--color--primary, #ce8460);
}

/* 背景帯: アクセント色の帯に白文字 */
.wp-block-heading.is-style-optib-band {
  padding: 0.4em 0.8em;
  background-color: var(--wp--preset--color--primary, #ce8460);
  color: #fff;
}

/* 中央寄せ + 短い下線: セクション見出し向け */
.wp-block-heading.is-style-optib-centered {
  position: relative;
  padding-bottom: 0.6em;
  text-align: center;
}

.wp-block-heading.is-style-optib-centered::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 2.5em;
  height: 0.12em;
  transform: translateX(-50%);
  background-color: var(--wp--preset--color--primary, #ce8460);
}