/* ========================================================= RTL (Right-to-Left) スタイル調整 対象言語: ar (アラビア語) 適用条件: が設定された場合 ========================================================= */ /* === 基本テキスト方向 === */ [dir="rtl"] { text-align: right; } /* === フォーム入力 === */ [dir="rtl"] input, [dir="rtl"] textarea, [dir="rtl"] select { text-align: right; direction: rtl; } /* === ログインカード (affiliate-login.html) === */ [dir="rtl"] .login-card { text-align: right; } [dir="rtl"] .not-member { text-align: center; } /* === ダッシュボード サイドバー（左固定 → 右固定） === */ [dir="rtl"] .dash-sidebar { right: 0; left: auto; border-right: none; border-left: 1px solid var(--border); } /* === ダッシュボード メインコンテンツ（左マージン → 右マージン） === */ [dir="rtl"] .dash-main { margin-left: 0; margin-right: 240px; } /* モバイル対応 (サイドバーが非表示になる breakpoint) */ @media (max-width: 768px) { [dir="rtl"] .dash-main { margin-right: 0; } } /* === コピー行（ID / リンク）flex 反転 === */ [dir="rtl"] .copy-row { flex-direction: row-reverse; } /* === ランキング行 flex 反転 === */ [dir="rtl"] .ranking-item { flex-direction: row-reverse; } /* === テーブル === */ [dir="rtl"] table { direction: rtl; } [dir="rtl"] th, [dir="rtl"] td { text-align: right; } /* === ナビバー: RTLでも視覚的レイアウト（ロゴ左・ボタン右）を維持 === */ [dir="rtl"] nav { direction: ltr; } [dir="rtl"] .nav-right { flex-direction: row; } /* === センタリング維持（rtl でも中央揃えはそのまま） === */ [dir="rtl"] .login-hero, [dir="rtl"] .sent-state, [dir="rtl"] .empty-msg, [dir="rtl"] .bonus-item, [dir="rtl"] footer { text-align: center; } /* === ランク番号・メダル（幅固定なのでそのまま） === */ [dir="rtl"] .rank-num, [dir="rtl"] .rank-medal { text-align: center; } /* === index.html 固有 RTL調整 === */ [dir="rtl"] .hero-title, [dir="rtl"] .hero-sub, [dir="rtl"] .section-title, [dir="rtl"] .section-sub, [dir="rtl"] .who-card, [dir="rtl"] .tok-card, [dir="rtl"] .camp-strip { text-align: right; } [dir="rtl"] .hero-actions { flex-direction: row-reverse; } [dir="rtl"] .nav-links { direction: ltr; } [dir="rtl"] .footer-links { flex-direction: row-reverse; }