/* ============================================================
   rtl.css — Minimal RTL overrides (only what logical props can't cover)
   ============================================================ */

/* Typewriter cursor direction */
[dir="rtl"] #typewriter {
  border-inline-end: none;
  border-inline-start: 2px solid var(--accent-gold);
  padding-inline-start: 2px;
  padding-inline-end: 0;
}

/* Timeline line position in RTL */
[dir="rtl"] .timeline {
  padding-inline-start: 0;
  padding-inline-end: var(--space-xl);
}
[dir="rtl"] .timeline::before {
  inset-inline-start: auto;
  inset-inline-end: 10px;
}
[dir="rtl"] .timeline-dot {
  inset-inline-start: auto;
  inset-inline-end: calc(-1 * var(--space-xl) + 2px);
}

/* Blog card category badge */
[dir="rtl"] .blog-cat {
  inset-inline-start: auto;
  inset-inline-end: var(--space-sm);
}

/* Form select arrow */
[dir="rtl"] .form-select {
  background-position: left 12px center;
  padding-inline-start: 2.5rem;
  padding-inline-end: 1rem;
}

/* Prevent disconnected Arabic letters on Apple/WebKit devices */
html[lang="ar"] *, html[dir="rtl"] * {
  letter-spacing: normal !important;
}