/* ==============================================
   GLOBI.MA — RTL Arabic Override
   Loaded after style.css for Arabic RTL layout
   ============================================== */

/* ---------- Base RTL ---------- */
html { direction: rtl }
body { font-family: 'Segoe UI', Tahoma, 'Arial', 'Simplified Arabic', sans-serif }

/* ---------- Top Bar ---------- */
.topbar a { margin-left: 0; margin-right: 14px }

/* ---------- Dropdown ---------- */
.dropdown-toggle::after { margin-left: 0; margin-right: 3px }
.dropdown-menu { left: auto; right: 0 }
.dropdown::after { left: auto; right: 0 }

/* ---------- Search Box ---------- */
.search-box select {
  border-right: none;
  border-left: 1px solid var(--border);
  background-position: left 12px center;
}

/* ---------- Card ---------- */
.card-img .badge { left: auto; right: 6px }
.card-img .photos { right: auto; left: 6px }
.card-fav { right: auto; left: 6px }

/* ---------- Slider Arrows ---------- */
.slider-prev { left: auto; right: -8px }
.slider-next { right: auto; left: -8px }

/* ---------- List Item ---------- */
.list-item-body { text-align: right }

/* ---------- Filters ---------- */
.filter-opt .cnt { margin-left: 0; margin-right: auto }

/* ---------- Form Select Arrow ---------- */
.form-select {
  background-position: left 14px center;
  padding-right: 14px;
  padding-left: 36px;
}

/* ---------- Detail Page ---------- */
.gallery-count { right: auto; left: 8px }

/* ---------- Dashboard Sidebar ---------- */
.dash-sidebar { left: auto; right: 0; border-right: none; border-left: 1px solid var(--border) }
.dash-body { margin-left: 0; margin-right: 250px }
.dash-menu-item .badge-count { margin-left: 0; margin-right: auto }

/* ---------- Myspace Layout ---------- */
.myspace-sidebar { order: 2 }
.myspace-main { order: 1 }

/* ---------- Data Table ---------- */
.dtable th, .dtable td { text-align: right }

/* ---------- Image Preview Remove ---------- */
.image-preview .remove { right: auto; left: 4px }

/* ---------- Footer ---------- */
.footer-bottom a { margin-left: 0; margin-right: 16px }

/* ---------- Toast ---------- */
.toast-container { right: auto; left: 16px }
.toast { transform: translateX(-120%) }
.toast.show { transform: translateX(0) }
.toast-close { margin-left: 0; margin-right: 8px }

/* ---------- Form Divider ---------- */
.form-divider::before { left: auto; right: 0 }
.form-divider::after { right: auto; left: 0 }

/* ---------- Nav mega-menu RTL ---------- */
.mega-menu { left: auto; right: 0 }

/* ---------- Responsive Overrides ---------- */
@media(max-width:991px) {
  .nav.open { right: auto; left: 0 }
  .mega-menu { padding: 8px 12px 8px 0 }
  .dropdown-menu { padding: 0 12px 0 0 }
  .dash-sidebar { transform: translateX(100%) }
  .dash-sidebar.open { transform: translateX(0) }
  .dash-body { margin-right: 0 }
}