/* ==========================================================
   wp-reset.css — WordPress（SWELL）に静的版の CSS を載せるための下準備（手で書いたファイル）
   読み込み順：tokens.css → このファイル → base.css → components.css → pages/*.css → swell-skin.css

   ※ SWELL は body_class() を <body> ではなく #body_wrap に出すので、入口のクラスは .kk-wp（body. を付けない）
   1. SWELL の本文スタイル（.post_content h2 の帯・リストの点・リンクの色など）を .kk-root の中だけ打ち消す
      詳細度 (0,2,0)。静的版の CSS（頭に :is(.kk-wp, …) を足して (0,2,0) 以上）が後から読まれるので、そちらが勝つ
   2. グループブロックまわり（ブロックの間の余白・内側の div）
   3. パターンで組んだ固定ページは、SWELL のコンテンツ幅・余白を外して全幅にする
   4. 子テーマが wp_footer に出す部品（追従CTA・オープニング）の包み
   ========================================================== */

/* ---------- 1. SWELL の本文スタイルの打ち消し（フロントだけ） ---------- */
.kk-wp .kk-root :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, thead, tbody, tfoot, tr, th, td, caption,
  blockquote, figure, figcaption, a, img, hr, strong, b, em, small, mark, code, pre, label, time, address, details, summary, span) {
  all: revert;
}
.kk-wp .kk-root :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, blockquote, figure, a, strong, em, span, time)::before,
.kk-wp .kk-root :where(h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, blockquote, figure, a, strong, em, span, time)::after {
  all: revert;
}

/* セクション（.kk-root を付けたグループ）自身も、静的版と同じく border-box に（静的版では .kk-root は外側の包みだった） */
:is(.kk-wp, .editor-styles-wrapper) .kk-root,
:is(.kk-wp, .editor-styles-wrapper) .kk-root::before,
:is(.kk-wp, .editor-styles-wrapper) .kk-root::after { box-sizing: border-box; }

/* ---------- 2. グループブロック ---------- */
/* 本文直下のセクション同士の間（SWELL の .post_content > * の余白）を消す */
.kk-wp .post_content > .kk-root { margin: 0; }
/* グループの中の余白は静的版の CSS に任せる（WordPress・SWELL のブロック間余白を 0 に。詳細度は低くしておく） */
.kk-wp :where(.kk-root) :where(.wp-block-group, .wp-block-html, p, h1, h2, h3, h4, h5, h6) { margin-block: 0; }
.kk-wp :where(.kk-root.is-layout-flow, .kk-root .is-layout-flow, .kk-root.is-layout-constrained, .kk-root .is-layout-constrained) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}
/* 内側の div（.wp-block-group__inner-container）は inc/blocks.php で付けないようにしている。付いた場合の保険 */
.kk-wp .kk-root .wp-block-group__inner-container,
.kk-wp .kk-root.wp-block-group > .wp-block-group__inner-container { display: contents; }

/* ---------- 3. パターンで組んだ固定ページ（.kk-pattern-page）は全幅 ---------- */
.kk-wp.kk-pattern-page #content,
.kk-wp.kk-pattern-page .l-content,
.kk-wp.kk-pattern-page .l-mainContent,
.kk-wp.kk-pattern-page .l-mainContent__inner,
.kk-wp.kk-pattern-page .l-mainContent__inner > .post_content,
.kk-wp.kk-pattern-page .post_content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}
.kk-wp.kk-pattern-page .l-sidebar,
.kk-wp.kk-pattern-page #sidebar { display: none; }
/* タイトル・アイキャッチ・シェアボタンは各ページの「SWELL設定」で非表示にする。設定し忘れたときの保険（h1 はパターンの中に1つ） */
.kk-wp.kk-pattern-page .l-mainContent .c-pageTitle,
.kk-wp.kk-pattern-page .l-topTitleArea,
.kk-wp.kk-pattern-page .p-articleThumb,
.kk-wp.kk-pattern-page .c-shareBtns,
.kk-wp.kk-pattern-page .p-articleFoot { display: none; }

/* パンくず：SWELL の #breadcrumb は wp.js が下層ページヘッダーの枠に移す。移すまで隠して位置のずれを防ぐ */
html.kk-js .kk-has-crumb-slot #breadcrumb { display: none; }
.kk-wp .kk-root .kk-c-breadcrumb[data-kk-breadcrumb] { min-height: calc(var(--kk-fs-caption) * var(--kk-lh-label)); }

/* ---------- 4. wp_footer に出す部品の包み（.kk-root の背景・position を打ち消す） ---------- */
.kk-wp .kk-root.kk-wp-parts {
  position: static;
  background: none;
}