/* ============================================================
 * Collaceptor - Case Pages
 *
 * /cases/ 親+子ページに適用。
 *
 * v4.0.0: ★ クリティカル修正 ★
 *   ヘッダーの実クラスは `.cl-site-header` ではなく
 *   `header.site-header#cl-header-site` だった (infra-nw モジュール由来)。
 *   全パッチが効かなかった根本原因はこれ。
 *
 * v3.0.0: body padding + max z-index 戦略
 * v2.0.0: 複数セレクタ防御
 *
 * @version 4.0.0
 * ============================================================ */

/* ---------------------------------------------------------
 * 1) infra-nw 由来のサイトヘッダーを完全に最前面
 *    ID 指定で specificity 確保 + z-index max + 強制スタッキング
 * ------------------------------------------------------- */
body.collaceptor-case-page #cl-header-site,
body.collaceptor-case-page header.site-header,
body.collaceptor-case-page header#cl-header-site,
html body.collaceptor-case-page #cl-header-site {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	z-index: 2147483647 !important; /* int max - これに勝つ z-index は存在しない */
	isolation: isolate !important;
	transform: translateZ(0) !important;
	-webkit-transform: translateZ(0) !important;
}

/* ---------------------------------------------------------
 * 2) コンテンツ全体を固定ヘッダー高さ分下にずらす
 *    body padding-top で普遍化 (どんなラッパー構造でも効く)
 * ------------------------------------------------------- */
body.collaceptor-case-page {
	padding-top: 80px !important;
}

@media (max-width: 640px) {
	body.collaceptor-case-page {
		padding-top: 64px !important;
	}
}

/* ---------------------------------------------------------
 * 3) コンテンツ側コンテナのスタッキングコンテキストをリセット
 *    VC や Gutenberg が高い z-index を作ってもヘッダーが勝てるよう、
 *    主要コンテナの z-index を auto に戻す
 * ------------------------------------------------------- */
body.collaceptor-case-page main,
body.collaceptor-case-page .l-canvas,
body.collaceptor-case-page .l-main,
body.collaceptor-case-page .l-section,
body.collaceptor-case-page .vc_row,
body.collaceptor-case-page .wpb_row {
	z-index: auto !important;
}

/* ---------------------------------------------------------
 * 4) zephyr の旧装飾要素を非表示
 * ------------------------------------------------------- */
body.collaceptor-case-page .l-titlebar,
body.collaceptor-case-page .l-subheader {
	display: none !important;
}

/* ---------------------------------------------------------
 * 5) Print 時はヘッダー非表示 + padding 解除
 * ------------------------------------------------------- */
@media print {
	body.collaceptor-case-page #cl-header-site {
		display: none !important;
	}
	body.collaceptor-case-page {
		padding-top: 0 !important;
	}
}