/**
 * Oversight Accessibility — RTL overrides for the front-end widget.
 *
 * Most layout uses logical properties (inset-inline-*, margin-inline-*) and
 * fl/grid, so only a few direction tweaks are needed here.
 *
 * © Oversight
 */

.oa-widget.oa-rtl {
	direction: rtl;
	text-align: right;
}
.oa-widget.oa-rtl .oa-panel { text-align: right; }
.oa-widget.oa-rtl .oa-tile-label { text-align: center; }

/* Slider fill anchors on the right (start side) in RTL and grows leftward.
   The base inset-inline-start:0 already maps to the right edge in RTL, so we
   only flip the gradient direction here. */
.oa-widget.oa-rtl .oa-slider-fill {
	background: linear-gradient(270deg, #8fb6ff, var(--oa-accent)) !important;
}