/* ==========================================================================
   ARABIC RTL STYLES
   Text alignment, typography, margins, navigation mirroring
   ========================================================================== */

[dir="rtl"] {
  font-family: var(--font-family-arabic);
  text-align: right;
}

[dir="rtl"] h1, 
[dir="rtl"] h2, 
[dir="rtl"] h3, 
[dir="rtl"] h4, 
[dir="rtl"] h5, 
[dir="rtl"] h6 {
  font-family: var(--font-family-arabic);
  letter-spacing: normal;
}

/* Header & Nav */
[dir="rtl"] .brand-tagline {
  letter-spacing: normal;
}

[dir="rtl"] .nav-dropdown {
  left: auto;
  right: 0;
}

[dir="rtl"] .dropdown-link:hover {
  transform: translateX(-4px);
}

[dir="rtl"] .mobile-nav-drawer {
  left: auto;
  right: 0;
  transform: translateX(100%);
}

[dir="rtl"] .mobile-nav-drawer.open {
  transform: translateX(0);
}

/* Timeline */
[dir="rtl"] .timeline::before {
  left: auto;
  right: 20px;
}

[dir="rtl"] .timeline-item {
  padding-left: 0;
  padding-right: 56px;
}

[dir="rtl"] .timeline-dot {
  left: auto;
  right: 11px;
}

[dir="rtl"] .timeline-content:hover {
  transform: translateX(-4px);
}

/* Education Card */
[dir="rtl"] .education-card {
  border-left: 1px solid var(--border-subtle);
  border-right: 4px solid var(--accent-cyan);
}

/* Search input */
[dir="rtl"] .search-input {
  padding: 10px 40px 10px 16px;
}

[dir="rtl"] .search-icon {
  left: auto;
  right: 14px;
}

/* Modals */
[dir="rtl"] .modal-close-btn {
  right: auto;
  left: 20px;
}

/* Floating Chatbot Widget */
[dir="rtl"] .chatbot-widget-btn {
  right: auto;
  left: 28px;
}

[dir="rtl"] .chatbot-widget-panel {
  right: auto;
  left: 28px;
}

[dir="rtl"] .chat-bubble-bot {
  align-self: flex-start;
  border-bottom-left-radius: var(--radius-md);
  border-bottom-right-radius: 2px;
}

[dir="rtl"] .chat-bubble-user {
  align-self: flex-end;
  border-bottom-right-radius: var(--radius-md);
  border-bottom-left-radius: 2px;
}

@media (max-width: 640px) {
  [dir="rtl"] .chatbot-widget-panel {
    left: 0;
  }
}