/* =========================================================
   Arabic / RTL overrides for Alshafak IT Solutions
   Loaded only by pages in /ar after main.css
   ========================================================= */

:root {
  --default-font: "Cairo", "Tajawal", system-ui, -apple-system, "Segoe UI", Tahoma, Arial, sans-serif;
  --heading-font: "Cairo", "Tajawal", system-ui, sans-serif;
  --nav-font: "Cairo", "Tajawal", system-ui, sans-serif;
}

body { text-align: right; line-height: 1.8; }

/* Arabic does not use letter spacing or uppercase transforms */
h1, h2, h3, h4, h5, h6, .section-title h2, .navmenu a, .btn-get-started { letter-spacing: 0 !important; text-transform: none !important; }

/* Latin brand names / numbers keep their own direction inside Arabic text */
.ltr { direction: ltr; unicode-bidi: isolate; display: inline-block; }

/* ---------- Header ---------- */
.header .topbar .contact-info i span,
.header .topbar .contact-info i a { padding-left: 0; padding-right: 5px; }
.header .topbar .contact-info .ms-4 { margin-left: 0 !important; margin-right: 1.5rem !important; }
.header .logo img { margin-right: 0; margin-left: 8px; }

@media (min-width: 1200px) {
  .navmenu a i, .navmenu a:focus i { margin-left: 0; margin-right: 5px; }
  .navmenu li:last-child a { padding-right: 15px; padding-left: 0; }
  .navmenu .dropdown ul { left: auto; right: 14px; }
}

@media (max-width: 1199px) {
  .mobile-nav-toggle { margin-right: 0; margin-left: 10px; }
  .navmenu a i, .navmenu a:focus i { margin-left: 0; margin-right: 5px; }
  .mobile-nav-active .mobile-nav-toggle { right: auto; left: 15px; margin-left: 0; }
}

.navmenu .lang-link { font-family: "Roboto", "Open Sans", sans-serif; }

/* ---------- Hero ---------- */
.hero .btn-watch-video { margin-left: 0; margin-right: 25px; }
.hero .btn-watch-video i { margin-right: 0; margin-left: 8px; }
.hero h1 { line-height: 1.4; }

/* ---------- Page title / breadcrumbs ---------- */
.page-title .breadcrumbs ol li+li { padding-left: 0; padding-right: 10px; }
.page-title .breadcrumbs ol li+li::before { padding-right: 0; padding-left: 10px; }

/* ---------- Partners ---------- */
.portfolio .portfolio-filters li:first-child { margin-left: 10px; margin-right: 0; }
.portfolio .portfolio-filters li:last-child { margin-right: 10px; margin-left: 0; }
.portfolio .portfolio-item .portfolio-info { left: 12px; right: 12px; text-align: right; }
.portfolio .portfolio-item .portfolio-info h4,
.portfolio .portfolio-item .portfolio-info p { padding-right: 0; padding-left: 50px; }

/* ---------- FAQ ---------- */
.faq .faq-container .faq-item h3 { margin: 0 0 0 30px; }
.faq .faq-container .faq-item .faq-toggle { right: auto; left: 20px; transform: scaleX(-1); }
.faq .faq-container .faq-active .faq-toggle { transform: rotate(90deg); }

/* ---------- Contact ---------- */
.contact .info-item i { margin-right: 0; margin-left: 15px; }
.contact .php-email-form .error-message { text-align: right; }
.contact .php-email-form input[type=email],
.contact .php-email-form input[type=tel] { direction: ltr; text-align: right; }

/* ---------- Service details ---------- */
.service-details .services-list a { padding: 8px 15px 8px 0; border-left: 0; border-right: 3px solid color-mix(in srgb, var(--default-color), transparent 70%); }
.service-details .services-list a.active,
.service-details .services-list a:hover { border-color: var(--accent-color); }
.service-details ul { padding-right: 0; }
.service-details ul i { margin-right: 0; margin-left: 8px; }
.service-details ul li { display: flex; align-items: center; }

/* ---------- Footer ---------- */
.footer .footer-links ul i { margin-right: 0; margin-left: 3px; transform: scaleX(-1); }
.footer .footer-links ul { padding-right: 0; }

/* ---------- Misc ---------- */
.scroll-top { right: auto; left: 15px; }
.terms-content p, .terms-content h3 { text-align: right; }