/**
 * LazyBlocks ラッパーdiv有効時用の余白補正
 * .c-title-h2+* 等の隣接兄弟セレクタはラッパー導入で効かなくなるため、
 * 見出しブロック直後のブロックに同じ margin を付与する
 */
.l-wp-block .wp-block-lazyblock-common-heading:has(.c-title-h1) + * {
  margin-top: 8rem !important;
}
.l-wp-block .wp-block-lazyblock-common-heading:has(.c-title-h2) + * {
  margin-top: 3.5rem !important;
}
.l-wp-block .wp-block-lazyblock-common-heading:has(.c-title-h3) + * {
  margin-top: 3.5rem !important;
}
.l-wp-block .wp-block-lazyblock-common-heading:has(.c-title-h4) + * {
  margin-top: 1.5rem !important;
}
.l-wp-block .wp-block-lazyblock-common-heading:has(.c-title-h5) + * {
  margin-top: 1rem !important;
}
@media screen and (max-width: 959px) {
  .l-wp-block .wp-block-lazyblock-common-heading:has(.c-title-h1) + * {
    margin-top: 5rem !important;
  }
  .l-wp-block .wp-block-lazyblock-common-heading:has(.c-title-h2) + *,
  .l-wp-block .wp-block-lazyblock-common-heading:has(.c-title-h3) + * {
    margin-top: 2.5rem !important;
  }
}

/**
 * WPアップデートに伴うギャラリーブロックの横並び崩れ補正
 * all.css の gap: 5rem を打ち消し、WP標準の計算式に合わせる
 */
.l-wp-block figure.wp-block-gallery.is-layout-flex {
  /* 隙間をWP標準の変数に任せる（これで計算が一致する） */
  gap: var(--wp--style--unstable-gallery-gap, 16px) !important;
}

/* PCサイズ：念のため画像幅の計算を補強 */
@media screen and (min-width: 960px) {
  .l-wp-block figure.wp-block-gallery.is-layout-flex > .wp-block-image {
    /* 2列なら50%から隙間分を引く設定。WP標準の挙動を優先させる */
    flex-basis: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) * 0.5) !important;
    width: auto !important;
  }
}

/* スマホサイズ：既存の all.css の display: block を尊重しつつ余白調整 */
@media screen and (max-width: 959px) {
  .l-wp-block figure.is-layout-flex {
    display: block !important;
  }
  .l-wp-block figure.is-layout-flex .wp-block-image {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  /* スマホで画像が縦に並ぶ際、画像間に少し隙間が欲しい場合は以下を有効に */
  .l-wp-block figure.is-layout-flex .wp-block-image + .wp-block-image {
    margin-top: 2rem;
  }
}