/* ============================================================
 * Sound Collective — Catalog ページ (/catalog) を Elementor で「コピーだけ編集可能」に
 * するためのブリッジCSS(disciplines ページの sc-disciplines-elementor.css と同じ設計)。
 *
 * 背景: sc-catalog.css の見出しクラス(.sc-cat-hero__title)は本来 <h1> に直接付く前提で
 * 書かれている。Elementor のネイティブ Heading ウィジェットにこの独自クラスを「CSS Classes」
 * として付けると、クラスは外側の .elementor-element に付与され、実際のテキストはその内側の
 * .elementor-widget-container > .elementor-heading-title に入る。そのためフォントサイズ/太さ/
 * 色が一段ズレて効かなくなる。本ファイルはその内側要素へ inherit で橋渡しする。
 *
 * スコープ: すべて sc-cat-* / sc-catpg 配下のみ。.elementor-* をグローバルに変更しない。
 * 読み込み: functions/enqueues.php の scltv_enqueue_design_tokens() 配列に
 * 'sc-catalog-elementor' を追加(sc-catalog.css の後に読み込まれる)。
 * ============================================================ */

/* ------------------------------------------------------------
 * 見出し(Heading ウィジェット) — 外側の font-size/color/weight を内側へ継承
 * ------------------------------------------------------------ */
.sc-cat-hero__title .elementor-heading-title {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	margin: 0;
}

/* ------------------------------------------------------------
 * Hero 背景写真。モノリス([sc_catalog])は .sc-cat-hero__bg という絶対配置 <div> を
 * 実コースサムネイルと同じ sc_asset_url() で描画するが、Elementor 版でそれをショートコード
 * ウィジェットの中に置くと、Elementor が挟むラッパー(.elementor-widget /
 * .elementor-widget-container)が絶対要素の包含ブロックになり幅が 0 に潰れて背景が消える。
 * → ウィジェットで描かず、セクションコンテナ(.elementor-element.sc-cat-hero は
 *   sc-catalog.css で position:relative; overflow:hidden 済み)の ::before として
 *   CSS から直接描画する(disciplines ページの hero/facility 背景と同じ手法)。
 *   画像はテーマ同梱(assets/images/sc-hero-bg.png = 添付ID 629548 と同一ファイル)を
 *   相対パス参照 = 環境非依存(添付IDに依存しない)。
 * ------------------------------------------------------------ */
.elementor-element.sc-cat-hero::before {
	content: ""; position: absolute; inset: -40px 0; z-index: 0; pointer-events: none;
	background: center/cover no-repeat url("../images/sc-hero-bg.png");
	filter: blur(3px); mix-blend-mode: lighten; opacity: .35;
}

/* ------------------------------------------------------------
 * ワイド表示(コンテンツ max-width 超, 例:1700px)での中央寄せ崩れ対策。
 * .sc-cat-tabs / .sc-cat-desc / .sc-cat-body は sc-catalog.css の素のルールで
 * max-width:1440px; margin-inline:auto; により中央寄せされる。これらは
 * ショートコードウィジェットが出力する生マークアップ(Elementor コンテナ化していない)
 * なので通常は Elementor の「コンテナは margin を 0 にする」対象外だが、disciplines
 * ページの修正(.sc-mp-sec 等)と同じ理由で崩れ得るため、保険として auto マージンを
 * !important で明示的に復元しておく。
 * ------------------------------------------------------------ */
.sc-cat-tabs, .sc-cat-desc, .sc-cat-body {
	margin-left: auto !important;
	margin-right: auto !important;
}