/* Cairo and Tajawal fonts loaded via Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800;900&display=swap');

html, body {
  direction: rtl;
  text-align: right;
  unicode-bidi: embed;
}

body, h1, h2, h3, h4, h5, h6, p, a, div, span, input, textarea, button, li, ul, select, strong {
  font-family: 'Cairo', 'Tajawal', 'Inter', sans-serif !important;
}

/* Align lists properly in RTL */
ul, ol {
  padding-right: 20px;
  padding-left: 0;
}

/* Helper to reverse icons or symbols */
.rtl-flip {
  transform: scaleX(-1);
  display: inline-block;
}

/* Swapping margins/paddings for structural items */
.features-card-list-item-icon {
  margin-right: 0 !important;
  margin-left: 12px !important;
}

.features-card-typography {
  text-align: right !important;
}

.features-card-lower-text {
  border-left: none !important;
  border-right: 3px solid rgba(146, 87, 213, 0.5) !important;
  padding-left: 0 !important;
  padding-right: 12px !important;
}

/* Stats Ticker RTL layout overrides */
.ehlan-stat-item {
  border-right: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.ehlan-stat-item:last-child {
  border-left: none !important;
}

/* Video workflow cards spacing */
.work-single-card-number {
  margin-right: auto !important;
  margin-left: 0 !important;
}

.work-single-card-line {
  margin-left: 15px !important;
  margin-right: 0 !important;
}

/* Leakage animation tablet glass card position swapping */
.animation-container .glass-card {
  right: auto !important;
  left: 10px !important;
}

.animation-container .card-text {
  text-align: right !important;
}

@media (min-width: 768px) {
  .animation-container .glass-card {
    right: auto !important;
    left: -130px !important;
  }
}

/* Form and CTAs RTL alignment */
.ehl-cta-input, .ehl-cta-select, .ehl-cta-textarea {
  text-align: right !important;
}

.ehl-cta-select {
  padding: 15px 22px 15px 40px !important; /* give space for dropdown arrow on left */
  background-position: left 20px center !important;
}

/* Testimonial slider layouts */
.testimonial-hv2-card-author-name-bio {
  text-align: right !important;
}

/* Adjust icons inside button boxes */
.primary-button-arrow {
  margin-right: 0 !important;
  margin-left: 8px !important;
  display: inline-block;
  transform: rotate(180deg);
}

.navbar-logo {
  margin-right: 0 !important;
  margin-left: 20px !important;
}

/* Custom CSS classes for bilingual language switcher */
.lang-toggle {
  font-weight: 700 !important;
  color: #b07ef0 !important;
  border: 1px solid rgba(176, 126, 240, 0.3) !important;
  border-radius: 20px !important;
  padding: 6px 14px !important;
  background: rgba(176, 126, 240, 0.05) !important;
  transition: all 0.2s ease !important;
}

.lang-toggle:hover {
  background: rgba(176, 126, 240, 0.2) !important;
  border-color: rgba(176, 126, 240, 0.6) !important;
  color: #fff !important;
}