/* ---------------------------------------------------------------------------
 * 右書き (アラビア語) のページだけに読み込む上書き。
 *
 * Elementor と ElementsKit が吐く CSS は margin-left / text-align: left の
 * ように、左書きを前提とした物理方向で書かれている。dir="rtl" を付けても
 * これらは反転しないので、本文が右揃えになった横で余白と矢印だけが左に
 * 残る。ここでは論理プロパティへ寄せ替えるのではなく (元の CSS は触れない)、
 * 効いている箇所だけを名指しで反転させる。
 *
 * 反転させないもの:
 *   - 数字・車種名・電話番号。ラテン文字のまま左書きで読む
 *   - ロゴと背景画像。鏡像になると別物になる
 *   - スライダーの進行方向。Swiper は JS 側が dir を見て自前で反転する
 * ------------------------------------------------------------------------ */

[dir="rtl"] body {
	text-align: right;
}

/* 見出しと本文。Elementor はウィジェット単位で text-align を持つので、
   インライン指定に負けないよう同じ詳細度で当てる。 */
[dir="rtl"] .elementor-widget-text-editor,
[dir="rtl"] .elementor-widget-heading,
[dir="rtl"] .elementor-widget-icon-list .elementor-icon-list-item {
	text-align: right;
}

[dir="rtl"] .elementor-icon-list-items {
	padding-right: 0;
}

/* アイコン付きリスト。アイコンと文字の間の余白が左に残ると、
   アイコンが文字に重なる。 */
[dir="rtl"] .elementor-icon-list-icon {
	margin-right: 0;
	margin-left: 8px;
}

/* ナビゲーション。項目の並びと、ドロップダウンの出る向き。 */
[dir="rtl"] .elementskit-navbar-nav {
	flex-direction: row-reverse;
}

[dir="rtl"] .elementskit-dropdown {
	right: 0;
	left: auto;
	text-align: right;
}

[dir="rtl"] .elementskit-submenu-indicator {
	margin-right: 6px;
	margin-left: 0;
}

/* 言語切り替え。地球儀と現在の言語名の間隔。 */
[dir="rtl"] .wog-lang__globe {
	margin-right: 0;
	margin-left: 6px;
}

/* 引用とリスト。左に付いていた飾り罫と行頭記号を右へ。 */
[dir="rtl"] blockquote {
	border-left: none;
	border-right: 4px solid currentColor;
	padding-left: 0;
	padding-right: 1em;
}

[dir="rtl"] ul,
[dir="rtl"] ol {
	padding-left: 0;
	padding-right: 40px;
}

/* 固定の WhatsApp ボタン。右下だと本文の行末に重なるので左下へ逃がす。 */
[dir="rtl"] .qlwapp.qlwapp-bottom-right .qlwapp-toggle {
	right: auto;
	left: 20px;
}

/* ラテン文字のまま読ませるもの。周囲が右書きでも並びを崩さない。 */
[dir="rtl"] .wog-ltr,
[dir="rtl"] [lang="en"],
[dir="rtl"] time,
[dir="rtl"] .elementor-widget-video {
	direction: ltr;
	text-align: left;
	unicode-bidi: isolate;
}