/* =========================================================================
   Tatweri Growth Pro — RTL + Arabic typography
   Loaded only when the visitor selects Arabic.
   ========================================================================= */

:root{
	--tw-font-display: 'Cairo', 'Sora', system-ui, sans-serif;
	--tw-font-body: 'Tajawal', 'Inter', system-ui, sans-serif;
}

body.tw-lang-ar,
[dir="rtl"]{
	direction: rtl;
}

.tw-lang-ar,
.tw-lang-ar input,
.tw-lang-ar textarea,
.tw-lang-ar select,
.tw-lang-ar button{
	font-family: var(--tw-font-body);
}

.tw-lang-ar h1,
.tw-lang-ar h2,
.tw-lang-ar h3,
.tw-lang-ar h4,
.tw-lang-ar .tw-eyebrow,
.tw-lang-ar .tw-btn,
.tw-lang-ar .tw-logo-word,
.tw-lang-ar .tw-step__num,
.tw-lang-ar .tw-price__num{
	font-family: var(--tw-font-display);
}

/* Arabic reads a touch larger for the same visual weight */
.tw-lang-ar{ font-size: 1.02rem; line-height: 1.85; }
.tw-lang-ar .tw-prose{ line-height: 2; }

/* Text alignment: default right, keep intentional centring */
[dir="rtl"] .tw-prose,
[dir="rtl"] .tw-case__body,
[dir="rtl"] .tw-card,
[dir="rtl"] .tw-section-head,
[dir="rtl"] .tw-pagehero,
[dir="rtl"] .tw-hero__copy{
	text-align: right;
}
[dir="rtl"] .tw-center,
[dir="rtl"] .tw-section-head.tw-center,
[dir="rtl"] .tw-langswitch{
	text-align: center;
}

/* Flip directional arrow icons */
[dir="rtl"] .tw-ico--arrow{ transform: scaleX(-1); }

/* Lists: move bullets/padding to the right */
[dir="rtl"] .tw-prose ul,
[dir="rtl"] .tw-prose ol{ padding-right: 1.2em; padding-left: 0; }

/* Numbered process markers + spectrum accents stay visually correct */
[dir="rtl"] .tw-step,
[dir="rtl"] .tw-case-detail__block{ text-align: right; }

/* Forms */
[dir="rtl"] .tw-field input,
[dir="rtl"] .tw-field textarea,
[dir="rtl"] .tw-input,
[dir="rtl"] .tw-form input,
[dir="rtl"] .tw-form textarea{ text-align: right; }

/* Switcher: keep Latin EN label upright */
.tw-langswitch__opt[lang="en"]{ font-family: 'Sora', sans-serif; }

/* Footer + grids inherit logical flow from fl/grid; nudge text right */
[dir="rtl"] .tw-footer,
[dir="rtl"] .tw-footer__col{ text-align: right; }

/* Breadcrumb separators flip naturally with direction; ensure inline-flex wrap */
[dir="rtl"] .tw-breadcrumb{ direction: rtl; }

/* Tag pills and meta rows */
[dir="rtl"] .tw-case__meta,
[dir="rtl"] .tw-btn-row,
[dir="rtl"] .tw-tagrow{ flex-wrap: wrap; }

/* Sticky mobile action bar keeps even distribution (flex handles it) */

/* Keep KPI/snapshot numbers and Latin brand tokens LTR where mixed */
[dir="rtl"] .tw-metric__val,
[dir="rtl"] .tw-price__num,
[dir="rtl"] .tw-snapshot__val{ direction: ltr; unicode-bidi: isolate; }