/* ==========================================================================
   GENIELEADS — Comprehensive RTL Stylesheet (Arabic Language Support)
   Provides genuine right-to-left layout reversal, logical alignments,
   Arabic typography (Almarai), and polished SaaS design.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

/* ── Typography & Global Direction ────────────────────────────────────────── */
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

[dir="rtl"],
[dir="rtl"] body,
[dir="rtl"] button,
[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea,
[dir="rtl"] a,
[dir="rtl"] span,
[dir="rtl"] p,
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6,
[dir="rtl"] .btn-primary,
[dir="rtl"] .btn-create-campaign,
[dir="rtl"] .gw-body,
[dir="rtl"] .crm-pipeline-container,
[dir="rtl"] .dashboard-app {
  font-family: 'Almarai', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

/* Mixed content isolation */
[dir="rtl"] .ltr-text,
[dir="rtl"] input[type="email"],
[dir="rtl"] input[type="url"],
[dir="rtl"] input[type="tel"],
[dir="rtl"] .code-font,
[dir="rtl"] .user-email {
  direction: ltr !important;
  text-align: left !important;
  unicode-bidi: plaintext;
}

[dir="rtl"] .phone-number {
  direction: ltr;
  display: inline-block;
  unicode-bidi: embed;
}

/* ── App Shell & Sidebar ─────────────────────────────────────────────────── */
[dir="rtl"] .dashboard-sidebar {
  right: 0 !important;
  left: auto !important;
  border-left: 1px solid rgba(255, 255, 255, 0.08);
  border-right: none;
}

[dir="rtl"] .dashboard-main {
  margin-right: var(--sidebar-width, 248px) !important;
  margin-left: 0 !important;
}

/* Mobile sidebar handling */
@media (max-width: 900px) {
  [dir="rtl"] .dashboard-sidebar {
    transform: translateX(100%) !important;
    right: 0 !important;
    left: auto !important;
  }
  [dir="rtl"] .dashboard-sidebar.open {
    transform: translateX(0) !important;
  }
  [dir="rtl"] .dashboard-main {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* ── Sidebar Navigation ──────────────────────────────────────────────────── */
[dir="rtl"] .nav-item,
[dir="rtl"] .nav-sub-item,
[dir="rtl"] .nav-group-header {
  text-align: right;
}

[dir="rtl"] .nav-group-chevron,
[dir="rtl"] .sidebar-plan-btn svg,
[dir="rtl"] .sidebar-user svg {
  transform: scaleX(-1);
}

[dir="rtl"] .nav-group.is-open .nav-group-chevron {
  transform: scaleX(-1) rotate(90deg);
}

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

/* ── Header Components ───────────────────────────────────────────────────── */
[dir="rtl"] .dashboard-header {
  flex-direction: row;
}

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

[dir="rtl"] .header-actions {
  flex-direction: row;
}

/* Search input in header */
[dir="rtl"] .header-search {
  position: relative;
}

[dir="rtl"] .header-search .search-icon {
  right: 12px !important;
  left: auto !important;
}

[dir="rtl"] .header-search input {
  padding-right: 38px !important;
  padding-left: 54px !important;
  text-align: right;
}

[dir="rtl"] .header-search .search-kbd {
  left: 10px !important;
  right: auto !important;
}

/* ── Dropdown Menus ──────────────────────────────────────────────────────── */
[dir="rtl"] .lang-switcher-card,
[dir="rtl"] .notif-dropdown-panel,
[dir="rtl"] .notification-card,
[dir="rtl"] .notification-dropdown-menu,
[dir="rtl"] .linkedin-account-dropdown,
[dir="rtl"] .dropdown-menu {
  right: auto !important;
  left: 0 !important;
  text-align: right;
  transform-origin: top left !important;
}

[dir="rtl"] .notif-dropdown-panel {
  left: 0 !important;
  right: auto !important;
  transform-origin: top left !important;
}

@media (max-width: 640px) {
  [dir="rtl"] .notif-dropdown-panel {
    left: 16px !important;
    right: 16px !important;
  }
}

[dir="rtl"] .notif-view-all-link svg {
  transform: rotate(180deg);
}

[dir="rtl"] .lang-card-option {
  flex-direction: row;
  text-align: right;
}

[dir="rtl"] .lang-option-text {
  text-align: right;
}

[dir="rtl"] .lang-option-active-check {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .lang-trigger-chevron {
  margin-right: 4px;
  margin-left: 0;
}

/* ── KPI & Stat Cards ────────────────────────────────────────────────────── */
[dir="rtl"] .stat-card {
  text-align: right;
}

[dir="rtl"] .stat-trend {
  text-align: right;
}

/* Donut chart legend */
[dir="rtl"] .donut-legend-item {
  flex-direction: row;
}

[dir="rtl"] .donut-legend-item .count {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .legend-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* Top campaigns card */
[dir="rtl"] .top-campaign-header,
[dir="rtl"] .top-campaign-footer {
  text-align: right;
}

[dir="rtl"] .top-campaign-footer a svg,
[dir="rtl"] .link-analytics-action svg {
  transform: scaleX(-1);
}

/* ── Recent Activity & CRM Tasks ─────────────────────────────────────────── */
[dir="rtl"] .activity-item-row,
[dir="rtl"] .task-item-row {
  flex-direction: row;
  text-align: right;
}

[dir="rtl"] .task-meta-info {
  text-align: right;
}

[dir="rtl"] .task-time-badge {
  margin-right: auto !important;
  margin-left: 0 !important;
}

/* ── Tables & Pagination ─────────────────────────────────────────────────── */
[dir="rtl"] table {
  text-align: right;
}

[dir="rtl"] th,
[dir="rtl"] td {
  text-align: right;
}

[dir="rtl"] .growix-pagination-nav {
  direction: rtl;
}

[dir="rtl"] .growix-pagination-nav svg {
  transform: scaleX(-1);
}

[dir="rtl"] .page-btn-item:first-child .page-btn-link {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

[dir="rtl"] .page-btn-item:last-child .page-btn-link {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* ── CRM Kanban & Deals ──────────────────────────────────────────────────── */
[dir="rtl"] .crm-header-toolbar {
  flex-direction: row;
  text-align: right;
}

[dir="rtl"] .crm-header-titles {
  text-align: right;
}

[dir="rtl"] .crm-kanban-board {
  direction: rtl;
}

[dir="rtl"] .crm-col-header {
  text-align: right;
}

[dir="rtl"] .crm-deal-card {
  text-align: right;
}

[dir="rtl"] .crm-deal-card-header {
  text-align: right;
}

[dir="rtl"] .crm-deal-metrics {
  text-align: right;
}

[dir="rtl"] .crm-focus-bar {
  flex-direction: row;
}

[dir="rtl"] .crm-focus-bar-left {
  text-align: right;
}

[dir="rtl"] .crm-focus-bar-right {
  margin-right: auto !important;
  margin-left: 0 !important;
}

[dir="rtl"] .crm-search-box input {
  padding-right: 36px !important;
  padding-left: 14px !important;
  text-align: right;
}

[dir="rtl"] .crm-search-box svg {
  right: 12px !important;
  left: auto !important;
}

/* ── Campaign Wizard ─────────────────────────────────────────────────────── */
[dir="rtl"] .gw-wizard-header {
  text-align: right;
}

[dir="rtl"] .gw-wizard-progress-steps {
  flex-direction: row;
}

[dir="rtl"] .gw-step-indicator {
  text-align: right;
}

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

[dir="rtl"] .gw-input,
[dir="rtl"] .gw-textarea,
[dir="rtl"] .gw-select {
  text-align: right;
}

[dir="rtl"] .gw-select {
  background-position: left 14px center !important;
  padding-left: 40px !important;
  padding-right: 14px !important;
}

[dir="rtl"] .gw-btn svg.icon-prev,
[dir="rtl"] .gw-btn svg.icon-next,
[dir="rtl"] .gw-wizard-navigation .btn-prev svg,
[dir="rtl"] .gw-wizard-navigation .btn-next svg {
  transform: scaleX(-1);
}

[dir="rtl"] .gw-wizard-navigation {
  flex-direction: row;
}

/* ── Form Controls & Modals ──────────────────────────────────────────────── */
[dir="rtl"] .form-label {
  text-align: right;
}

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

[dir="rtl"] .input-wrapper {
  position: relative;
}

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

[dir="rtl"] .input-wrapper .form-input {
  padding-right: 42px !important;
  padding-left: 14px !important;
}

[dir="rtl"] .password-wrapper .form-input {
  padding-right: 42px !important;
  padding-left: 44px !important;
}

[dir="rtl"] .password-toggle {
  left: 12px !important;
  right: auto !important;
}

[dir="rtl"] .modal-close-btn,
[dir="rtl"] .gw-modal-close,
[dir="rtl"] .crm-modal-close {
  left: 16px !important;
  right: auto !important;
}

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

/* ── Authentication Screens (Login, Signup, Recovery) ────────────────────── */
[dir="rtl"] .login-page,
[dir="rtl"] .signup-page {
  flex-direction: row-reverse;
}

[dir="rtl"] .login-brand,
[dir="rtl"] .signup-brand {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: none;
  text-align: right;
}

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

[dir="rtl"] .stat-item {
  flex-direction: row;
  text-align: right;
}

[dir="rtl"] .login-main,
[dir="rtl"] .signup-main {
  text-align: right;
}

[dir="rtl"] .login-header,
[dir="rtl"] .signup-header {
  text-align: right;
}

[dir="rtl"] .form-row {
  flex-direction: row;
}

[dir="rtl"] .checkbox-label {
  margin-right: 8px;
  margin-left: 0;
}

/* ── Profile Page ────────────────────────────────────────────────────────── */
[dir="rtl"] .profile-container {
  direction: rtl !important;
  text-align: right !important;
}

[dir="rtl"] .profile-action-card {
  text-align: right !important;
  flex-direction: row;
}

[dir="rtl"] .profile-action-main {
  flex-direction: row;
  text-align: right;
}

[dir="rtl"] .profile-action-chevron {
  transform: scaleX(-1);
}

[dir="rtl"] .profile-detail-item {
  flex-direction: row;
  text-align: right;
}

[dir="rtl"] .profile-detail-value {
  margin-right: auto !important;
  margin-left: 0 !important;
}

/* ── Toast Notifications ─────────────────────────────────────────────────── */
[dir="rtl"] .growix-toast-container {
  right: auto !important;
  left: 24px !important;
}

[dir="rtl"] .growix-toast {
  text-align: right;
  flex-direction: row;
}

[dir="rtl"] .growix-toast-close {
  margin-right: auto !important;
  margin-left: -4px !important;
}

/* ── Directional Icons Helper ────────────────────────────────────────────── */
[dir="rtl"] .flip-rtl {
  transform: scaleX(-1);
}