/*
Theme Name: Heiwa Child
Template:   bijoux_tcd117
Version:    1.0.0
Description: 株式会社平和ホーム 子テーマ
Author:     KAZUMA / 合同会社YZK
*/

/* ===== デザイントークン（11_design-system.md 確定値・2026-06-16） ===== */
:root {
  /* ブランドカラー（ロゴ実色確定） */
  --color-green-primary: #4E9545;
  --color-green-light:   #71B153;
  --color-green-dark:    #113F1C;
  --color-blue-accent:   #5EA9A9;
  --color-gold-accent:   #B29B45;
  --color-text-dark:     #193623;
  --color-primary:       var(--color-green-primary);
  --color-primary-hover: var(--color-green-dark);
  --color-secondary:     var(--color-blue-accent);
  --color-accent:        var(--color-gold-accent);
  --color-bg:            #FFFFFF;
  --color-surface:       #F4F7FA;
  --color-text:          var(--color-text-dark);
  --color-text-muted:    #4A5A6A;
  --color-disabled:      #B0BEC5;

  /* タイポグラフィ */
  --font-display:  'Cormorant Garamond', 'Noto Serif JP', Georgia, serif;
  --font-heading:  'Noto Serif JP', 'Cormorant Garamond', Georgia, serif;
  --font-body:     'Noto Sans JP', 'Hiragino Sans', 'Yu Gothic', Meiryo, sans-serif;
  --text-display:  clamp(2.8rem, 5.5vw, 4.5rem);
  --text-h1: 2.5rem; --text-h2: 2rem; --text-h3: 1.5rem;
  --text-body: 1rem; --text-small: 0.875rem;
  --leading:   1.75;
  --weight-heading: 700; --weight-body: 400;

  /* 余白（8pxベース） */
  --space-1: 8px;  --space-2: 16px; --space-3: 24px; --space-4: 32px;
  --space-5: 40px; --space-6: 48px; --space-7: 64px; --space-8: 96px;

  /* 角丸・線 */
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 16px;
  --border-width: 1px;

  /* モーション（sonic-architect準拠） */
  --ease-organic: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --duration-fast: 180ms;
  --duration-base: 420ms;
  --duration-slow: 720ms;

  /* 派生値 */
  --color-border-light:  #E8EEE8;
  --color-card-border:   #DDE8DD;
  --color-dark-08:       rgba(17, 63, 28, 0.08);
  --color-primary-10:    rgba(78, 149, 69, 0.10);
  --color-white-85:      rgba(255, 255, 255, 0.85);
  --color-white-10:      rgba(255, 255, 255, 0.10);
  --shadow-card:         0 8px 24px var(--color-dark-08);
  --container-max:       1120px;
  --sp-bar-height:       70px;
}

/* ===== TCD117 親テーマ上書き（競合解決） ===== */
/* wp-css-conflict-resolver/SKILL.md 4層防御パターン準拠 */

/* Body フォントリセット */
body {
  font-family: var(--font-body);
  color:       var(--color-text);
  line-height: var(--leading);
}

/* 見出しフォント統一 */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: var(--weight-heading);
  color:       var(--color-text);
}

/* ===== 追加カスタムスタイルはこの下に記述 ===== */

/* 修正④（2026-07-04 KAZUMA指摘の恒久対策）: 全文の折返しをブラウザ標準の
   バランス調整に一任し、改行崩れ事故を自動防止する。
   word-break:keep-all = 本質的な対策。「ファミリー」「ステップ」等のカタカナ複合語や
     英数字列の"途中"で割れる事故を防ぐ（CJK文字同士の改行は妨げない）。
   overflow-wrap:break-word = keep-allの安全弁。1単語が行幅を超える極端なケースのみ強制折返し
     （長いURL等がコンテナからはみ出す事故を防止）。
   text-wrap:balance = 見出し（複数行を行長が揃うよう自動再配分）
   text-wrap:pretty  = 本文・リード文（最終行の孤立語=orphanを出さないよう自動調整）
   非対応ブラウザは通常のnormal wrapへ自動フォールバック（崩れない・退行なし）。 */
body { word-break: keep-all; overflow-wrap: break-word; }
h1, h2, h3, h4 { text-wrap: balance; }
p, li { text-wrap: pretty; }

/* 修正①（2026-07-03 クライアント依頼）: 事業内容見出し「ファミリータイプ住宅の売買、専門一本で。」
   スマホ表示で3行→2行に収まるよう、この見出し（#svc-h）に限定してサイズを縮小。
   共通クラス .sec-h2 は他見出しにも使うため変更しない。ID指定(#svc-h)で優先度を確保し !important 不使用。 */
@media (max-width: 480px) {
  #svc-h {
    font-size: clamp(1.2rem, 6vw, 1.5rem);
  }
}