/* アコーディオンブロック（custom/accordion）フロント表示スタイル
   functions.php でブロックがある投稿ページだけ条件読み込みする（フロント専用）。
   block.json の "style" にするとエディタにも読み込まれ中身が編集できなくなるため使わない。
   セレクタはブロック自身のクラス .wp-block-custom-accordion を起点に自己完結させている。 */

/* 見出し（開閉トリガー）
   テーマの .content.single-post h2（詳細度0,2,1／border-bottom・font-size・margin 等）に
   確実に勝つ必要があるため、見出しが必ず持つ h2_hari と add_action の2クラスを併記して
   詳細度を (0,3,0) に上げている（旧グローバル .content.single-post .add_action と同等）。 */
.wp-block-custom-accordion .add_action.h2_hari {
	margin: 0;
	cursor: pointer;
	background-color: #f9f9f9;
	padding: 1rem;
	border: none;
	font-size: 1rem;
	border-radius: 8px;
	display: flex;
	align-items: center;
	gap: 1rem;
}

/* テーマの見出し装飾（.content h2::before / .single-post .content h2::before 等）を打ち消す。
   .single-post .content h2::before（詳細度0,2,2）に確実に勝つため、
   見出しが必ず持つ h2_hari と add_action の2クラスを併記して詳細度を上げている。 */
.wp-block-custom-accordion .add_action.h2_hari::before {
	display: none;
}

/* 右端の「開く」ラベル。既定は「タップで開く」、
   data-open-label 属性があればその文字を使う（ ▼ は自動で付く）。 */
.wp-block-custom-accordion .add_action.h2_hari::after {
	content: "タップで開く ▼";
	margin-left: auto;
	flex-shrink: 0;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1.4;
	background-color: #a1c945;
	color: #fff;
	padding: 5px 10px;
	border-radius: 4px;
}
.wp-block-custom-accordion .add_action.h2_hari[data-open-label]::after {
	content: attr(data-open-label) " ▼";
}

/* ブロック外枠 */
.wp-block-custom-accordion.block_item {
	margin: 0 0 3rem 0;
	background-color: #f9f9f9;
	border-radius: 8px;
	overflow: hidden;
}

/* 開閉する中身（初期は閉じる。開閉は script.js の slideToggle が担当） */
.wp-block-custom-accordion.block_item .item_content.add_acordion {
	display: none;
}
.wp-block-custom-accordion.block_item .item_content.add_acordion .wp-block-paragraph {
	margin: 2rem 0 0 0;
}
.wp-block-custom-accordion.block_item .item_content.add_acordion .item_content_inner {
	padding: 1.5rem;
	background-color: #f9f9f9;
	border-top: 1px solid #e3e3e3;
}
.wp-block-custom-accordion.block_item .item_content.add_acordion .item_content_inner *:first-child {
	margin-top: 0;
}