/* RTL Mode Specific Styles */

/* Base RTL setup */
html[dir="rtl"],
.rtl-mode {
  text-align: right;
  direction: rtl;
}

/* ========== HEADER: keep visual order (logo left, actions right) ========== */
.rtl-mode .header-inner {
  direction: ltr; /* Prevent flex item reversal */
}
/* But the TEXT inside buttons/links should be RTL */
.rtl-mode .header-inner .btn-login,
.rtl-mode .header-inner .btn-primary,
.rtl-mode .header-inner .lang-current {
  direction: rtl;
}

/* ========== FOOTER: keep columns left-to-right ========== */
.rtl-mode .footer-inner {
  direction: ltr;
}
.rtl-mode .footer-inner * {
  direction: rtl;
  text-align: right;
}
.rtl-mode .footer-brand p,
.rtl-mode .footer-links h4,
.rtl-mode .footer-links a,
.rtl-mode .footer-bottom {
  direction: rtl;
  text-align: right;
}

/* ========== CONTENT: RTL text flow ========== */
.rtl-mode .hero-content,
.rtl-mode .features-grid {
  direction: rtl;
}

/* Fix margins and paddings that were LTR specific */
.rtl-mode .btn-icon {
  margin-left: 0;
  margin-right: 8px;
}

/* Forms and Inputs */
.rtl-mode input,
.rtl-mode textarea {
  text-align: right;
  direction: rtl;
}

/* Chat specific RTL */
.rtl-mode .chat-message {
  text-align: right;
}

.rtl-mode .message-content {
  direction: rtl;
}

.rtl-mode .user-message {
  margin-left: 0;
  margin-right: auto;
  border-radius: 12px 12px 0 12px;
}

.rtl-mode .bot-message {
  margin-right: 0;
  margin-left: auto;
  border-radius: 12px 12px 12px 0;
}

/* Fix arrows and icons direction */
.rtl-mode .fa-chevron-right::before {
  content: "\f053"; /* fa-chevron-left */
}

.rtl-mode .fa-arrow-right::before {
  content: "\f060"; /* fa-arrow-left */
}

/* Modals and Popups */
.rtl-mode .modal-content {
  text-align: right;
}

.rtl-mode .close-btn {
  right: auto;
  left: 15px;
}

/* Language selector adjustments */
.rtl-mode .lang-menu {
  right: auto;
  left: 0;
}

/* ========== PRICING: keep list alignment ========== */
.rtl-mode .pricing-card ul {
  text-align: right;
}
.rtl-mode .pricing-card li {
  direction: rtl;
}
.rtl-mode .pricing-card li .fa-check {
  margin-left: 8px;
  margin-right: 0;
}

/* ========== DEPTH SECTION: source list ========== */
.rtl-mode .source-list {
  direction: rtl;
  text-align: right;
}
.rtl-mode .source-item {
  direction: rtl;
  unicode-bidi: plaintext;
}
.rtl-mode .source-item a {
  direction: ltr;
  unicode-bidi: embed;
}
.rtl-mode .depth-grid {
  direction: rtl;
}

/* ========== AUDIENCE CARDS ========== */
.rtl-mode .audience-card {
  text-align: right;
}

/* ========== REVIEW CARDS ========== */
.rtl-mode .review-card {
  text-align: right;
}