/**
 * Automatic Translator with Google Translate — RTL styling (Hebrew / Arabic / ...).
 *
 * Everything here is scoped to html.wpat-rtl-active, which auto-translate-rtl.js
 * adds only while the visitor is viewing the site in an RTL language. Nothing
 * here affects the English (LTR) site.
 *
 * Sections:
 *   0.  Base direction
 *   6.  Phone icons mirrored
 *   17. Consultation / contact forms right-aligned
 *   18. Inputs + placeholders right-aligned
 *   19. Footer social icons right-aligned
 *   20. All phone sections share ONE consistent alignment
 *   22. Arabic typography (no letter-spacing, no italics, Arabic fonts)
 *   23. Directional icons mirrored (arrows / chevrons / carets)
 *   24. Elementor icon + text spacing mirrored (buttons, icon lists, icon/image boxes, accordion, toggle, nav arrows)
 *   25. Misc: lists, quotes, search, breadcrumbs
 *
 * Opt-outs:  add class "wpat-no-mirror" to an icon you do NOT want flipped,
 *            add class "wpat-ltr" to any element that must stay left-to-right.
 */

/* ------------------------------------------------------------------ 0. Base */
html.wpat-rtl-active,
html.wpat-rtl-active body {
	direction: rtl;
}

html.wpat-rtl-active body {
	text-align: right;
}

html.wpat-rtl-active [dir="ltr"],
html.wpat-rtl-active .wpat-ltr {
	direction: ltr;
}

/* Keep the language switcher itself left-to-right and undisturbed. */
html.wpat-rtl-active .auto_translate_button_wrapper,
html.wpat-rtl-active .auto_translate_minimalist,
html.wpat-rtl-active .google_translate_element {
	direction: ltr;
	text-align: left;
}

html.wpat-rtl-active ul,
html.wpat-rtl-active ol {
	padding-right: 1.5em;
	padding-left: 0;
}

html.wpat-rtl-active blockquote {
	border-right: 3px solid currentColor;
	border-left: 0;
	padding-right: 1em;
	padding-left: 0;
}

html.wpat-rtl-active table th,
html.wpat-rtl-active table td {
	text-align: right;
}

/* -------------------------------------------------------- 6. Phone icons mirror
 * A handset icon points to one side; in RTL it must face the other way.
 * Only the ICON is flipped, never the number text.
 * Each element matches at most one tag type, so it can never be flipped twice. */
html.wpat-rtl-active a[href^="tel:"] > i,
html.wpat-rtl-active a[href^="tel:"] > svg,
html.wpat-rtl-active a[href^="tel:"] > img,
html.wpat-rtl-active a[href^="tel:"] > .dashicons,
html.wpat-rtl-active a[href^="tel:"] > span[class*="icon"],
html.wpat-rtl-active i[class*="fa-phone"],
html.wpat-rtl-active i[class*="icon-phone"],
html.wpat-rtl-active i[class*="icon-call"],
html.wpat-rtl-active i[class*="phone-icon"],
html.wpat-rtl-active svg[class*="phone"],
html.wpat-rtl-active img[class*="phone"],
html.wpat-rtl-active img[src*="phone"],
html.wpat-rtl-active img[src*="call"],
html.wpat-rtl-active .dashicons-phone,
html.wpat-rtl-active .wpat-mirror {
	display: inline-block;
	transform: scaleX(-1);
}

html.wpat-rtl-active .wpat-no-mirror,
html.wpat-rtl-active .wpat-no-mirror > i,
html.wpat-rtl-active .wpat-no-mirror > svg,
html.wpat-rtl-active .wpat-no-mirror > img {
	transform: none;
}

/* ----------------------------------------------- 20. One phone alignment everywhere
 * Same rule for every phone link / phone block, so "other" phone sections
 * behave exactly like the correct one:
 *   - icon sits on the RIGHT, number on its left (RTL reading order)
 *   - the number itself stays LTR so "+966 50 123 4567" is never scrambled
 *     (otherwise the "+" jumps to the wrong end in RTL). */
html.wpat-rtl-active a[href^="tel:"],
html.wpat-rtl-active .wpat-phone,
html.wpat-rtl-active [class*="phone-number"],
html.wpat-rtl-active [class*="phone_number"] {
	direction: ltr;
	unicode-bidi: isolate;
}

html.wpat-rtl-active a[href^="tel:"]:has(> i, > svg, > img, > span[class*="icon"]),
html.wpat-rtl-active .wpat-phone:has(> i, > svg, > img) {
	display: inline-flex;
	flex-direction: row-reverse; /* icon first in DOM -> shown on the right */
	align-items: center;
	justify-content: flex-end;
	gap: 0.5em;
}

/* A block that holds an icon + a phone link/text (e.g. header "Call us" strip,
 * contact list, footer contact row): lay it out right-to-left. */
html.wpat-rtl-active [class*="phone"]:not(a):not(i):not(svg):not(img):not(input):not(.dashicons),
html.wpat-rtl-active [class*="call-us"],
html.wpat-rtl-active [class*="contact-info"] li,
html.wpat-rtl-active .elementor-icon-list-item:has(a[href^="tel:"]) {
	direction: rtl;
	text-align: right;
}

/* ------------------------------------------ 17. Consultation / contact forms */
html.wpat-rtl-active form:not(.auto_translate_form),
html.wpat-rtl-active .wpcf7,
html.wpat-rtl-active .wpcf7-form,
html.wpat-rtl-active .elementor-form,
html.wpat-rtl-active .gform_wrapper,
html.wpat-rtl-active .wpforms-container,
html.wpat-rtl-active .nf-form-cont,
html.wpat-rtl-active .frm_forms,
html.wpat-rtl-active .fluentform,
html.wpat-rtl-active [class*="consult"],
html.wpat-rtl-active [id*="consult"],
html.wpat-rtl-active [class*="enquiry"],
html.wpat-rtl-active [class*="appointment"] {
	direction: rtl;
	text-align: right;
}

html.wpat-rtl-active form label,
html.wpat-rtl-active form legend,
html.wpat-rtl-active form .wpcf7-form-control-wrap,
html.wpat-rtl-active form .elementor-field-group,
html.wpat-rtl-active form .gfield,
html.wpat-rtl-active form .wpforms-field,
html.wpat-rtl-active form .wpcf7-list-item {
	direction: rtl;
	text-align: right;
}

/* Validation / success messages follow the form. */
html.wpat-rtl-active .wpcf7-not-valid-tip,
html.wpat-rtl-active .wpcf7-response-output,
html.wpat-rtl-active .elementor-message,
html.wpat-rtl-active .gfield_validation_message,
html.wpat-rtl-active .wpforms-error {
	direction: rtl;
	text-align: right;
}

/* Checkbox / radio rows: box on the right of its label. */
html.wpat-rtl-active form input[type="checkbox"],
html.wpat-rtl-active form input[type="radio"] {
	margin-left: 0.5em;
	margin-right: 0;
}

/* Phone-number-with-flag widgets (intl-tel-input) must stay LTR internally,
 * but the typed text is still right-aligned. */
html.wpat-rtl-active .iti {
	direction: ltr;
}
html.wpat-rtl-active .iti input[type="tel"],
html.wpat-rtl-active .iti input[type="text"] {
	text-align: right;
}

/* ------------------------------------- 18. Inputs and placeholders right-aligned */
html.wpat-rtl-active input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="image"]):not([type="hidden"]),
html.wpat-rtl-active textarea,
html.wpat-rtl-active select {
	direction: rtl;
	text-align: right;
}

/* Placeholders inherit the field's alignment; make it explicit for every engine. */
html.wpat-rtl-active input::placeholder,
html.wpat-rtl-active textarea::placeholder {
	text-align: right;
}
html.wpat-rtl-active input::-webkit-input-placeholder,
html.wpat-rtl-active textarea::-webkit-input-placeholder {
	text-align: right;
}
html.wpat-rtl-active input::-moz-placeholder,
html.wpat-rtl-active textarea::-moz-placeholder {
	text-align: right;
}

/* Phone / email / URL / number values are Latin by nature (+966..., a@b.com):
 * keep what the visitor TYPES left-to-right but flush right, while the RTL
 * placeholder still reads right-to-left until they start typing. */
html.wpat-rtl-active input[type="tel"],
html.wpat-rtl-active input[type="email"],
html.wpat-rtl-active input[type="url"],
html.wpat-rtl-active input[type="number"] {
	direction: ltr;
	text-align: right;
}
html.wpat-rtl-active input[type="tel"]:placeholder-shown,
html.wpat-rtl-active input[type="email"]:placeholder-shown,
html.wpat-rtl-active input[type="url"]:placeholder-shown,
html.wpat-rtl-active input[type="number"]:placeholder-shown {
	direction: rtl;
}

/* Custom dropdown arrow (background image) moves to the left in RTL. */
html.wpat-rtl-active select {
	background-position-x: left 0.75em;
}

/* ------------------------------------------ 19. Footer social icons right-aligned
 * Only the CONTAINER is aligned, never a single icon button (so circles stay
 * centred). "flex-start" = right edge while direction is rtl. */
html.wpat-rtl-active footer ul[class*="social"],
html.wpat-rtl-active footer div[class*="social-icons"],
html.wpat-rtl-active footer div[class*="social-links"],
html.wpat-rtl-active footer div[class*="social-media"],
html.wpat-rtl-active footer div[class*="socials"],
html.wpat-rtl-active footer .wp-block-social-links,
html.wpat-rtl-active footer .elementor-social-icons-wrapper,
html.wpat-rtl-active footer .elementor-widget-social-icons .elementor-grid,
html.wpat-rtl-active .site-footer ul[class*="social"],
html.wpat-rtl-active .site-footer div[class*="social-icons"],
html.wpat-rtl-active .site-footer div[class*="social-links"],
html.wpat-rtl-active .site-footer .elementor-social-icons-wrapper,
html.wpat-rtl-active #footer ul[class*="social"],
html.wpat-rtl-active #footer div[class*="social-icons"],
html.wpat-rtl-active #footer div[class*="social-links"],
html.wpat-rtl-active .elementor-location-footer ul[class*="social"],
html.wpat-rtl-active .elementor-location-footer .elementor-social-icons-wrapper,
html.wpat-rtl-active .elementor-location-footer .elementor-widget-social-icons .elementor-grid {
	direction: rtl !important;
	text-align: right !important;
	justify-content: flex-start !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	padding-right: 0;
}

/* Elementor stores alignment as a class on the widget wrapper. */
html.wpat-rtl-active footer .elementor-widget-social-icons,
html.wpat-rtl-active .elementor-location-footer .elementor-widget-social-icons {
	text-align: right !important;
}
html.wpat-rtl-active footer .elementor-widget-social-icons .elementor-widget-container,
html.wpat-rtl-active .elementor-location-footer .elementor-widget-social-icons .elementor-widget-container {
	text-align: right !important;
}

/* Gap between icons: theme used margin-right for LTR spacing; mirror it. */
html.wpat-rtl-active footer ul[class*="social"] > li,
html.wpat-rtl-active .site-footer ul[class*="social"] > li {
	margin-right: 0;
	margin-left: 0.75em;
}

/* ------------------------------------------------ 21. MetForm select fields
 * MetForm / Elementor generate high-specificity selectors for .mf-input,
 * which override the generic rules above. These repeat the RTL rules with
 * stronger selectors + !important so the select's text, arrow and dropdown
 * list sit on the RIGHT in Hebrew / Arabic. Scoped to html.wpat-rtl-active only. */

/* Wrappers, labels, help + error text */
html.wpat-rtl-active body .metform-form-main-wrapper,
html.wpat-rtl-active body .metform-form-content,
html.wpat-rtl-active body .mf-input-wrapper,
html.wpat-rtl-active body .mf-input-label,
html.wpat-rtl-active body .mf-input-help,
html.wpat-rtl-active body .mf-error-message,
html.wpat-rtl-active body .mf-checkbox-option,
html.wpat-rtl-active body .mf-radio-option {
	direction: rtl !important;
	text-align: right !important;
}

/* The select itself */
html.wpat-rtl-active body .metform-form-main-wrapper select,
html.wpat-rtl-active body .metform-form-main-wrapper select.mf-input,
html.wpat-rtl-active body .mf-input-wrapper select,
html.wpat-rtl-active body select.mf-input,
html.wpat-rtl-active body select.mf-input-select,
html.wpat-rtl-active body .mf-input-select {
	direction: rtl !important;
	text-align: right !important;
	text-align-last: right !important;      /* Chrome/Edge: aligns the SELECTED value */
	-moz-text-align-last: right !important; /* Firefox */
	/* Arrow moves to the left, text gets its breathing room on the right. */
	background-position: left 14px center !important;
	padding-right: 14px !important;
	padding-left: 36px !important;
}

/* Options in the opened dropdown list */
html.wpat-rtl-active body .metform-form-main-wrapper select option,
html.wpat-rtl-active body .mf-input-wrapper select option,
html.wpat-rtl-active body select.mf-input option,
html.wpat-rtl-active body .mf-input-select option,
html.wpat-rtl-active body .metform-form-main-wrapper select optgroup,
html.wpat-rtl-active body select.mf-input optgroup {
	direction: rtl !important;
	text-align: right !important;
}

/* Multi-select (listbox) */
html.wpat-rtl-active body .metform-form-main-wrapper select[multiple],
html.wpat-rtl-active body select.mf-input[multiple] {
	padding-left: 14px !important;
	background-image: none !important;
}

/* If the select is enhanced with select2 */
html.wpat-rtl-active body .metform-form-main-wrapper .select2-container,
html.wpat-rtl-active body .mf-input-wrapper .select2-container {
	direction: rtl !important;
	text-align: right !important;
}
html.wpat-rtl-active body .metform-form-main-wrapper .select2-selection__rendered,
html.wpat-rtl-active body .mf-input-wrapper .select2-selection__rendered,
html.wpat-rtl-active body .select2-container--open .select2-results__option {
	direction: rtl !important;
	text-align: right !important;
	padding-right: 12px !important;
	padding-left: 28px !important;
}
html.wpat-rtl-active body .metform-form-main-wrapper .select2-selection__arrow,
html.wpat-rtl-active body .mf-input-wrapper .select2-selection__arrow {
	left: 6px !important;
	right: auto !important;
}
html.wpat-rtl-active body .select2-dropdown {
	direction: rtl !important;
	text-align: right !important;
}

/* If the select is enhanced with nice-select */
html.wpat-rtl-active body .metform-form-main-wrapper .nice-select,
html.wpat-rtl-active body .mf-input-wrapper .nice-select {
	direction: rtl !important;
	text-align: right !important;
	float: none;
	padding-right: 14px !important;
	padding-left: 36px !important;
}
html.wpat-rtl-active body .metform-form-main-wrapper .nice-select:after,
html.wpat-rtl-active body .mf-input-wrapper .nice-select:after {
	right: auto !important;
	left: 14px !important;
	margin-right: 0 !important;
}
html.wpat-rtl-active body .metform-form-main-wrapper .nice-select .list,
html.wpat-rtl-active body .mf-input-wrapper .nice-select .list {
	left: auto !important;
	right: 0 !important;
	text-align: right !important;
}
html.wpat-rtl-active body .metform-form-main-wrapper .nice-select .option,
html.wpat-rtl-active body .mf-input-wrapper .nice-select .option {
	text-align: right !important;
	padding-right: 14px !important;
	padding-left: 29px !important;
}

/* MetForm's country-code phone field keeps its flag dropdown LTR. */
html.wpat-rtl-active body .metform-form-main-wrapper .react-tel-input,
html.wpat-rtl-active body .metform-form-main-wrapper .iti {
	direction: ltr !important;
}


/* ------------------------------------------------ 22. Arabic typography
 * Arabic letters JOIN each other, so any letter-spacing breaks words apart
 * ("م ر ح ب ا"). Themes/Elementor often add letter-spacing, uppercase and
 * italics for English headings — none of that is valid for Arabic script.
 * Applied for every RTL language (Hebrew / Persian / Urdu have the same needs). */
html.wpat-rtl-active body,
html.wpat-rtl-active body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class*="eicon"]):not([class*="dashicons"]):not([class*="icon-"]):not(.material-icons):not(.glyphicon):not([class*="elementor-icon"] i) {
	letter-spacing: 0 !important;
	word-spacing: normal;
	text-transform: none !important;
}

html.wpat-rtl-active em,
html.wpat-rtl-active i:not([class]),
html.wpat-rtl-active cite,
html.wpat-rtl-active .elementor-heading-title {
	font-style: normal;
}

/* Arabic-capable font stack, only when the visitor is viewing Arabic.
 * Icon fonts are excluded so Font Awesome / eicons keep working. */
html.wpat-rtl-active[data-wpat-lang="ar"] body,
html.wpat-rtl-active[data-wpat-lang="ar"] body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class*="eicon"]):not([class*="dashicons"]):not([class*="icon-"]):not(.material-icons):not(.glyphicon):not(code):not(pre):not(kbd):not(samp) {
	font-family: "Cairo", "Tajawal", "Noto Sans Arabic", "Noto Naskh Arabic", "Segoe UI", Tahoma, "Geeza Pro", "Droid Arabic Kufi", Arial, sans-serif;
}

html.wpat-rtl-active[data-wpat-lang="ar"] body {
	line-height: 1.7;
}

/* Keep the language switcher in its own typeface/direction. */
html.wpat-rtl-active .auto_translate_button_wrapper *,
html.wpat-rtl-active .auto_translate_minimalist *,
html.wpat-rtl-active .google_translate_element * {
	letter-spacing: normal !important;
}

/* ------------------------------------------- 23. Directional icons mirrored
 * An arrow that points right in English must point left in Arabic.
 * Only the glyph is flipped (scaleX(-1)) — works for both the "right" and the
 * "left" variant, so "next ->" becomes "<- next" and "<- back" becomes "back ->".
 * Not applied inside sliders/carousels (their own arrows are positioned and wired
 * by the slider script). Opt out per icon with class "wpat-no-mirror". */
html.wpat-rtl-active [class*="fa-arrow-right"],
html.wpat-rtl-active [class*="fa-arrow-left"],
html.wpat-rtl-active [class*="fa-angle-right"],
html.wpat-rtl-active [class*="fa-angle-left"],
html.wpat-rtl-active [class*="fa-angles-right"],
html.wpat-rtl-active [class*="fa-angles-left"],
html.wpat-rtl-active [class*="fa-angle-double-right"],
html.wpat-rtl-active [class*="fa-angle-double-left"],
html.wpat-rtl-active [class*="fa-chevron-right"],
html.wpat-rtl-active [class*="fa-chevron-left"],
html.wpat-rtl-active [class*="fa-circle-chevron-right"],
html.wpat-rtl-active [class*="fa-circle-chevron-left"],
html.wpat-rtl-active [class*="fa-caret-right"],
html.wpat-rtl-active [class*="fa-caret-left"],
html.wpat-rtl-active [class*="fa-square-caret-right"],
html.wpat-rtl-active [class*="fa-square-caret-left"],
html.wpat-rtl-active [class*="fa-long-arrow-right"],
html.wpat-rtl-active [class*="fa-long-arrow-left"],
html.wpat-rtl-active [class*="fa-arrow-circle-right"],
html.wpat-rtl-active [class*="fa-arrow-circle-left"],
html.wpat-rtl-active [class*="fa-circle-arrow-right"],
html.wpat-rtl-active [class*="fa-circle-arrow-left"],
html.wpat-rtl-active [class*="fa-arrow-alt-circle-right"],
html.wpat-rtl-active [class*="fa-arrow-alt-circle-left"],
html.wpat-rtl-active [class*="fa-hand-point-right"],
html.wpat-rtl-active [class*="fa-hand-point-left"],
html.wpat-rtl-active [class*="fa-external-link"],
html.wpat-rtl-active [class*="fa-reply"],
html.wpat-rtl-active [class*="fa-share"],
html.wpat-rtl-active [class*="fa-sign-in"],
html.wpat-rtl-active [class*="fa-sign-out"],
html.wpat-rtl-active [class*="eicon-arrow-right"],
html.wpat-rtl-active [class*="eicon-arrow-left"],
html.wpat-rtl-active [class*="eicon-chevron-right"],
html.wpat-rtl-active [class*="eicon-chevron-left"],
html.wpat-rtl-active [class*="eicon-angle-right"],
html.wpat-rtl-active [class*="eicon-angle-left"],
html.wpat-rtl-active [class*="eicon-caret-right"],
html.wpat-rtl-active [class*="eicon-caret-left"],
html.wpat-rtl-active [class*="eicon-long-arrow-right"],
html.wpat-rtl-active [class*="eicon-long-arrow-left"],
html.wpat-rtl-active [class*="dashicons-arrow-right"],
html.wpat-rtl-active [class*="dashicons-arrow-left"],
html.wpat-rtl-active [class*="dashicons-controls-forward"],
html.wpat-rtl-active [class*="dashicons-controls-back"],
html.wpat-rtl-active [class*="icon-arrow-right"],
html.wpat-rtl-active [class*="icon-arrow-left"],
html.wpat-rtl-active [class*="icon-chevron-right"],
html.wpat-rtl-active [class*="icon-chevron-left"],
html.wpat-rtl-active [class*="icon-angle-right"],
html.wpat-rtl-active [class*="icon-angle-left"],
html.wpat-rtl-active [class*="arrow-right"] > svg,
html.wpat-rtl-active [class*="arrow-left"] > svg,
html.wpat-rtl-active [class*="arrow-right"] > img,
html.wpat-rtl-active [class*="arrow-left"] > img,
html.wpat-rtl-active svg[class*="arrow-right"],
html.wpat-rtl-active svg[class*="arrow-left"],
html.wpat-rtl-active svg[class*="chevron-right"],
html.wpat-rtl-active svg[class*="chevron-left"],
html.wpat-rtl-active svg[class*="angle-right"],
html.wpat-rtl-active svg[class*="angle-left"],
html.wpat-rtl-active .elementor-button-icon svg,
html.wpat-rtl-active .elementor-button-icon i[class*="arrow"],
html.wpat-rtl-active .elementor-button-icon i[class*="angle"],
html.wpat-rtl-active .elementor-button-icon i[class*="chevron"],
html.wpat-rtl-active .elementor-button-icon i[class*="caret"],
html.wpat-rtl-active .wpat-mirror-icon {
	display: inline-block;
	transform: scaleX(-1);
}

/* Elementor button icons that are NOT directional (e.g. a heart, a download)
 * should not flip: only flip svg/i inside buttons when they look directional. */
html.wpat-rtl-active .elementor-button-icon svg:not([class*="arrow"]):not([class*="angle"]):not([class*="chevron"]):not([class*="caret"]):not([class*="right"]):not([class*="left"]):not([class*="next"]):not([class*="prev"]) {
	transform: none;
}

/* Slider / carousel arrows: leave to the slider script. */
html.wpat-rtl-active .swiper [class*="fa-"],
html.wpat-rtl-active .swiper [class*="eicon"],
html.wpat-rtl-active .swiper svg,
html.wpat-rtl-active .elementor-swiper-button,
html.wpat-rtl-active .elementor-swiper-button i,
html.wpat-rtl-active .elementor-swiper-button svg,
html.wpat-rtl-active .swiper-button-next,
html.wpat-rtl-active .swiper-button-prev,
html.wpat-rtl-active .slick-arrow,
html.wpat-rtl-active .slick-arrow:before,
html.wpat-rtl-active .owl-nav button,
html.wpat-rtl-active .wpat-no-mirror,
html.wpat-rtl-active .wpat-no-mirror > i,
html.wpat-rtl-active .wpat-no-mirror > svg,
html.wpat-rtl-active .wpat-no-mirror > img {
	transform: none;
}

/* Un-do the phone rule for the language switcher and for any icon that is
 * already flipped via its parent (prevents double-flipping). */
html.wpat-rtl-active .auto_translate_button_wrapper i,
html.wpat-rtl-active .auto_translate_button_wrapper svg,
html.wpat-rtl-active .auto_translate_minimalist i,
html.wpat-rtl-active .auto_translate_minimalist svg {
	transform: none;
}

/* ------------------------------ 24. Elementor icon + text spacing mirrored
 * Elementor ships a separate frontend-rtl.css that WordPress only loads when
 * the whole site locale is RTL. Because this plugin flips the page at runtime,
 * the physical margin-left / margin-right values of the English layout stay in
 * place and the gap ends up on the wrong side of the icon. Mirror them here. */

/* Button: icon after the text (class "...-right") / before the text ("...-left") */
html.wpat-rtl-active .elementor-button .elementor-align-icon-right {
	margin-left: 0 !important;
	margin-right: 5px !important;
}
html.wpat-rtl-active .elementor-button .elementor-align-icon-left {
	margin-right: 0 !important;
	margin-left: 5px !important;
}

/* Icon list: gap between icon and label, no matter which side the theme set it on */
html.wpat-rtl-active .elementor-icon-list-icon {
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-inline-end: var(--wpat-icon-gap, 0.6em) !important;
}
html.wpat-rtl-active .elementor-icon-list-icon + .elementor-icon-list-text,
html.wpat-rtl-active .elementor-icon-list-item > .elementor-icon-list-text {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-inline-start: 0 !important;
}
html.wpat-rtl-active .elementor-icon-list-items.elementor-inline-items .elementor-inline-item {
	margin-right: 0 !important;
	margin-left: var(--wpat-inline-gap, 1em) !important;
}

/* Icon box / image box */
html.wpat-rtl-active .elementor-position-left .elementor-icon-box-icon,
html.wpat-rtl-active .elementor-position-left .elementor-image-box-img {
	margin-right: 0 !important;
	margin-left: var(--icon-box-icon-margin, 15px) !important;
}
html.wpat-rtl-active .elementor-position-right .elementor-icon-box-icon,
html.wpat-rtl-active .elementor-position-right .elementor-image-box-img {
	margin-left: 0 !important;
	margin-right: var(--icon-box-icon-margin, 15px) !important;
}
html.wpat-rtl-active .elementor-position-left .elementor-icon-box-wrapper,
html.wpat-rtl-active .elementor-position-left .elementor-image-box-wrapper {
	text-align: right;
}
html.wpat-rtl-active .elementor-position-right .elementor-icon-box-wrapper,
html.wpat-rtl-active .elementor-position-right .elementor-image-box-wrapper {
	text-align: left;
}

/* Accordion + toggle: icon floats to the other side, margin follows */
html.wpat-rtl-active .elementor-accordion .elementor-accordion-icon-left,
html.wpat-rtl-active .elementor-toggle .elementor-toggle-icon-left {
	float: right;
	margin-right: 0 !important;
	margin-left: 10px !important;
}
html.wpat-rtl-active .elementor-accordion .elementor-accordion-icon-right,
html.wpat-rtl-active .elementor-toggle .elementor-toggle-icon-right {
	float: left;
	margin-left: 0 !important;
	margin-right: 10px !important;
}
html.wpat-rtl-active .elementor-tab-title,
html.wpat-rtl-active .elementor-tab-content {
	text-align: right;
}

/* Nav menu: dropdown caret + submenu items */
html.wpat-rtl-active .elementor-nav-menu .sub-arrow {
	margin-left: 0 !important;
	margin-right: 10px !important;
}
html.wpat-rtl-active .elementor-nav-menu--dropdown a,
html.wpat-rtl-active .elementor-nav-menu--dropdown .elementor-sub-item,
html.wpat-rtl-active .sub-menu a {
	text-align: right !important;
}
html.wpat-rtl-active .elementor-nav-menu--dropdown .sub-arrow {
	order: -1;
}

/* Dashicons / generic "icon + text" links: gap on the correct side */
html.wpat-rtl-active a > .dashicons,
html.wpat-rtl-active a > i[class*="fa-"],
html.wpat-rtl-active button > .dashicons,
html.wpat-rtl-active button > i[class*="fa-"] {
	margin-left: 0.4em;
	margin-right: 0;
}
html.wpat-rtl-active a > i[class*="fa-"]:last-child:not(:first-child),
html.wpat-rtl-active button > i[class*="fa-"]:last-child:not(:first-child) {
	margin-left: 0;
	margin-right: 0.4em;
}

/* ------------------------------------------------ 25. Misc layout pieces */
html.wpat-rtl-active .elementor-widget-text-editor ul,
html.wpat-rtl-active .elementor-widget-text-editor ol,
html.wpat-rtl-active .entry-content ul,
html.wpat-rtl-active .entry-content ol {
	padding-right: 1.5em;
	padding-left: 0;
}

html.wpat-rtl-active .elementor-widget-text-editor,
html.wpat-rtl-active .elementor-widget-heading,
html.wpat-rtl-active .elementor-widget-theme-post-content,
html.wpat-rtl-active .elementor-widget-theme-post-title {
	text-align: right;
}

/* Search field: magnifier icon sits on the left in RTL */
html.wpat-rtl-active .elementor-search-form__icon,
html.wpat-rtl-active .search-form .search-submit,
html.wpat-rtl-active .search-form button {
	left: 0;
	right: auto;
}

/* Breadcrumbs: separators follow reading order */
html.wpat-rtl-active .breadcrumb,
html.wpat-rtl-active .breadcrumbs,
html.wpat-rtl-active .woocommerce-breadcrumb,
html.wpat-rtl-active .elementor-widget-breadcrumbs {
	direction: rtl;
	text-align: right;
}

/* Back-to-top / floating chat buttons placed with physical offsets stay where
 * the designer put them; use class "wpat-ltr" on anything that must not move. */