/* ===================================================================
   Studio Liko Renewal — 共通CSS
   ★役割を最小化：デザイントークン(:root) ＋ clean canvas の後始末 ＋ フッター色の統一 だけ。
     ヘッダー/フッター/本文の見た目は各ページCSS（サンプル<style>丸ごと抽出＝
     .header/.nav/.hamburger/.back-link/.footer-top/.footer-links 等）が管理する。
     ここに `.xxx` の内容系ルールを置くと各ページCSSと詳細度事故になるため置かない。
   =================================================================== */

:root{
  --liko-olive:#6b8f71; --liko-olive-dark:#4a6b50; --liko-olive-tint:#eef4ee; --liko-olive-soft:#e8f0e9;
  --liko-bs:#d8be62; --liko-bs-deep:#ab8d33; --liko-bs-soft:#f5ecc8;
  --liko-paper:#fbf8f1; --liko-paper-2:#f4efe2;
  --liko-ink:#1f1d18; --liko-ink-soft:#4a4641; --liko-ink-mute:#8a857c; --liko-line:#e5dfd0;
  --liko-serif:"Shippori Mincho","Hiragino Mincho ProN",serif;
  --liko-sans:"Zen Kaku Gothic New","Hiragino Sans",system-ui,sans-serif;
  --liko-italic:"Cormorant Garamond",serif;
  --liko-mono:"JetBrains Mono",ui-monospace,monospace;
}

/* ── clean canvas の後始末：他テーマ/プラグインがbodyに注入する非liko要素を隠す ──
   Sydneyのpreloader/予約系モーダル(.rfp-*)/トップへ戻るボタン(.go-top)/フッター系(#colophon等)は、
   clean canvasで各CSSを外すと素のブロックとして残り、レイアウトを崩す・黒く見える。
   likoページでは不要なので非表示（他ページ・機能には影響しない）。 */
.preloader, [class^="rfp-"], [id^="rfp-"], #rfp-replaceable-div,
.go-top, #colophon, .site-footer, #footer-widgets { display: none !important; }

/* ── フッター色の全ページ統一（唯心さん決定 2026-07-24：全緑オリーブに） ──
   サンプルは下層フッターが黒(--ink)だが、世界観統一のため全 footer をオリーブに寄せる。
   構造・文字色・リンクは各ページCSS（サンプル抽出）のまま＝背景色だけ上書きする。
   ※フッター配色をサンプル通り（下層=黒）に戻す場合はこの1行を消すだけ。
   ※`footer.liko-foot`（詳細度0,1,1）は各ページCSSの`footer{}`（0,0,1）に!important無しで勝つ
     ため!importantは外した（チャッピー助言 2026-07-24：保守性のため詳細度で勝たせる）。 */
footer.liko-foot { background: var(--liko-olive-dark); }

/* ── フッターの文字組みを全ページ共通化（2026-07-25 修正）──
   フッターは footer-liko.php の共通部品だが、文字サイズ指定が各ページCSSに
   バラバラに入っていた（旧クラス名 .footer-links-row / 未指定）。そのため
   講師育成・お客様の声・プライバシーではナビ文字が標準サイズ（大きすぎ）で表示。
   → 共通部品の文字組みは liko-common.css に集約する（値は正しく出ていた講師紹介=instructors基準）。
   scope=footer.liko-foot（詳細度で各ページCSSに勝つ・値は同一なので競合しても無害）。 */
footer.liko-foot .footer-logo{ font-size:1.3rem; }
footer.liko-foot .footer-logo small{ font-size:.54rem; letter-spacing:.25em; }
footer.liko-foot .footer-links a{ font-size:.72rem; }
footer.liko-foot .footer-addr{ font-size:.72rem; line-height:2; }
footer.liko-foot .footer-meta{ font-size:.58rem; letter-spacing:.15em; }

/* ── 下層フッターのレイアウトを2カラムに統一（2026-07-25 唯心さん決定）──
   サンプルはページ毎に「中央横並び(privacy/training/voices)」と「2カラム右寄せ(yoga/instructors)」が
   混在していた。統一版は2カラム（ロゴ左・ナビ右寄せ縦）＝instructors.html基準。
   privacy/training/voicesのCSSにある `footer{ text-align:center }`（詳細度0,0,1）を、
   `.liko-foot-sub`（0,2,x）で上書きする。scope=下層のみ・フロント/トップのフッターには無影響。 */
footer.liko-foot.liko-foot-sub{ text-align:left; }
footer.liko-foot.liko-foot-sub .footer-top{ display:flex; justify-content:space-between; align-items:flex-end; gap:16px; }
footer.liko-foot.liko-foot-sub .footer-links{ display:flex; flex-direction:column; gap:4px; text-align:right; }
footer.liko-foot.liko-foot-sub .footer-addr{ margin-top:24px; }
footer.liko-foot.liko-foot-sub .footer-meta{ margin-top:20px; padding-top:16px; border-top:1px solid rgba(251,248,241,.15); display:flex; justify-content:space-between; align-items:center; }

/* ── スマホ：下層フッターのナビ7本が右で見切れる/詰まるのを防ぐ ──
   サンプルは .footer-top を常に横並び(space-between)にしており、スマホ幅では
   ナビ列が右にはみ出して見切れる。モバイルでは縦積み・左寄せにして押しやすくする。
   （チャッピー助言 2026-07-24：スマホは縦並びで押しやすく）
   ※ footer.liko-foot スコープ＝下層フッターのみ。トップ(footer-topなし)には無影響。 */
@media (max-width:768px){
  footer.liko-foot.liko-foot-sub .footer-top{ flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:18px; }
  footer.liko-foot.liko-foot-sub .footer-links{ text-align:left; gap:10px; }
  /* ©行とSNSリンク群も横並びだとSNSが右で見切れる→縦積みに */
  footer.liko-foot.liko-foot-sub .footer-meta{ flex-direction:column; align-items:flex-start; gap:10px; }
}