Improve RTL (Right-to-Left) support for multilingual sites

[asadkn]

Prerequisites

• I have searched for similar features requests in both open and closed tickets and cannot find a duplicate.
• The feature is still missing in the latest stable version of Elementor ( Elementor Pro )

What problem is your feature request going to solve? Please describe.

Currently, if you setup any template with Elementor, such as a single template or anything, in English version of a site, it's a problem when using the RTL version mainly because of the generated CSS.

In the generated CSS, logical CSS properties aren't used so if you set a padding on the right, it stays on the right side even in the RTL version of the site.

CSS Logical Properties have full browser support now and even since a while, the support was really good for most properties.

Describe the solution you'd like

Use CSS logical props such as padding-inline-start instead of padding-left for all the CSS generated by Elementor. You can continue to keep a separate RTL stylesheet for the base CSS, unchanged.

Reference:
https://adrianroselli.com/2019/11/css-logical-properties.html
https://caniuse.com/css-logical-props

Describe alternatives you've considered

No response

Additional context

No response