/*
 * AdvanSEM Arabic (right-to-left) overrides for shared components.
 * Loaded only on Arabic pages by inc/asem-arabic.php. Mirrors rules in asem-blog-single.css
 * (article components) and the case-study layout; English pages never load this file.
 */

/* Article call-to-action box: its accent border is set inline on the left */
html[dir="rtl"] .asem-cta[style*="border-left"]{border-left:0!important;border-right:4px solid #10B981!important;border-radius:12px 0 0 12px!important}
html[dir="rtl"] .asem-cta .asem-cta-btn{text-align:right}

/* Short answer card glow */
html[dir="rtl"] .asem-answer:after{right:auto;left:-60px}

/* Step timeline */
html[dir="rtl"] .post-excerpt ol.asem-steps>li{padding:0 62px 26px 0}
html[dir="rtl"] .post-excerpt ol.asem-steps>li:before{left:auto;right:0}
html[dir="rtl"] .post-excerpt ol.asem-steps>li:after{left:auto;right:19px}

/* Check lists */
html[dir="rtl"] .post-excerpt ul.asem-checks>li{padding:0 34px 12px 0}
html[dir="rtl"] .post-excerpt ul.asem-checks>li:before{left:auto;right:0}
html[dir="rtl"] .post-excerpt ul.asem-checks.asem-x>li:before{left:auto;right:3px}

/* Question cards */
html[dir="rtl"] .asem-q-good,html[dir="rtl"] .asem-q-pause{padding:14px 76px 14px 22px}
html[dir="rtl"] .asem-q-good:before,html[dir="rtl"] .asem-q-pause:before{left:auto;right:30px}
html[dir="rtl"] .asem-q-good:before,html[dir="rtl"] .asem-q-pause:before{right:31px}

/* Bars fill from the right */
html[dir="rtl"] .asem-bar i:after{left:auto;right:0;background:linear-gradient(270deg,#1A3160,#10B981)}
html[dir="rtl"] .asem-bar em{text-align:left}
html[dir="rtl"] .asem-tick-bar i{background:linear-gradient(270deg,#1A3160,#10B981)}

/* Notes */
html[dir="rtl"] .asem-note{padding:18px 56px 18px 22px}
html[dir="rtl"] .asem-note:before{left:auto;right:20px}

/* Pull quote: Arabic opening quote on the right */
html[dir="rtl"] .post-excerpt blockquote.asem-quote{padding:8px 74px 8px 0}
html[dir="rtl"] .post-excerpt blockquote.asem-quote:before{content:"\201D";left:auto;right:0}

/* Tables */
html[dir="rtl"] .post-excerpt table thead th,html[dir="rtl"] .post-excerpt table td{text-align:right}

/* FAQ accordion: plus sign on the left */
html[dir="rtl"] .asem-faq summary{padding:18px 0 18px 44px}
html[dir="rtl"] .asem-faq summary:after{right:auto;left:6px}
html[dir="rtl"] .asem-faq summary:before{right:auto;left:16px}

/* Contents box button */
html[dir="rtl"] .asem-toc a.asem-toc-go{padding:11px 20px 11px 18px}

@media (max-width:767px){
	html[dir="rtl"] .asem-q-good,html[dir="rtl"] .asem-q-pause{padding:12px 50px 12px 18px}
	html[dir="rtl"] .asem-q-good:before,html[dir="rtl"] .asem-q-pause:before{left:auto;right:18px}
	html[dir="rtl"] .post-excerpt blockquote.asem-quote{padding-left:0;padding-right:54px}
}

/* Case-study charts are drawn left to right: keep their SVG text anchoring as designed */
html[dir="rtl"] .cs svg{direction:ltr}

/* Numbers mixing symbols and digits keep their order inside Arabic text (see the bidi script) */
html[dir="rtl"] .asem-ltr{unicode-bidi:isolate;direction:ltr}

/* Product cards on Arabic pages: the shop category label (English, same for every playbook) is hidden */
html[lang="ar"] .product-details .product-categories{display:none}

/* Directional icons follow the reading direction. `scale` composes with the theme's own transforms and hover motion. */
html[dir="rtl"] .btn-style8 .left-arrow svg,
html[dir="rtl"] .read-more .lnr-icon-arrow-right1,
html[dir="rtl"] .tm-breadcrumb-arrow-icon,
html[dir="rtl"] .btn-box .readmore .fa-arrow-right{scale:-1 1}
html[dir="rtl"] .btn-plain-text-with-arrow:before{display:inline-block;scale:-1 1}
html[dir="rtl"] .nav-links a:after{scale:-1 1}

/* Breadcrumb separators sit on the left of each item */
html[dir="rtl"] .breadcrumbs .trail-item:not(:last-child) .tm-breadcrumb-arrow-icon{right:auto!important;left:-4px!important}
html[dir="rtl"] .breadcrumbs li.trail-item:not(:last-child){margin:0 0 0 10px!important;padding:0 0 0 10px!important}

/* Case-study components (cs-*) read right to left: numbers, markers and accent bars on the right */
html[dir="rtl"] .asem-pj-content .cs-eb:before{transform:skewX(24deg)}
html[dir="rtl"] .asem-pj-content .cs-steps>li{padding:0 74px 30px 0}
html[dir="rtl"] .asem-pj-content .cs-steps>li:last-child{padding-bottom:0}
html[dir="rtl"] .asem-pj-content .cs-steps>li:before{left:auto;right:0}
html[dir="rtl"] .asem-pj-content .cs-steps>li:after{left:auto;right:24px}
html[dir="rtl"] .asem-pj-content .cs-ba>div:last-child{border-left:0;border-right:1px solid var(--ln)}
html[dir="rtl"] .asem-pj-content .cs-ba li{padding:0 24px 0 0}
html[dir="rtl"] .asem-pj-content .cs-ba li:before{left:auto;right:0}
html[dir="rtl"] .asem-pj-content .cs-ba>div:last-child li:before{transform:skewX(20deg)}
html[dir="rtl"] .asem-pj-content .cs-insight{padding:28px 34px 28px 30px}
html[dir="rtl"] .asem-pj-content .cs-insight:before{left:auto;right:0}
html[dir="rtl"] .asem-pj-content .cs-stat:after{right:auto;left:-38px}
@media (max-width:767px){html[dir="rtl"] .asem-pj-content .cs-steps>li{padding-left:0;padding-right:64px}html[dir="rtl"] .asem-pj-content .cs-ba>div:last-child{border-right:0}}
/* step connectors (working-block style3): the theme RTL file places them between steps but leaves the arrowhead pointing right */
html[dir="rtl"] .working-block-style3 .inner-box .icon-holder::after{transform:translateY(-50%) scaleX(-1)}