/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* =====================================================================
 * RTL: treat demo "left" alignment as line-start
 * =====================================================================
 * Woodmart's .text-left / .text-right classes are absolute, not logical —
 * base-rtl.css keeps .text-left pinned to the left even when the page is RTL.
 * The Christmas 2 demo was authored left-to-right, and several Woodmart
 * widgets (product title, price, short description, tabs) also fall back to
 * `left` when no alignment is set at all, so Arabic copy ends up hugging the
 * wrong edge of its column.
 *
 * On an RTL page "left" from an LTR demo always meant "start", so that is what
 * it is mapped to here. Explicit centre and justify are untouched.
 *
 * If a block genuinely needs to sit on the physical left in RTL, give it
 * .text-right (Woodmart's own absolute class for that edge) or add
 * `direction: ltr` to the block — this rule only redefines .text-left.
 * -------------------------------------------------------------------- */

[dir="rtl"] .text-left {
    --text-align: right;
    text-align: right;
}

/* Elementor containers carry the alignment as a custom property that its own
   flex children read, so the variable has to move with it. */
[dir="rtl"] .e-con.text-left > .e-con-inner,
[dir="rtl"] .e-con-full.text-left {
    --text-align: right;
    text-align: right;
}

/* Woodmart widget defaults that render a bare .text-left wrapper. */
[dir="rtl"] .wd-single-title.text-left,
[dir="rtl"] .wd-single-price.text-left,
[dir="rtl"] .wd-single-short-desc.text-left,
[dir="rtl"] .wd-single-meta.text-left,
[dir="rtl"] .wd-single-tabs.text-left {
    --text-align: right;
    text-align: right;
}