/*
 * Migration Adjustments — nanala-animal-line.jp
 * Seiryu テーマとの競合を解消し、元LPのデザインを復元する。
 */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 2. Seiryuコンテナの幅制限・パディングを解除
 *    LP は全幅デザインのため max-width / padding-inline を除去する
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#front-page-content,
.seiryu-page-content,
.seiryu-container.seiryu-page-content {
	max-width: none !important;
	padding-inline: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 3. entry-content の幅制限・パディング・overflow を解除
 *    overflow:hidden はGSAP ScrollTrigger / Swiperのクリップ原因
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.entry-content {
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	overflow: visible !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 4. Seiryuの見出し装飾をリセット
 *    元LP の h2/h3 は独自スタイルを持つため、
 *    Seiryu の border / padding / ::after 装飾を除去する
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	border-left: none !important;
	padding: 0 !important;
}

.entry-content h2::after,
.entry-content h3::after {
	display: none !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 5. ブロックエディターのデフォルトマージン・制約をリセット
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.entry-content .wp-block-group {
	margin-top: 0;
	margin-bottom: 0;
}

.entry-content :where(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none !important;
	margin-left: initial !important;
	margin-right: initial !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 6. GSAPアニメーション初期状態のリセット
 *    元サイトはCSSで opacity:0/visibility:hidden にした要素を
 *    GSAPが .is-animating クラスで表示させる設計。
 *    JSが未動作の場合の fallback として初期状態を可視状態にする。
 *    GSAPが正常動作すればクラス付与後の状態と同じなので影響なし。
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* セクション見出し全体 */
.wp-headline {
	opacity: 1 !important;
	visibility: visible !important;
}
.wp-headline::before,
.wp-headline::after {
	opacity: 1 !important;
	transform: translateX(0) translateY(0) skew(-30deg) !important;
}

/* 見出しの日本語テキスト */
.wp-headline .wp-headline__kana {
	opacity: 1 !important;
}

/* 見出しのアルファベット（文字スプリット） */
.wp-headline .wp-headline__alphabetic span.char.splitting > span {
	opacity: 1 !important;
	transform: translateX(0) !important;
}

/* CONCEPTセクション 見出し・テキスト */
.concept-contents .wp-block-heading,
.concept-contents p {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

/* PRIDEセクション 見出し・テキスト */
.pride-point .pride-point-content > h3,
.pride-point .pride-point-content > p {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

/* PRIDEセクション 画像背景 */
.pride-point .pride-point__fig-block .wp-block-cover__image-background {
	opacity: 1 !important;
}
.pride-point .pride-point__fig-block .wp-block-cover__background {
	transform: scaleX(1) !important;
}

/* PRIDE サイドビジュアル */
.pride-aside .wp-block-cover__inner-container .wp-block-heading,
.pride-aside .wp-block-cover__inner-container p {
	opacity: 1 !important;
	transform: translateY(0) !important;
}
.pride-aside .wp-block-cover__image-background {
	opacity: 1 !important;
}
.pride-aside .wp-block-cover__background {
	transform: scaleX(1) !important;
}

/* MV（ヒーロー）見出し・テキスト */
.mv__inner .wp-block-cover__inner-container .wp-block-heading,
.mv__inner .wp-block-cover__inner-container > p {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

/* MENUセクション 見出し・テキスト・画像 */
.menu-item .menu-item__data > .wp-block-heading,
.menu-item .menu-item__data > p {
	opacity: 1 !important;
	transform: translateY(0) !important;
}
.menu-item .menu-item__fig > img {
	opacity: 1 !important;
}

/* GREETINGセクション テキスト・画像 */
.greeting .greeting__body .greeting-cover__catch,
.greeting .greeting__body .greeting__guts > p {
	opacity: 1 !important;
	transform: translateY(0) !important;
}
.greeting .wp-block-cover__image-background {
	opacity: 1 !important;
}
.greeting .wp-block-cover__background {
	transform: scaleX(1) !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 7. フローティングボタン アイコン画像パス修正
 *    migrated-original.css の URL が 404 のため子テーマ内の画像に差し替え
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.line .wp-block-button__link::before {
	background-image: url('../img/icon-line.png') !important;
}
.tel .wp-block-button__link::before {
	background-image: url('../img/icon-tel.png') !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 8. Q&A アコーディオン修正
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* (7-1) Qインデント復元
 *   h3の padding:0 !important が qa-data-item__question の
 *   padding-left（Q記号用スペース）を消してしまうため個別に戻す */
.entry-content .qa-data-item__question {
	padding-left: 3.25rem !important;
}
@media all and (min-width: 1024px) {
	.entry-content .qa-data-item__question {
		padding-left: 6.25rem !important;
	}
}

/* (7-2) 回答を常時表示（JS未動作時の暫定対応）
 *   core.js が正常動作すれば JS のクリックで開閉する。
 *   ベンダーJS アップロード後にこのブロックを削除すると
 *   本来のアコーディオン挙動に戻る。 */
.js-acc > p {
	height: auto !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * 8. 見出しフォントサイズ強制適用（元サイトのクラス）
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.entry-content .wp-block-heading.c-head.--lv1 { font-size: 4.2rem !important; }

.entry-content .wp-block-heading.c-head.--lv2 { font-size: 3.2rem !important; }
.entry-content .wp-block-heading.c-head.--lv3 { font-size: 2.4rem !important; }

@media screen and (max-width: 1000px) {
	.entry-content .wp-block-heading.c-head.--lv1 { font-size: 2.2rem !important; }
}
@media screen and (max-width: 767px) {
	.entry-content .wp-block-heading.c-head.--lv1 { font-size: 2.1rem !important; }
	.entry-content .wp-block-heading.c-head.--lv2 { font-size: 1.6rem !important; }
	.entry-content .wp-block-heading.c-head.--lv3 { font-size: 1.4rem !important; }
}