:root {
  --arabic-font: "Tajawal", "Noto Kufi Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
}

html[dir="rtl"],
html[lang^="ar"] {
  direction: rtl;
}

html[lang^="ar"] body,
html[lang^="ar"] input,
html[lang^="ar"] textarea,
html[lang^="ar"] select,
html[lang^="ar"] button {
  font-family: var(--arabic-font);
  letter-spacing: 0;
}

html[lang^="ar"] .header-container,
html[lang^="ar"] .hero-content,
html[lang^="ar"] .contact-container,
html[lang^="ar"] .footer-container,
html[lang^="ar"] .footer-inline,
html[lang^="ar"] .pack-hero,
html[lang^="ar"] .pack-cta,
html[lang^="ar"] .newsletter-container,
html[lang^="ar"] .contact-simple-container,
html[lang^="ar"] .assistance-card,
html[lang^="ar"] .dashboard-layout {
  direction: rtl;
}

html[lang^="ar"] .hero-text,
html[lang^="ar"] .section-header,
html[lang^="ar"] .contact-info,
html[lang^="ar"] .contact-item-content,
html[lang^="ar"] .form-header,
html[lang^="ar"] .legal-section,
html[lang^="ar"] .blog-card-content,
html[lang^="ar"] .faq-answer,
html[lang^="ar"] .student-info,
html[lang^="ar"] .footer-links,
html[lang^="ar"] .footer-newsletter,
html[lang^="ar"] .footer-logo {
  text-align: right;
}

html[lang^="ar"] .hero-cta,
html[lang^="ar"] .cta-buttons,
html[lang^="ar"] .trust-badges,
html[lang^="ar"] .contact-details,
html[lang^="ar"] .footer-social,
html[lang^="ar"] .inline-links,
html[lang^="ar"] .mode-tabs,
html[lang^="ar"] .form-actions,
html[lang^="ar"] .assistance-buttons,
html[lang^="ar"] .blog-card-meta,
html[lang^="ar"] .language-switcher-mobile,
html[lang^="ar"] .language-switcher-desktop {
  direction: rtl;
}

html[lang^="ar"] .btn i.fa-arrow-right,
html[lang^="ar"] .service-link i.fa-arrow-right {
  transform: rotate(180deg);
}

html[lang^="ar"] .form-input,
html[lang^="ar"] .newsletter-input,
html[lang^="ar"] .search-input,
html[lang^="ar"] #dossierCode,
html[lang^="ar"] #chat-input {
  text-align: right;
}

html[lang^="ar"] .floating-label .form-label {
  right: 1rem;
  left: auto;
}

html[lang^="ar"] ul,
html[lang^="ar"] ol {
  padding-right: 1.5rem;
  padding-left: 0;
}

html[lang^="ar"] .service-card ul,
html[lang^="ar"] .service-item ul {
  padding-right: 1.5rem !important;
  padding-left: 0 !important;
}

html[lang^="ar"] .faq-group-title {
  padding-right: 1.5rem;
  padding-left: 0;
}

html[lang^="ar"] .faq-group-title::before {
  right: 0;
  left: auto;
}

html[lang^="ar"] .faq-question {
  text-align: right;
}

html[lang^="ar"] .blog-card-category {
  right: auto;
  left: 15px;
}

html[lang^="ar"] .track-btn-circle .tooltip {
  white-space: nowrap;
}

html[lang^="ar"] .btn[href^="tel:"] span,
html[lang^="ar"] .contact-number,
html[lang^="ar"] .contact-item-content a[href^="tel:"],
html[lang^="ar"] .legal-section a[href^="tel:"],
html[lang^="ar"] input[type="tel"] {
  direction: ltr;
  unicode-bidi: isolate;
}

html[lang^="ar"] .btn[href^="tel:"] span,
html[lang^="ar"] .contact-number,
html[lang^="ar"] .contact-item-content a[href^="tel:"],
html[lang^="ar"] .legal-section a[href^="tel:"] {
  display: inline-block;
}

html[lang^="ar"] input[type="tel"] {
  text-align: left;
}

html[lang^="ar"] .message.user-message,
html[lang^="ar"] .chat-bubble.right {
  margin-right: auto;
  margin-left: 0;
}

html[lang^="ar"] .message.ai-message,
html[lang^="ar"] .chat-bubble.left {
  margin-left: auto;
  margin-right: 0;
}

@media (max-width: 768px) {
  html[lang^="ar"] .nav-links {
    text-align: right;
  }

  html[lang^="ar"] .hero-cta,
  html[lang^="ar"] .cta-buttons,
  html[lang^="ar"] .assistance-buttons {
    align-items: stretch;
  }
}