/* Language switcher */
.x8ti-switcher { display: inline-flex; gap: 4px; font-size: 14px; line-height: 1; direction: ltr; }
.x8ti-switcher a { padding: 7px 12px; border-radius: 999px; text-decoration: none; color: inherit; border: 1px solid currentColor; opacity: .75; }
.x8ti-switcher a.is-active, .x8ti-switcher a:hover { opacity: 1; font-weight: 600; }
.x8ti-switcher a[lang="ar"] { font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif; }

.x8ti-switcher.x8ti-floating { position: fixed; bottom: 20px; right: 20px; z-index: 99999; background: #fff; color: #111;
	padding: 5px; border-radius: 999px; box-shadow: 0 4px 18px rgba(0,0,0,.18); }
.x8ti-switcher.x8ti-floating a { border-color: transparent; }
.x8ti-switcher.x8ti-floating a.is-active { background: #111; color: #fff; }
body.x8ti-ar .x8ti-switcher.x8ti-floating { right: auto; left: 20px; }

/* Basic RTL helpers (your theme's rtl.css, if it has one, loads automatically on /ar/) */
body.x8ti-ar { direction: rtl; }
body.x8ti-ar input, body.x8ti-ar textarea, body.x8ti-ar select { text-align: right; }
body.x8ti-ar ul, body.x8ti-ar ol { padding-right: 1.5em; padding-left: 0; }