/*
 * Migration Adjustments
 * WordPress / Gutenberg との競合を解消するための上書き用CSS。
 *
 * [よくある問題と対処]
 * 1. 親クラスを頼るセレクタが効かない
 *    例: .l-wrapper .hero {} → .hero {} に書き直す
 * 2. Gutenberg が content area に max-width を強制する
 *    → .wp-block-post-content { max-width: none !important; } を追加
 * 3. wp:group ブロックに不要なマージンが付く
 *    → .wp-block-group { margin: 0; } を追加
 * 4. wp:heading に Gutenberg のフォントスタイルが当たる
 *    → .wp-block-heading { font-family: inherit; } を追加
 */

.migration-form-placeholder {
	border: 2px dashed #ccc;
	padding: 2rem;
	text-align: center;
	color: #666;
}

/* wp:group はデフォルトで margin/padding 0。テーマ CSS が上書きする場合はここで打ち消す */
.wp-block-group {
	margin-top: 0;
	margin-bottom: 0;
}

/* Add custom adjustments below */

/* フッター: ロゴ下コピーライト */
.footer-copyright--brand {
	font-size: var(--seiryu-footer-copyright-font-size, var(--seiryu-text-sm));
	opacity: 0.5;
	margin: var(--seiryu-space-4) 0 0;
}

/* ヒーロースライダー背景画像（親テーマの旧バージョン対応 / CSS変数を明示適用） */
.hero-slide .hero-bg {
	background-image: var(--hero-slide-bg-desktop);
}

@media screen and (max-width: 767px) {
	.hero-slide .hero-bg {
		background-image: var(--hero-slide-bg-mobile, var(--hero-slide-bg-desktop));
	}
}