/* ==============================================
   RTL (Right-to-Left) stylesheet for Hebrew support
   Loaded conditionally when dir="rtl"
   ============================================== */

/* ---------- Global text direction ---------- */
html[dir="rtl"] body {
  text-align: right;
}

/* ---------- Navbar ---------- */
html[dir="rtl"] .navbar-nav {
  padding-right: 0;
}

html[dir="rtl"] .navbar-brand {
  margin-left: 1rem;
  margin-right: 0;
}

html[dir="rtl"] .navbar .ms-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

html[dir="rtl"] .navbar .me-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

html[dir="rtl"] .navbar .me-auto {
  margin-right: 0 !important;
  margin-left: auto !important;
}

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

/* ---------- Language toggle ---------- */
html[dir="rtl"] .lang-toggle {
  margin-right: 0.5rem;
  margin-left: 0;
}

/* ---------- Sidebar (Chat & Builder) ---------- */
html[dir="rtl"] .sidebar {
  border-left: 1px solid var(--bs-border-color);
  border-right: none;
}

html[dir="rtl"] .chat-sidebar {
  border-left: 1px solid var(--bs-border-color);
  border-right: none;
}

html[dir="rtl"] .sidebar-content {
  text-align: right;
}

/* ---------- Chat ---------- */
html[dir="rtl"] .message-form textarea {
  text-align: right;
}

html[dir="rtl"] .chat-input {
  text-align: right;
}

html[dir="rtl"] .user-message {
  text-align: right;
}

html[dir="rtl"] .assistant-message {
  text-align: right;
}

html[dir="rtl"] .conversation-item {
  text-align: right;
}

html[dir="rtl"] .conversation-group-header {
  text-align: right;
}

/* Chat message RTL text rendering — fixes punctuation placement with mixed Hebrew/emoji text */
html[dir="rtl"] .chat-message,
html[dir="rtl"] .chat-message.assistant,
html[dir="rtl"] .chat-message.user,
html[dir="rtl"] .message.assistant,
html[dir="rtl"] .message.user {
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: right;
}

html[dir="rtl"] .chat-message p,
html[dir="rtl"] .chat-message li,
html[dir="rtl"] .chat-message h4,
html[dir="rtl"] .chat-message h5,
html[dir="rtl"] .chat-message h6,
html[dir="rtl"] .message.assistant p,
html[dir="rtl"] .message.assistant li,
html[dir="rtl"] .message.assistant h1,
html[dir="rtl"] .message.assistant h2,
html[dir="rtl"] .message.assistant h3 {
  direction: rtl;
  unicode-bidi: plaintext;
}

html[dir="rtl"] .chat-message ul,
html[dir="rtl"] .chat-message ol,
html[dir="rtl"] .message.assistant ul,
html[dir="rtl"] .message.assistant ol {
  direction: rtl;
  padding-right: 1.5rem;
  padding-left: 0;
}

html[dir="rtl"] .chat-bubble {
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: right;
}

/* ---------- Builder sidebar tabs ---------- */
html[dir="rtl"] .sidebar-tabs {
  direction: rtl;
}

html[dir="rtl"] .sidebar-tab .me-1,
html[dir="rtl"] .sidebar-tab .me-2 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

/* ---------- Builder panels ---------- */
html[dir="rtl"] .panel-header {
  text-align: right;
}

html[dir="rtl"] .settings-section {
  text-align: right;
}

html[dir="rtl"] .form-label {
  text-align: right;
}

/* ---------- Chat actions ---------- */
html[dir="rtl"] .chat-actions {
  flex-direction: row-reverse;
}

html[dir="rtl"] .button-group {
  flex-direction: row-reverse;
}

/* ---------- Sites Dashboard ---------- */
html[dir="rtl"] .site-card {
  text-align: right;
}

html[dir="rtl"] .site-card .card-actions {
  text-align: left;
}

/* ---------- Automations ---------- */
html[dir="rtl"] .automation-card {
  text-align: right;
}

/* ---------- Account page ---------- */
html[dir="rtl"] .account-section {
  text-align: right;
}

/* ---------- Landing builder ---------- */
html[dir="rtl"] .chat-header .header-right-section {
  margin-left: 0;
  margin-right: auto;
}

html[dir="rtl"] .logo-container {
  flex-direction: row-reverse;
}

html[dir="rtl"] .welcome-message {
  text-align: right;
}

html[dir="rtl"] .example-prompts {
  text-align: right;
}

html[dir="rtl"] .chat-input-wrapper {
  flex-direction: row-reverse;
}

html[dir="rtl"] .send-button {
  margin-right: 0.5rem;
  margin-left: 0;
}

/* ---------- Preview area ---------- */
html[dir="rtl"] .preview-actions {
  flex-direction: row-reverse;
}

/* ---------- Auth pages ---------- */
html[dir="rtl"] .auth-card {
  text-align: right;
}

html[dir="rtl"] .auth-modal {
  text-align: right;
}

/* ---------- Pricing ---------- */
html[dir="rtl"] .pricing-card {
  text-align: right;
}

html[dir="rtl"] .plan-features li {
  text-align: right;
}

html[dir="rtl"] .plan-features li .fa-check,
html[dir="rtl"] .plan-features li .fa-times {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* ---------- Modals ---------- */
html[dir="rtl"] .modal-header {
  text-align: right;
}

html[dir="rtl"] .modal-body {
  text-align: right;
}

html[dir="rtl"] .modal-footer {
  flex-direction: row-reverse;
}

/* ---------- Alert / Flash ---------- */
html[dir="rtl"] .alert {
  text-align: right;
}

html[dir="rtl"] .btn-close {
  margin-left: 0;
  margin-right: auto;
}

/* ---------- Team invite ---------- */
html[dir="rtl"] .invite-card {
  text-align: right;
}

/* ---------- Badges ---------- */
html[dir="rtl"] .badge .me-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

/* ---------- Form elements ---------- */
html[dir="rtl"] .form-control,
html[dir="rtl"] .form-select,
html[dir="rtl"] textarea {
  text-align: right;
}

html[dir="rtl"] .form-text,
html[dir="rtl"] .form-label,
html[dir="rtl"] .code-hint,
html[dir="rtl"] .template-var-hint,
html[dir="rtl"] .video-tab-hint,
html[dir="rtl"] .image-upload-hint {
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: right;
}

/* Placeholder text inside form inputs */
html[dir="rtl"] .form-control::placeholder,
html[dir="rtl"] textarea::placeholder,
html[dir="rtl"] input::placeholder {
  direction: rtl;
  unicode-bidi: plaintext;
  text-align: right;
}

html[dir="rtl"] .input-group {
  flex-direction: row-reverse;
}

html[dir="rtl"] .input-group .form-control {
  border-radius: 0 0.375rem 0.375rem 0;
}

html[dir="rtl"] .input-group .btn:last-child {
  border-radius: 0.375rem 0 0 0.375rem;
}

/* ---------- Lists ---------- */
html[dir="rtl"] ul, html[dir="rtl"] ol {
  padding-right: 2rem;
  padding-left: 0;
}

/* ---------- Icons with text ---------- */
html[dir="rtl"] .fa-solid + span,
html[dir="rtl"] .fa-regular + span,
html[dir="rtl"] .fa-brands + span {
  margin-right: 0.25rem;
  margin-left: 0;
}

/* ---------- Misc utility overrides ---------- */
html[dir="rtl"] .text-start {
  text-align: right !important;
}

html[dir="rtl"] .text-end {
  text-align: left !important;
}

html[dir="rtl"] .ms-1 { margin-right: 0.25rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-2 { margin-right: 0.5rem !important; margin-left: 0 !important; }
html[dir="rtl"] .ms-3 { margin-right: 1rem !important; margin-left: 0 !important; }
html[dir="rtl"] .me-1 { margin-left: 0.25rem !important; margin-right: 0 !important; }
html[dir="rtl"] .me-2 { margin-left: 0.5rem !important; margin-right: 0 !important; }
html[dir="rtl"] .me-3 { margin-left: 1rem !important; margin-right: 0 !important; }

html[dir="rtl"] .ps-1 { padding-right: 0.25rem !important; padding-left: 0 !important; }
html[dir="rtl"] .ps-2 { padding-right: 0.5rem !important; padding-left: 0 !important; }
html[dir="rtl"] .ps-3 { padding-right: 1rem !important; padding-left: 0 !important; }
html[dir="rtl"] .pe-1 { padding-left: 0.25rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pe-2 { padding-left: 0.5rem !important; padding-right: 0 !important; }
html[dir="rtl"] .pe-3 { padding-left: 1rem !important; padding-right: 0 !important; }

/* ---------- Mobile toggle bar ---------- */
html[dir="rtl"] .mobile-toggle-tabs {
  flex-direction: row-reverse;
}

/* ---------- Mobile Chat FAB (RTL) ---------- */
html[dir="rtl"] .mobile-chat-fab {
  right: auto;
  left: 24px;
}

html[dir="rtl"] .mobile-chat-close {
  right: auto;
  left: 12px;
}

/* ---------- Status badges ---------- */
html[dir="rtl"] .status-badge .status-icon-dot {
  margin-left: 0.25rem;
  margin-right: 0;
}

/* ---------- Leads stats ---------- */
html[dir="rtl"] .leads-stats {
  direction: rtl;
}

/* ---------- Switch / Toggle ---------- */
html[dir="rtl"] .form-check {
  padding-right: 2.5em;
  padding-left: 0;
}

html[dir="rtl"] .form-check-input {
  float: right;
  margin-right: -2.5em;
  margin-left: 0;
}

html[dir="rtl"] .form-switch {
  padding-right: 2.5em;
  padding-left: 0;
}

html[dir="rtl"] .form-switch .form-check-input {
  margin-right: -2.5em;
}

/* ---------- Analytics ---------- */
html[dir="rtl"] .stat-card {
  text-align: right;
}

/* ---------- Text format toolbar ---------- */
/* Isolate the WYSIWYG toolbar from RTL direction to prevent native <select>
   dropdowns from closing immediately and click targets from misaligning. */
html[dir="rtl"] .text-format-toolbar {
  direction: ltr;
}
html[dir="rtl"] .text-format-toolbar .toolbar-group label {
  direction: rtl;
  unicode-bidi: plaintext;
}

/* ---------- Automation builder canvas ---------- */
html[dir="rtl"] .step-types-grid {
  direction: rtl;
}