/* ========================================
   DROPDOWN RTL FIX - NUCLEAR OPTION
   MUST LOAD LAST IN CSS CHAIN
   ======================================== */

/* RTL: Force ALL dropdowns to open on LEFT - Override Popper.js inline styles */
html[dir="rtl"] .dropdown-menu,
html[dir="rtl"] .dropdown .dropdown-menu,
html[dir="rtl"] .btn-group .dropdown-menu,
html[dir="rtl"] .dropdown-toggle + .dropdown-menu {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: none !important;
}

html[dir="rtl"] .dropdown-menu.show,
html[dir="rtl"] .dropdown .dropdown-menu.show,
html[dir="rtl"] .btn-group .dropdown-menu.show {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: none !important;
}

html[dir="rtl"] .dropdown-menu-end,
html[dir="rtl"] .dropdown .dropdown-menu-end,
html[dir="rtl"] .dropdown-menu.dropdown-menu-end {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: none !important;
}

html[dir="rtl"] .dropdown-menu.dropdown-menu-end.show,
html[dir="rtl"] .dropdown .dropdown-menu-end.show {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: none !important;
}

/* Target specific card dropdowns */
html[dir="rtl"] .dashboard-card .dropdown-menu,
html[dir="rtl"] .course-card .dropdown-menu,
html[dir="rtl"] [class*="card"] .dropdown-menu {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: none !important;
}

/* Target course detail page specific dropdowns */
html[dir="rtl"] .video-card__actions .dropdown-menu,
html[dir="rtl"] .quiz-card__actions .dropdown-menu,
html[dir="rtl"] .attachment-card__actions .dropdown-menu,
html[dir="rtl"] .course-gear-dropdown,
html[dir="rtl"] .dropdown .course-gear-dropdown {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: none !important;
}

html[dir="rtl"] .video-card__actions .dropdown-menu.show,
html[dir="rtl"] .quiz-card__actions .dropdown-menu.show,
html[dir="rtl"] .attachment-card__actions .dropdown-menu.show,
html[dir="rtl"] .course-gear-dropdown.show {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: none !important;
}

/* LTR: Force dropdowns-menu-end to RIGHT */
html[dir="ltr"] .dropdown-menu-end,
html[dir="ltr"] .dropdown-menu.dropdown-menu-end {
  right: 0 !important;
  left: auto !important;
  inset: auto 0 auto auto !important;
}

html[dir="ltr"] .dropdown-menu.dropdown-menu-end.show,
html[dir="ltr"] .dropdown .dropdown-menu-end.show {
  right: 0 !important;
  left: auto !important;
  inset: auto 0 auto auto !important;
}

/* Dropdown text alignment */
html[dir="rtl"] .dropdown-item {
  text-align: right !important;
}

html[dir="ltr"] .dropdown-item {
  text-align: left !important;
}

/* Icon spacing */
html[dir="rtl"] .dropdown-item i {
  margin-left: 8px !important;
  margin-right: 0 !important;
}

html[dir="ltr"] .dropdown-item i {
  margin-right: 8px !important;
  margin-left: 0 !important;
}

/* ULTIMATE OVERRIDE - Apply to ALL dropdowns in RTL with maximum specificity */
html[dir="rtl"] div[class*="actions"] .dropdown-menu,
html[dir="rtl"] div[class*="actions"] > button + .dropdown-menu,
html[dir="rtl"] [class*="card__actions"] .dropdown-menu,
html[dir="rtl"] .actions-btn + .dropdown-menu {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: translate3d(0, 0, 0) !important;
  margin: 0 !important;
}

/* Force positioning on show state */
html[dir="rtl"] div[class*="actions"] .dropdown-menu.show,
html[dir="rtl"] [class*="card__actions"] .dropdown-menu.show {
  right: auto !important;
  left: 0 !important;
  inset: auto auto auto 0 !important;
  transform: translate3d(0, 0, 0) !important;
}