/*
Arabic / RTL overrides for the SamaraBoT theme.
WordPress loads this file automatically (after style.css) whenever the current language is right-to-left.
*/

/* Arabic font (Sora has no Arabic glyphs) + no letter-spacing (it breaks Arabic letter joining) */
[dir="rtl"] body,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select,
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-ghost,
[dir="rtl"] .cta{
  font-family:'Cairo','Sora',sans-serif;
}
[dir="rtl"] *{ letter-spacing:0 !important; }

/* Hero on tablet/phone: text sits on the right edge */
@media (max-width:900px){
  [dir="rtl"] .hero{ text-align:right; }
}

/* Work Plan snake: fully mirrored (step 1 text on the right, dots next to their text, text hugging the line) */
[dir="rtl"] .wp-step:nth-child(odd) .wp-dot{ margin-left:16px; }
[dir="rtl"] .wp-step:nth-child(even) .wp-dot{ margin-left:-60px; }
[dir="rtl"] .wp-slot.left{ text-align:left; padding-right:0; padding-left:14px; }
[dir="rtl"] .wp-slot.right{ text-align:right; padding-left:0; padding-right:14px; }
@media (max-width:760px){
  [dir="rtl"] .wp-step:nth-child(odd) .wp-dot{ margin-left:-4px; }
  [dir="rtl"] .wp-step:nth-child(even) .wp-dot{ margin-left:-28px; }
  [dir="rtl"] .wp-slot.left{ padding-right:0; padding-left:8px; }
  [dir="rtl"] .wp-slot.right{ padding-left:0; padding-right:8px; }
}

/* Footer: brand block on the right, text aligned right (desktop only - mobile stays centered) */
@media (min-width:801px){
  [dir="rtl"] .footer-top{ text-align:right; }
}

/* Vertical timeline (used on inner pages) */
[dir="rtl"] .timeline{ padding-left:0; padding-right:60px; }
[dir="rtl"] .timeline::before,
[dir="rtl"] .timeline-fill{ left:auto; right:19px; }
[dir="rtl"] .step-num{ left:auto; right:-60px; }
@media (max-width:900px){
  [dir="rtl"] .timeline{ padding-left:0; padding-right:48px; }
  [dir="rtl"] .step-num{ left:auto; right:-48px; }
  [dir="rtl"] .timeline::before{ left:auto; right:16px; }
}