/**
 * 翻訳版（GTranslate）専用のレイアウト調整
 * 発動条件: html.translated-ltr / html.translated-rtl（ウィジェット翻訳時）
 *           または html の lang が ja 以外（Pro/TDN サブドメイン時）
 * 日本語表示には一切影響しない。
 * 方針: JA 文字数前提の固定幅・nowrap を、翻訳時のみ hug/折返しに緩める。
 */

/* TOP WORKS カルーセル「製作実績一覧へ」: SP の固定幅200を解除して内容幅に */
html:not([lang="ja"]) .SP .c-works__more,
html.translated-ltr .SP .c-works__more,
html.translated-rtl .SP .c-works__more {
  width: auto;
  max-width: 100%;
}

html:not([lang="ja"]) .c-works__more-text,
html.translated-ltr .c-works__more-text,
html.translated-rtl .c-works__more-text {
  white-space: normal;
  text-align: center;
}

/* TOP NEWS カテゴリタブ: 英文は長くなるため字間を詰める（行は元々横スクロール可） */
html:not([lang="ja"]) .c-news__cat-link,
html.translated-ltr .c-news__cat-link,
html.translated-rtl .c-news__cat-link {
  letter-spacing: 0;
}

/* TOP NEWS カテゴリタブ(SP): 固定幅110だと英文がピルからあふれて隣と重なるため、
   翻訳時は内容幅（hug）にして横スクロールに逃がす */
html:not([lang="ja"]) .SP .c-news__cat-link,
html.translated-ltr .SP .c-news__cat-link,
html.translated-rtl .SP .c-news__cat-link {
  flex-shrink: 0;
  width: auto;
  min-width: 110rem;
  padding: 8rem 16rem;
}

/* ニュース一覧(/news)のカテゴリタブ: 長い英文は折返して収める */
html:not([lang="ja"]) body.page-news-index .news-category-link,
html.translated-ltr body.page-news-index .news-category-link,
html.translated-rtl body.page-news-index .news-category-link {
  height: auto;
  min-height: 36rem;
  white-space: normal;
  text-align: center;
  line-height: 1.3;
}