/* ============================================================
   FT MUSIC OFFICE LLC — Édition française (差分CSS)
   共通 style.css の後に読み込まれ、仏文最適化のための上書きを行う。
   原則: 配色・余白・構造はすべて style.css のものをそのまま受け継ぐ。
         フォント・letter-spacing・line-height など、和文前提の値だけを書き換える。
   英語版 style-en.css とほぼ同等だが、若干の調整あり:
     - 言語切替の表記("Viewing" → "En cours")
     - フランス語の引用符・約物の扱い
     - 字組(letter-spacing をやや英語版より狭く)
   ============================================================ */

/* --- ボディ全体: 本文を欧文セリフに切り替える --- */
body {
  font-family: var(--font-en-display);
  letter-spacing: 0.003em; /* フランス語は英語よりさらに狭く */
  line-height: 1.7;
  font-feature-settings: "kern", "liga";
  /* フランス語のアクセント記号(é, à, ç, œ)の表示安定のため */
  font-variant-ligatures: common-ligatures discretionary-ligatures;
}

/* --- 見出し: 和文ディスプレイ書体を欧文ディスプレイ書体に --- */
h1, h2, h3, h4, h5 {
  font-family: var(--font-en-display);
  letter-spacing: 0.008em;
  line-height: 1.3;
  font-weight: 600;
}

h1 {
  font-size: 2.05rem;
  line-height: 1.25;
  letter-spacing: 0;
  font-weight: 600;
}

h2 {
  font-size: 1.7rem;
  letter-spacing: 0;
  line-height: 1.3;
}

h3 {
  font-size: 1.2rem;
  letter-spacing: 0.005em;
  font-weight: 600;
}

/* --- 段落 --- */
p {
  text-align: left;
  hyphens: auto;
  -webkit-hyphens: auto;
  /* フランス語は :、;、!、? の前に半角アキを取るのが正書法
     ノンブレーキングスペース(\00a0)で対応(HTML側で   を使う) */
}

/* --- ヒーロー部分の調整 --- */
.hero-headline {
  font-family: var(--font-en-display);
  letter-spacing: 0;
  line-height: 1.15;
}

.hero-lead {
  font-family: var(--font-en-display);
  font-size: 1.15rem;
  line-height: 1.7;
  letter-spacing: 0;
}

.lead-large {
  font-family: var(--font-en-display);
  letter-spacing: 0;
}

.lead-large em {
  font-style: italic;
}

/* --- ナビゲーション --- */
.site-nav a {
  font-family: var(--font-en-display);
  font-size: 1rem;
  letter-spacing: 0.06em;
  font-weight: 500;
}

/* 言語切り替えリンク: フランス語版では「日本語」リンクなので和文書体に上書き */
.site-nav .lang-switch a {
  font-family: var(--font-jp-serif);
}

/* 英語版から仏語版に飛ぶリンクは欧文書体のまま */
.site-nav .lang-switch.to-en a {
  font-family: var(--font-en-display);
}

/* --- ロゴ部分: 和文表記は維持(社名そのもの)、欧文表記を主役に --- */
.site-logo .text-jp {
  font-size: 0.78rem;
  letter-spacing: 0.08em;
  color: var(--color-text-mute);
  font-weight: 500;
  order: 2;
}
.site-logo .text-en {
  font-size: 0.92rem;
  letter-spacing: 0.22em;
  color: var(--color-text);
  font-weight: 600;
  order: 1;
}

/* --- 三本柱 (pillars) などの h4 サブ見出し --- */
.pillar h4 {
  font-family: var(--font-en-display);
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
}

/* --- プロフィール --- */
.profile-name-block .roman,
.twin-card .roman {
  font-family: var(--font-en-display);
}

.profile-name-block h1 {
  font-family: var(--font-en-display);
  letter-spacing: 0;
}

.titles {
  font-family: var(--font-en-display);
  letter-spacing: 0;
  line-height: 1.55;
}

/* --- 楽器カード --- */
.instrument-card .inst-name {
  font-family: var(--font-en-display);
  letter-spacing: 0.02em;
}
.instrument-card .inst-name-sub {
  font-family: var(--font-jp-serif);
  font-size: 0.78rem;
  color: var(--color-text-mute);
  letter-spacing: 0.05em;
}

/* --- 価格表示 --- */
.inst-price,
.plan-price {
  font-family: var(--font-en-display);
  letter-spacing: 0;
}

/* CFA フランの単位「FCFA」「F CFA」の表記用 */
.price-yen {
  display: block;
  font-size: 0.8em;
  color: var(--color-text-mute);
  margin-top: 0.2em;
  letter-spacing: 0;
}

/* --- ノート(注釈)文 --- */
.note {
  letter-spacing: 0;
}

/* --- 三者連携テーブル --- */
.three-parties .party-name {
  font-family: var(--font-en-display);
  letter-spacing: 0.01em;
}

/* --- 章番号 と pull-quote --- */
.chapter-num {
  font-family: var(--font-en-display);
}

.pull-quote p {
  font-family: var(--font-en-display);
  font-style: italic;
  letter-spacing: 0;
}

.candor-label {
  font-family: var(--font-en-display);
}

/* --- 協賛プランカード --- */
.plan-card .plan-tier {
  font-family: var(--font-en-display);
}
.plan-card .plan-name {
  font-family: var(--font-en-display);
  letter-spacing: 0.01em;
}

/* --- フッター --- */
.site-footer h4 {
  font-family: var(--font-en-display);
  letter-spacing: 0.18em;
}
.site-footer p,
.site-footer ul {
  font-family: var(--font-en-display);
  letter-spacing: 0;
}

/* --- 著作表示 --- */
.copyright {
  font-family: var(--font-en-display);
  letter-spacing: 0.15em;
}

/* --- 強調 (em) はイタリック --- */
em {
  font-style: italic;
  font-family: var(--font-en-italic);
}

.pull-quote em {
  color: var(--color-accent);
}

/* --- works-list の年表記 --- */
.works-list .year {
  font-family: var(--font-en-display);
  font-variant-numeric: oldstyle-nums;
}

/* --- 図版キャプション --- */
figcaption {
  font-family: var(--font-en-display);
  font-style: italic;
  letter-spacing: 0;
}

/* --- 外部リンクボタン --- */
.ext-button,
.ext-label,
.ext-url {
  font-family: var(--font-en-display);
}

/* --- 分岐カードの「現在表示中」ラベルを En cours に上書き --- */
.audience-card.is-current::after {
  content: "En cours";
}

/* --- レスポンシブ調整 --- */
@media (max-width: 600px) {
  .hero-headline {
    font-size: 1.85rem;
    line-height: 1.2;
  }
  h1 {
    font-size: 1.7rem;
  }
  h2 {
    font-size: 1.4rem;
  }
}