/*
 * Veylora RTL overrides (Persian, Arabic, Hebrew…).
 * Most of the layout already mirrors automatically because main.css uses CSS
 * logical properties. This file only flips direction-specific visuals.
 */
select, .veylora-select { background-position: left 12px center; }

/* Directional icons point the other way. */
.veylora-link-arrow .veylora-icon,
.veylora-icon--arrow,
.veylora-icon--chevron { transform: scaleX(-1); }
.veylora-link-arrow:hover .veylora-icon { transform: scaleX(-1) translateX(4px); }
.veylora-flip, .veylora-flip .veylora-icon { transform: none; }
.veylora-nav .veylora-submenu .veylora-submenu-toggle .veylora-icon { transform: rotate(90deg); }

/* Drawer slides in from the left in RTL. */
.veylora-drawer__panel { animation-name: veylora-slide-in-rtl; }
@keyframes veylora-slide-in-rtl { from { transform: translateX(-100%); } }

/* Latin-only content inside RTL pages (code, numbers in tables) stays LTR. */
.veylora-prose pre, .veylora-prose code { direction: ltr; unicode-bidi: isolate; }

/* Persian/Arabic need a touch more line-height for diacritics. */
body { line-height: 1.85; }
.veylora-brand__name { letter-spacing: 0; }