/*
Theme Name: Musou Child
Theme URI: https://seikotsuin-musou.com/
Description: 整骨院 無双 GROUP 公式サイト（Life-Rebirth飯田株式会社）専用 Lightning子テーマ。デザイン統一・カスタムCSS/JSはすべてこのテーマに集約する。
Author: Life-Rebirth飯田株式会社
Template: lightning
Version: 1.0.6
Text Domain: musou-child
*/

/* ここから下に、サイト全体のデザインルール（配色・余白・見出しスタイル等）を追加していく */

/* ==========================================================================
   デザインルール v1（A案：ネイビー × 深みオレンジ）
   PHASE 4 で決定したブランドカラー。今後の新規ページもこの変数を使うこと。
   ========================================================================== */
:root {
	--musou-navy: #1b2a41;
	--musou-orange: #c9622b;
	--musou-bg-alt: #f5f3ef;
	--musou-white: #ffffff;
	--musou-text: #333333;
}

/* 見出しの色・太さを統一する。
   既存コンテンツ内に個別の color インラインスタイルが残っているため !important で上書きする。
   新規コンテンツは今後インラインで色指定しないこと（このCSSが自動で適用される）。 */
.entry-body h1,
.entry-body h2,
.entry-body h3,
.entry-body h1 *,
.entry-body h2 *,
.entry-body h3 *,
.entry-body .wp-block-heading,
.entry-body .wp-block-heading * {
	color: var(--musou-navy) !important;
}

.entry-body h2.wp-block-heading,
.entry-body .wp-block-heading {
	font-weight: 700;
	border-bottom: 2px solid var(--musou-navy);
	padding-bottom: 0.4em;
	margin-top: 2.5em;
	margin-bottom: 1em;
}

/* 症状カード・CTAボタン等のアクセントカラーをオレンジ系に統一 */
.vk_button_link,
.wp-block-button__link {
	background-color: var(--musou-orange) !important;
	border-color: var(--musou-orange) !important;
}

/* LINE予約ボタンはLINE公式のブランドカラー(緑)を維持する（他社ブランドの識別性を優先） */
.vk_button_link[href*="lin.ee"],
.vk_button_link[href*="line.me"],
a[href*="lin.ee"] .vk_button_link,
a[href*="line.me"] .vk_button_link {
	background-color: #06c755 !important;
	border-color: #06c755 !important;
}

/* セクション間の余白を統一 */
.entry-body > .wp-block-columns,
.entry-body > .wp-block-group {
	margin-bottom: 2em;
}

/* 本文の読みやすさ（行間・文字色） */
.entry-body p {
	color: var(--musou-text);
	line-height: 1.9;
}

/* Instagram埋め込み（Smash Balloon）：3院のbio文字数が違うと「もっと見る」ボタンの
   高さが段差になる。固定pxでbio欄を揃える方式は画面幅で崩れるため、
   各列を縦方向flexにしてボタン行を margin-top:auto で列の一番下に固定する方式にする。 */
.wp-block-columns:has(#sb_instagram) {
	align-items: stretch;
}
.wp-block-column:has(#sb_instagram) {
	display: flex;
	flex-direction: column;
}
.wp-block-column:has(#sb_instagram) #sb_instagram {
	display: flex;
	flex-direction: column;
	flex: 1;
}
#sbi_load {
	margin-top: auto;
	padding-top: 1em;
}