/*
 * RTL-specific overrides for Arabic.
 * main.css uses CSS logical properties throughout, so this file only
 * needs to cover the handful of cases those can't reach.
 */

[dir="rtl"] .dashicons-migrate {
	transform: scaleX( -1 );
}

[dir="rtl"] .bas-benefit-dot {
	margin-inline-end: 0;
}

/* Mirror the 3D showcase fan (rotateY is a physical, not logical, transform). */
[dir="rtl"] .bas-showcase-item-1 { transform: rotateY( -14deg ) translateZ( -10px ); }
[dir="rtl"] .bas-showcase-item-2 { transform: rotateY( -6deg ); }
[dir="rtl"] .bas-showcase-item-3 { transform: rotateY( 6deg ); }
[dir="rtl"] .bas-showcase-item-4 { transform: rotateY( 14deg ) translateZ( -10px ); }
[dir="rtl"] .bas-showcase-item:hover {
	transform: rotateY( 0deg ) translateZ( 40px ) scale( 1.03 );
}

@media ( max-width: 680px ) {
	[dir="rtl"] .bas-showcase-item-1,
	[dir="rtl"] .bas-showcase-item-2,
	[dir="rtl"] .bas-showcase-item-3,
	[dir="rtl"] .bas-showcase-item-4 {
		transform: none;
	}
}