/* RTL overrides for Arabic pages. Loaded after style.css; contains only the
   deltas needed because style.css uses physical (not logical) properties
   in a handful of places that don't auto-mirror under dir="rtl". */

body {
  font-family: "Tajawal", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  line-height: 1.85;
}

/* Tajawal renders visually smaller than the Latin body font at the same
   size, so body copy and form labels get a small bump to match the
   English side's apparent weight/size. */
p, .form-label, .form-text, .lead {
  font-size: 1.05em;
}

.badge-price-standard {
  margin-right: 0;
  margin-left: 0.15rem;
}

.thesis-panel {
  border-left: 0;
  border-right: 4px solid var(--ti-gold);
}

.service-icon-float {
  float: left;
  margin: 0 1rem 0.75rem 0;
}
@media (max-width: 575.98px) {
  .service-icon-float {
    margin: 0 0.75rem 0.5rem 0;
  }
}

.module-toggle {
  text-align: right;
}

/* ---- Positioning quadrant chart: mirror left/top % positions and borders ---- */
.quadrant-chart-plot {
  border-left: 0;
  border-right: 2px solid rgba(7, 19, 73, 0.25);
}
.quadrant-highlight-zone {
  left: auto;
  right: 0;
}
.quadrant-point-awareness { left: 85%; top: 78%; }
.quadrant-point-technical { left: 15%; top: 72%; }
.quadrant-point-course { left: 80%; top: 15%; }
.quadrant-tick-x-low {
  left: auto;
  right: 0;
}
.quadrant-tick-x-high {
  left: auto;
  right: 100%;
  transform: translate(100%, 0.75rem);
}
@media (max-width: 575.98px) {
  .quadrant-chart-plot {
    margin-left: 0;
    margin-right: 0.5rem;
  }
  .quadrant-point-awareness { left: 78%; top: 64%; }
  .quadrant-point-technical { left: 26%; top: 56%; }
  .quadrant-point-course { left: 70%; top: 10%; }
}

.dark-band .dark-band-divider {
  border-left: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 991.98px) {
  .dark-band .dark-band-divider {
    border-right: 0;
  }
}