/* =====================================================================
   多言語受付ページ（umj-official/page-japan-home.php）と台湾ページの追加分。
   official-page-japan-home.css の上に重ねる。2026-10-13。
   - 言語一覧（ページ下部）
   - アラビア語など右から左に書く言語（dir="rtl"）の向き
   - 日本語フォントに無い文字（タイ語・ヒンディー語・アラビア語など）は system-ui に任せる
   ===================================================================== */
.jh-intl { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", var(--umj-sans); }
.jh-intl:lang(ja), .jh-intl:lang(zh-Hans) { font-family: var(--umj-sans); }

/* 言語一覧 */
.jh-langs { padding: var(--umj-s4) 0 var(--umj-s5); border-top: 1px solid var(--umj-line); background: var(--umj-bg); }
.jh-lang-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 10px; }
.jh-lang-list a { display: inline-block; min-height: 44px; padding: 10px 14px; border: 1px solid var(--umj-line); border-radius: 999px; background: var(--umj-white); color: var(--umj-navy); text-decoration: none; font-size: 14px; line-height: 1.5; }
.jh-lang-list a:hover { border-color: var(--umj-orange); }
.jh-lang-list a[aria-current="page"] { background: var(--umj-navy); border-color: var(--umj-navy); color: #fff; }
.jh-lang-list a:focus-visible { outline: 3px solid var(--umj-orange-light); outline-offset: 2px; }

/* 右から左（アラビア語） */
.jh-page[dir="rtl"] { text-align: right; }
.jh-page[dir="rtl"] .jh-list li { padding-left: 0; padding-right: 26px; }
.jh-page[dir="rtl"] .jh-list li::before { left: auto; right: 0; }
.jh-page[dir="rtl"] .jh-pain-item { border-left: 0; border-right: 3px solid var(--umj-orange); }
.jh-page[dir="rtl"] .jh-req { margin-left: 0; margin-right: 6px; }
.jh-page[dir="rtl"] .jh-contact .jh-eyebrow,
.jh-page[dir="rtl"] .jh-contact .jh-h2 { text-align: center; }