/* 下層ページのヒーロー（tz/pagehero）の手動上書き。
   生成物ではないので直接編集してよい（docs/07 §4 の {layout}-fixes.css）。
   pagehero.css より後に読まれる（inc/assets.php が deps で保証）。
   1件につき1つ理由コメントを付けること。 */

/* [1] 暗幕（写真の上に敷く黒）をパーツごとに切り替えられるようにする。
   原本は company / about-us / casestudy が #00000073、contact だけ無し。
   ::before はインラインで書けないので、パーツが container 側へ
   `--tz-pagehero-overlay` を渡し、ここで受ける（既定は原本の #00000073）。 */
.elementor-tzorig .elementor-element.elementor-element-586d750::before,
.elementor-tzorig .elementor-element.elementor-element-586d750 > .elementor-background-video-container::before,
.elementor-tzorig .elementor-element.elementor-element-586d750 > .e-con-inner > .elementor-background-video-container::before,
.elementor-tzorig .elementor-element.elementor-element-586d750 > .elementor-background-slideshow::before,
.elementor-tzorig .elementor-element.elementor-element-586d750 > .e-con-inner > .elementor-background-slideshow::before,
.elementor-tzorig .elementor-element.elementor-element-586d750 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before {
	background-color: var(--tz-pagehero-overlay, #00000073);
}

/* [2] 背景写真は**インラインの style だけ**が決める。
   抽出CSS（pagehero.css）は原本 company のページCSS由来なので
   `background-image:url(.../DSC_0413-2.jpg)` を持っている。パーツは写真が未設定のとき
   インラインを出さないので、そのままだと**company の写真が出てしまう**
   （2026-08-19 クライアント指示「背景画像セットされてない時は文字が真ん中に表示されるだけ」）。
   ここで消しておけば、写真が設定されているときだけインラインが上書きして出る。 */
.elementor-tzorig .elementor-element.elementor-element-586d750:not(.elementor-motion-effects-element-type-background),
.elementor-tzorig .elementor-element.elementor-element-586d750 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
	background-image: none;
}

/* [3] 見出しのフォントをサイトと揃える（2026-08-19 クライアント指示「フォントはサイトと統一してね」）。

   原本のヒーローは `"Abhaya Libre", Sans-serif`（Elementorの書き出し）で、
   欧文の字面はサイトの見出し（CONCEPT / EXHIBITIONS 等）と同じ Abhaya Libre だが、
   **和文に落ちたときのフォントが違う**。サイトの見出しは明朝へ、ヒーローだけゴシックへ
   落ちるので、クライアントが日本語の見出しを入れた瞬間にここだけ書体が変わる。
   スタックはサイトの欧文見出しトークン（base.css の --tz-font-en /
   patterns.css の --tz-p-font-en）と同じ並びにする。
   変数を参照しないのは、原本DOMのページ（company / contact / works-history）では
   base.css / patterns.css を読み込まないため（inc/assets.php）。 */
.elementor-tzorig .elementor-element.elementor-element-25842a6 .elementor-heading-title {
	font-family: "Abhaya Libre", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "MS 明朝", "MS Mincho", serif;
}

/* [4] 見出しの折り返し。原本は英字1語（Company / CONTACT）しか想定しておらず、
   クライアントが日本語を入れると任意の文字位置で折れる。BudouX が入れる <wbr> の
   位置だけで折り返させる（グローバル規約「日本語の改行制御は BudouX を標準採用」）。 */
.elementor-tzorig .elementor-element.elementor-element-25842a6 .elementor-heading-title {
	word-break: keep-all;
	overflow-wrap: anywhere;
}

/* [5] 2行以上になったとき行が重ならないようにする。
   原本は line-height:0.6em（1行前提）で、49px の字が 29px 間隔で並ぶため
   長い見出しを入れると重なって読めなくなる。1行のときは行ボックスも字も
   上下中央（親が --justify-content:center）なので、1 に直しても見た目は変わらない。 */
.elementor-tzorig .elementor-element.elementor-element-25842a6 .elementor-heading-title {
	line-height: 1;
}

/* [6] 置いたページに関わらず全幅にする。
   原本CSSは本文の器を
     .home .l-container__inner            … max-width:100%（TOPだけ全幅）
     .is-sidebar--none .l-container__inner … max-width:900px（下層ページ）
   と出し分けており、原本のページ固有CSSを読み直しているのは company だけなので、
   このままだと concept / works-history / contact / gallery でヒーローが幅900pxに縮む。
   ヒーローは全幅の意匠なので器から抜け出させる。やり方は original-fixes.css [8]
   （FVスライダー）と同じ負のマージンで、器が既にビューポート幅のとき
   （company / TOP）は `50% - 50vw` が 0 になるので何も変わらない。 */
.elementor-tzorig .elementor-element.elementor-element-586d750 {
	width: auto;
	max-width: none;
	margin-inline: calc(50% - 50vw);
}

/* [7] タイトル帯（`.p-single__header`）を隠す指定は **client-tweaks.css [15] へ移した**
   （2026-08-26 クライアント指示 / docs/11 §42）。
   このシートはヒーローを置いたページでしか読まれないので、ここに置いていると
   **ヒーローを消した瞬間に素のページ名が現れる**（Gallery で発覚）。
   client-tweaks.css は全ページで読まれるので、あちらなら常に効く。 */

/* [8] ヒーローの上の余白を原本に合わせる指定は **client-tweaks.css [19] へ移した**
   （2026-08-26 クライアント指摘 / docs/11 §53）。

   共通chrome（header-original.php）が配る `<style id="tcd-single-custom-css">` は
   **TOPページ版**で、その中の
     .l-container__inner { padding: 120px 0 0px }
   が下層ページにも残る（原本の下層ページは自分のページ版の同じ <style> で
   `padding-top: 0` と打ち消しているが、こちらはTOP版しか配っていない）。

   その打ち消しをここに置いていたのが誤りだった。**このシートはヒーローを置いた
   ページでしか読まれない**ので、ヒーローを外した Gallery / 404 でだけ
   375px で 120px・1280px で 60px の余白が残っていた（[7] とまったく同じ事故）。
   client-tweaks.css は全ページで読まれるので、あちらなら常に効く。 */