/* Arabic Numbers Fix for Service Modal - Fix inverted numbers in RTL */

/* Base fix for Arabic numbers in modal contact card */
.modal-contact-card .contact-item span {
  unicode-bidi: plaintext;
  direction: ltr;
  text-align: left;
}

/* Specific styling for phone numbers to ensure correct direction */
.modal-contact-card .contact-item[href*="tel"] span,
.modal-contact-card .contact-item:has(i.fa-phone) span,
.modal-contact-card .contact-item:has(i.fa-mobile) span {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: left !important;
  font-family: 'Courier New', monospace !important;
  letter-spacing: 0.05em !important;
}

/* Email direction fix */
.modal-contact-card .contact-item[href*="mailto"] span,
.modal-contact-card .contact-item:has(i.fa-envelope) span {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: left !important;
}

/* RTL language specific fixes */
html[dir="rtl"] .modal-contact-card .contact-item span {
  direction: ltr;
  unicode-bidi: plaintext;
  text-align: left;
}

html[dir="rtl"] .modal-contact-card .contact-item[href*="tel"] span,
html[dir="rtl"] .modal-contact-card .contact-item:has(i.fa-phone) span,
html[dir="rtl"] .modal-contact-card .contact-item:has(i.fa-mobile) span {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: left !important;
  font-family: 'Courier New', monospace !important;
  letter-spacing: 0.05em !important;
}

html[dir="rtl"] .modal-contact-card .contact-item[href*="mailto"] span,
html[dir="rtl"] .modal-contact-card .contact-item:has(i.fa-envelope) span {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: left !important;
}

/* Arabic language specific fixes */
html[lang="ar"] .modal-contact-card .contact-item span {
  direction: ltr;
  unicode-bidi: plaintext;
  text-align: left;
}

html[lang="ar"] .modal-contact-card .contact-item[href*="tel"] span,
html[lang="ar"] .modal-contact-card .contact-item:has(i.fa-phone) span,
html[lang="ar"] .modal-contact-card .contact-item:has(i.fa-mobile) span {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: left !important;
  font-family: 'Courier New', monospace !important;
  letter-spacing: 0.05em !important;
}

html[lang="ar"] .modal-contact-card .contact-item[href*="mailto"] span,
html[lang="ar"] .modal-contact-card .contact-item:has(i.fa-envelope) span {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: left !important;
}

/* Ensure proper spacing and alignment for RTL */
html[dir="rtl"] .modal-contact-card .contact-item {
  justify-content: flex-start;
  gap: 0.4rem;
}

html[dir="rtl"] .modal-contact-card .contact-item i {
  margin-left: 0;
  margin-right: 0;
}

/* Fix for any other modal content that might have numbers */
.service-modal-body .modal-highlights li {
  unicode-bidi: plaintext;
}

.service-modal-body .modal-tags span {
  unicode-bidi: plaintext;
}

/* General number fix in modal */
.service-modal [data-phone],
.service-modal [data-tel],
.service-modal [data-email] {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
}

/* Additional fix for dynamically loaded content */
.modal-contact-card .contact-item span::-webkit-input-placeholder {
  direction: ltr;
}

.modal-contact-card .contact-item span::-moz-placeholder {
  direction: ltr;
}

/* Ensure proper icon positioning in RTL */
html[dir="rtl"] .modal-contact-card .contact-item i {
  order: 0;
}

html[dir="rtl"] .modal-contact-card .contact-item span {
  order: 1;
}