/* ============================================================
   MAROKE Theme — intl.css  (v7.0.0)
   多言語ページ（body.maroke-intl）専用のタイポグラフィと、
   アラビア語ページの右横書き（RTL）対応。

   日本語版は明朝（Shippori Mincho B1）＋広い字送りを使うが、
   欧文・中文・韓国語・アラビア語ではそのままだと読みにくいため、
   言語ごとに書体と字送りを切り替える。
   フォント自体は各言語のページでのみ読み込まれる（inc/i18n.php）。
   ============================================================ */

.maroke-intl{font-size:16px;line-height:1.8}

/* ---- 見出し・本文の共通調整（日本語向けの字送りを解除） ---- */
.maroke-intl .section-title,
.maroke-intl .about-name,
.maroke-intl .page-hero-title{
  font-family:var(--font-en);font-weight:400;
  letter-spacing:.02em;text-indent:0;line-height:1.28;
}
.maroke-intl .section-title{font-size:clamp(30px,4.2vw,50px)}
.maroke-intl .about-name{font-size:clamp(29px,3.6vw,44px)}
.maroke-intl .about-name-en{text-transform:none}
.maroke-intl .section-desc{
  font-size:15px;line-height:1.85;max-width:62ch;margin-left:auto;margin-right:auto;
}
.maroke-intl .about-text p{line-height:1.9;margin-bottom:1.5em}
.maroke-intl .about-text .quote{
  font-family:var(--font-en);font-weight:400;
  font-size:clamp(17px,2.1vw,21px);line-height:1.6;
}
.maroke-intl .about-text strong{font-weight:700;color:var(--ink)}
.maroke-intl .fact-value{font-weight:600;font-size:15px}
.maroke-intl .hero-title em{font-style:italic}

/* ヒーロー見出し下の一行。日本語版は明朝のサブ見出しが入る位置だが、
   多言語では見出しが二重になるためクレジット行として扱う。 */
.maroke-intl .hero-title .ja{
  font-family:var(--font-mono);font-weight:400;
  font-size:clamp(10px,1.1vw,12.5px);letter-spacing:.3em;text-indent:.3em;
  text-transform:uppercase;color:rgba(255,255,255,.82);
  margin-top:clamp(22px,3vh,32px);
}
.maroke-intl .album-modal-desc{display:none} /* 多言語版はアルバム説明文なし */

.about-photo-fallback{
  display:grid;place-items:center;aspect-ratio:3/4;
  background:var(--paper-soft);font-family:var(--font-en);
  font-size:80px;color:var(--gold);opacity:.4;
}

/* ---- ロゴは全言語共通（日本語版と同じワードマーク） ----
   各言語ブロックで --font-en / --font-body を差し替えても、
   ブランド表記だけは Marcellus のまま保つ。 */
.maroke-intl .brand-wordmark,
.maroke-intl .brand-name,
.maroke-intl .footer-name{font-family:var(--font-logo)}
.maroke-intl .bw-amp{color:var(--gold)}
/* フッターの名前サブ表記は各言語の文字を含むため本文書体にフォールバック */
.maroke-lang-zh-hant .footer-sub,.maroke-lang-zh-hans .footer-sub,
.maroke-lang-ko .footer-sub,.maroke-lang-ar .footer-sub{
  font-family:var(--font-body);letter-spacing:.2em;text-indent:.2em;text-transform:none;font-size:10px;
}
.maroke-lang-ar .footer-sub{letter-spacing:0;text-indent:0}

/* ============================================================
   English / Español / Français / Svenska — Marcellus（見出し）+ Inter（本文）
   ============================================================ */
.maroke-lang-en,
.maroke-lang-es,
.maroke-lang-fr,
.maroke-lang-sv{
  --font-en:"Marcellus",Georgia,serif;
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;
}
.maroke-lang-en .section-title,.maroke-lang-en .about-name,
.maroke-lang-es .section-title,.maroke-lang-es .about-name,
.maroke-lang-fr .section-title,.maroke-lang-fr .about-name,
.maroke-lang-sv .section-title,.maroke-lang-sv .about-name{letter-spacing:.04em}
.maroke-lang-en .btn{letter-spacing:.2em;text-indent:.2em}
/* 西・仏・瑞は単語が長くなりやすいのでボタンの字送りは控えめに */
.maroke-lang-es .btn,.maroke-lang-fr .btn,.maroke-lang-sv .btn{letter-spacing:.13em;text-indent:.13em}

/* ============================================================
   Русский — Playfair Display（見出し）+ Inter（本文）
   Marcellus はキリル文字を含まないため差し替え
   ============================================================ */
.maroke-lang-ru{
  --font-en:"Playfair Display",Georgia,serif;
  --font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;
}
.maroke-lang-ru .section-title{font-size:clamp(28px,3.8vw,46px)}
.maroke-lang-ru .btn{letter-spacing:.12em;text-indent:.12em;font-size:11px}

/* ============================================================
   繁體中文 / 简体中文 — Noto Serif（見出し）+ Noto Sans（本文）
   ============================================================ */
.maroke-lang-zh-hant{
  --font-en:"Noto Serif TC","Songti TC","PMingLiU",serif;
  --font-body:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
  --font-mono:"Noto Sans TC","PingFang TC",sans-serif;
}
.maroke-lang-zh-hans{
  --font-en:"Noto Serif SC","Songti SC","SimSun",serif;
  --font-body:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-mono:"Noto Sans SC","PingFang SC",sans-serif;
}
/* 中文：約物のあとで行が折れないようにする */
.maroke-lang-zh-hant,.maroke-lang-zh-hans{line-break:strict}

/* ============================================================
   한국어 — Noto Serif KR（見出し）+ Noto Sans KR（本文）
   ============================================================ */
.maroke-lang-ko{
  --font-en:"Noto Serif KR","Apple SD Gothic Neo",serif;
  --font-body:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --font-mono:"Noto Sans KR","Apple SD Gothic Neo",sans-serif;
}
/* 韓国語：単語（語節）の途中で改行しない */
.maroke-lang-ko{word-break:keep-all;overflow-wrap:break-word}

/* ---- CJK 共通：見出しは太めに、行間はやや広く ---- */
.maroke-lang-zh-hant .section-title,.maroke-lang-zh-hans .section-title,.maroke-lang-ko .section-title,
.maroke-lang-zh-hant .about-name,.maroke-lang-zh-hans .about-name,.maroke-lang-ko .about-name{
  font-weight:600;letter-spacing:.06em;
}
.maroke-lang-zh-hant .about-text p,.maroke-lang-zh-hans .about-text p,.maroke-lang-ko .about-text p{line-height:2}
.maroke-lang-zh-hant .about-text .quote,.maroke-lang-zh-hans .about-text .quote,.maroke-lang-ko .about-text .quote{font-weight:600}

/* ============================================================
   العربية — Amiri（見出し）+ Noto Sans Arabic（本文）
   ============================================================ */
.maroke-lang-ar{
  --font-en:"Amiri","Geeza Pro",serif;
  --font-body:"Noto Sans Arabic","Geeza Pro","Segoe UI",sans-serif;
  --font-mono:"Noto Sans Arabic","Geeza Pro",sans-serif;
}
.maroke-lang-ar .section-title,
.maroke-lang-ar .about-name{font-weight:400;letter-spacing:0;line-height:1.5}
.maroke-lang-ar .about-text p{line-height:2.05}
.maroke-lang-ar .hero-title{line-height:1.5}

/* ---- 非ラテン言語：等幅の英字用スタイルを解除 ---- */
.maroke-lang-zh-hant .section-eyebrow,.maroke-lang-zh-hans .section-eyebrow,
.maroke-lang-ko .section-eyebrow,.maroke-lang-ar .section-eyebrow,
.maroke-lang-zh-hant .about-eyebrow,.maroke-lang-zh-hans .about-eyebrow,
.maroke-lang-ko .about-eyebrow,.maroke-lang-ar .about-eyebrow,
.maroke-lang-zh-hant .fact-label,.maroke-lang-zh-hans .fact-label,
.maroke-lang-ko .fact-label,.maroke-lang-ar .fact-label,
.maroke-lang-zh-hant .form-label,.maroke-lang-zh-hans .form-label,
.maroke-lang-ko .form-label,.maroke-lang-ar .form-label,
.maroke-lang-zh-hant .mosaic-country,.maroke-lang-zh-hans .mosaic-country,
.maroke-lang-ko .mosaic-country,.maroke-lang-ar .mosaic-country,
.maroke-lang-zh-hant .btn,.maroke-lang-zh-hans .btn,
.maroke-lang-ko .btn,.maroke-lang-ar .btn{
  font-family:var(--font-body);letter-spacing:.06em;text-indent:0;text-transform:none;
}
.maroke-lang-zh-hant .btn,.maroke-lang-zh-hans .btn,
.maroke-lang-ko .btn,.maroke-lang-ar .btn{font-size:13px;font-weight:500}
.maroke-lang-zh-hant .hero-title .ja,.maroke-lang-zh-hans .hero-title .ja,
.maroke-lang-ko .hero-title .ja,.maroke-lang-ar .hero-title .ja{
  font-family:var(--font-body);letter-spacing:.16em;text-indent:.16em;font-size:13px;text-transform:none;
}

/* ============================================================
   RTL — アラビア語ページの左右反転
   ============================================================ */
.maroke-rtl .hero-content,
.maroke-rtl .section-head,
.maroke-rtl .about-wrap,
.maroke-rtl .contact-wrap{direction:rtl}

.maroke-rtl .hero-eyebrow{padding-left:0;padding-right:58px}
.maroke-rtl .hero-eyebrow::before{left:auto;right:0}
.maroke-rtl .hero-title,
.maroke-rtl .hero-eyebrow{text-align:right}
.maroke-rtl .hero-actions{justify-content:flex-start}

.maroke-rtl .about-text .quote{
  border-left:0;border-right:2px solid var(--gold);
  padding-left:0;padding-right:20px;
}
.maroke-rtl .about-eyebrow{padding-left:0;padding-right:52px}
.maroke-rtl .about-eyebrow::before{left:auto;right:0}
.maroke-rtl .about-photo-cap{text-align:center}

.maroke-rtl .fact{direction:rtl}
.maroke-rtl .mosaic-info{left:auto;right:0;text-align:right;padding-left:0;padding-right:26px}
.maroke-rtl .mosaic-country{padding-left:0;padding-right:26px}
.maroke-rtl .mosaic-country::before{left:auto;right:0}
.maroke-rtl .mosaic-open{right:auto;left:20px}
.maroke-rtl .album-modal-head{direction:rtl}
.maroke-rtl .form-label,
.maroke-rtl .form-input,
.maroke-rtl .form-textarea{text-align:right;direction:rtl}
.maroke-rtl .maroke-contact-form .cf-turnstile{justify-content:flex-end}

/* ロゴ・言語メニュー・SNSはラテン文字のままなので方向を戻す */
.maroke-rtl .header-inner,
.maroke-rtl .footer-inner{direction:rtl}
.maroke-rtl .brand-wordmark,
.maroke-rtl .footer-name,
.maroke-rtl .footer-copy{direction:ltr}
.maroke-rtl .lang-menu{left:0;right:auto;text-align:right}
.maroke-rtl .lang-switch{margin-left:0;margin-right:14px}

@media(max-width:960px){
  .maroke-rtl .lang-switch{margin-right:0}
  .maroke-rtl .main-nav .primary-nav{text-align:center}
}