/* ============================================================= foundation/wp-overrides.css — 親テーマ emanon-premium の打ち消し（media 属性なし = all） ------------------------------------------------------------- 親テーマ・WordPress コアが出力する CSS のうち、本デザインと衝突するものだけをここで打ち消す。読み込みは最後（plans/website/01-emanon-mypc-theme-design.md §5.6）。規約: - ここ以外のファイルに親テーマ打ち消しを書かない。 - 打ち消しは「実際に衝突を確認したセレクタ」だけを、理由コメント付きで足す。 - 値は var(--token) を参照する。 ============================================================= */ /* --- box-sizing を content-box へ戻す（2026-09-10）------------------- 親テーマは `*,*::before,*::after { box-sizing: border-box }` を持つ。一方 mypc_website のモックは box-sizing を一切指定しておらず、ブラウザ既定の content-box を前提に値が決まっている。border-box のままだと: - .tile-photo min-height 692px に上下 padding 48+56 が含まれ、タイルが 796px → 692px に縮む（パネルが小さく見える） - .wrap max-width 1040px に左右 padding 24 が含まれ、読み幅が 1040px → 992px に縮む打ち消しは本テーマが描画する範囲だけに限定する。全体へ content-box を掛けると、ブログ・404 など親テーマが本文を描くページ（plans/website/04 C-1）が崩れる。本テーマのマークアップはこの 4 つの根の下に全部入っている。 */ :is(.global-nav, .sub-nav-frosted, .mypc-main, .footer), :is(.global-nav, .sub-nav-frosted, .mypc-main, .footer) *, :is(.global-nav, .sub-nav-frosted, .mypc-main, .footer) *::before, :is(.global-nav, .sub-nav-frosted, .mypc-main, .footer) *::after { box-sizing: content-box; } /* 本テーマのテンプレートは header.php / footer.php から独自の直下構造を出す。親テーマのコンテンツ幅・余白ラッパが混ざった場合でも、フルブリードのタイルが途中で切れないようにする。 */ .mypc-main { display: block; width: 100%; margin: 0; padding: 0; } /* 管理バー表示時、sticky なグローバルナビが管理バーの下に潜らないようにする。 --wp-admin--admin-bar--height は WordPress コア（admin-bar.css）が html へ定義する変数で、 32px / 46px の切替もコア側が持つ。ここで px を書かないための参照。 */ .admin-bar .global-nav { top: var(--wp-admin--admin-bar--height, 0px); } .admin-bar .sub-nav-frosted { top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--tap-target-min)); }