/* ========================= */
/* RTL Override — Persian     */
/* ========================= */
/* Scoped under html[dir="rtl"] so it only activates on fa/ pages */

/* --- Global Direction --- */
html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

/* --- Font Stack Override (Vazirmatn for Persian) --- */
html[dir="rtl"] {
  --font-sans: 'Vazirmatn', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

/* --- Persian Typography — increased line-height for headings --- */
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4 {
  line-height: 1.6;
}
html[dir="rtl"] h2 {
  margin-bottom: 1.25rem;
}

/* --- Header --- */
/* Browser's native RTL on flex containers handles item reordering */

/* --- Language Switcher (Desktop) --- */
html[dir="rtl"] .lang-switcher-desktop {
  margin-left: 0;
  margin-right: 0.5rem;
  padding-left: 0;
  padding-right: 1rem;
  border-left: none;
  border-right: 1px solid var(--glass-border-outer);
}

/* --- Mega Dropdown --- */
html[dir="rtl"] .nav-mega-dropdown {
  left: auto;
  right: 50%;
  transform: translateX(50%) translateY(8px);
}
html[dir="rtl"] .nav-dropdown-wrap:hover .nav-mega-dropdown,
html[dir="rtl"] .nav-mega-dropdown.show {
  transform: translateX(50%) translateY(0);
}
html[dir="rtl"] .mega-category-title {
  text-align: right;
}
html[dir="rtl"] .mega-category-title svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .mega-category-desc {
  text-align: right;
}

/* --- Nav Dropdown Anchor --- */
html[dir="rtl"] .nav-dropdown-wrap > a {
  /* removed flex-direction: row-reverse; */
}

/* --- Mobile Nav --- */
html[dir="rtl"] .mobile-nav a {
  text-align: right;
}
html[dir="rtl"] .mobile-services-toggle {
  text-align: right;
}
html[dir="rtl"] .mobile-services-category {
  text-align: right;
}

/* --- Hero (Left-aligned Variant) --- */
html[dir="rtl"] .hero-left .hero-content {
  text-align: right;
}
html[dir="rtl"] .hero-left h1 {
  margin: 0;
}
html[dir="rtl"] .hero-left .hero-subtitle {
  margin-left: auto;
  margin-right: 0;
}
html[dir="rtl"] .hero-left .hero-buttons {
  justify-content: flex-end;
}

/* --- Button Arrow Animation & Mirroring --- */
html[dir="rtl"] .btn svg,
html[dir="rtl"] .btn-header-outline svg,
html[dir="rtl"] .btn-mobile-cta svg {
  transform: scaleX(-1);
}
html[dir="rtl"] .btn:hover svg {
  transform: scaleX(-1) translateX(3px); /* Moves visually to the left because of scaleX(-1) */
}
html[dir="rtl"] .form-submit:hover svg {
  transform: scaleX(-1) translateX(3px);
}

/* --- Reveal Animations (Flip horizontal) --- */
html[dir="rtl"] .reveal.from-left {
  transform: translateX(-30px);
}
html[dir="rtl"] .reveal.from-right {
  transform: translateX(30px);
}

/* --- Back Link --- */
html[dir="rtl"] .back-link {
  /* removed row-reverse */
}
html[dir="rtl"] .back-link svg {
  transform: scaleX(-1);
}

/* --- Contact Item --- */
html[dir="rtl"] .contact-item {
  text-align: right;
}

/* --- FAQ Chevron --- */
html[dir="rtl"] .faq-question {
  text-align: right;
}
html[dir="rtl"] .faq-question::after {
  margin-left: 0;
  margin-right: 1rem;
}

/* --- Career Requirements Bullet --- */
html[dir="rtl"] .career-requirements li {
  padding-left: 0;
  padding-right: 1.25rem;
}
html[dir="rtl"] .career-requirements li::before {
  left: auto;
  right: 0;
}

/* --- Career Apply Info --- */
html[dir="rtl"] .career-apply-info {
  /* removed row-reverse */
}

/* --- Pricing Toggle Badge --- */
html[dir="rtl"] .save-badge {
  margin-left: 0;
  margin-right: 0.25rem;
}

/* --- Popular Badge --- */
html[dir="rtl"] .popular-badge {
  right: auto;
  left: 1rem;
}

/* --- Pricing Toggle Slider (keep LTR for switch) --- */
html[dir="rtl"] .toggle-slider::before {
  left: auto;
  right: 3px;
}
html[dir="rtl"] .toggle-switch input:checked + .toggle-slider::before {
  transform: translateX(-22px);
}

/* --- Footer --- */
html[dir="rtl"] .footer-grid {
  direction: rtl;
}
html[dir="rtl"] .footer-col {
  text-align: right;
}
html[dir="rtl"] .footer-brand {
  text-align: right;
}
html[dir="rtl"] .footer-bottom {
  text-align: right;
}
html[dir="rtl"] .footer-bottom-links {
  /* removed row-reverse */
}

/* --- Misc Flex Items that should reverse --- */
html[dir="rtl"] .feature-item,
html[dir="rtl"] .value-item,
html[dir="rtl"] .process-step {
  text-align: right;
}

/* --- Service Detail Items --- */
html[dir="rtl"] .service-detail-item {
  text-align: right;
}

/* --- Stat Card stays centered --- */

/* --- Legal / Privacy / Terms Text --- */
html[dir="rtl"] .legal-content {
  text-align: right;
}
html[dir="rtl"] .legal-content ul,
html[dir="rtl"] .legal-content ol {
  padding-right: 1.25rem;
  padding-left: 0;
}

/* --- Form inputs text alignment --- */
html[dir="rtl"] .form-group input,
html[dir="rtl"] .form-group textarea,
html[dir="rtl"] .form-group select {
  text-align: right;
}
html[dir="rtl"] .form-group label {
  text-align: right;
}

/* --- Pricing Feature List Checks --- */
html[dir="rtl"] .plan-features li {
  text-align: right;
}

/* --- Breadcrumb/navigation flow --- */
html[dir="rtl"] .breadcrumb {
  /* removed row-reverse */
}

/* --- Section Heading stays centered --- */

/* --- Marquee: keep LTR animation for visual effect --- */

/* --- CTA Banner Glow: Mirror decorative positions --- */
html[dir="rtl"] .cta-glow-1 {
  left: auto;
  right: -10%;
}
html[dir="rtl"] .cta-glow-2 {
  right: auto;
  left: -5%;
}

/* --- Hero Glow: Mirror decorative positions --- */
html[dir="rtl"] .hero-glow .glow-2 {
  left: auto;
  right: 60%;
}
html[dir="rtl"] .hero-glow .glow-right {
  right: auto;
  left: -5%;
}

/* --- Tech Marquee Slider --- */
html[dir="rtl"] .marquee-item {
  direction: ltr;
}