/* ULTRA-AGGRESSIVE multi-level dropdown CSS - Override Bootstrap 5 comp/* Force dropdown menu styling */
.dropdown-submenu .dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: white !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 0.375rem !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  z-index: 9999 !important;
}own-submenu {
  position: relative !important;
}

/* NUCLEAR OPTION - Kill ALL Bootstrap arrows with extreme prejudice */
* .dropdown-toggle::after,
* .dropdown-item::after,
* .dropdown-submenu *::after,
* [class*="dropdown"]::after,
* [data-bs-toggle]::after,
.dropdown *::after,
.nav-item *::after,
.navbar *::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Force remove any background images or icons */
.dropdown-toggle,
.dropdown-item,
[data-bs-toggle="dropdown"] {
  background-image: none !important;
}

/* Kill any Font Awesome or icon fonts in dropdowns */
.dropdown-menu .fa,
.dropdown-menu .fas,
.dropdown-menu .far,
.dropdown-menu .fab,
.dropdown-menu [class*="fa-"],
.dropdown-menu [class*="icon-"] {
  display: none !important;
}

/* Add our simple arrow ONLY to submenus */
.dropdown-submenu > .dropdown-item {
  position: relative !important;
  padding-right: 30px !important;
}

.dropdown-submenu > .dropdown-item::after {
  content: "▶" !important;
  position: absolute !important;
  right: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #333 !important;
  font-size: 11px !important;
  font-family: Arial, sans-serif !important;
  font-weight: normal !important;
  display: block !important;
  border: none !important;
  background: transparent !important;
  width: auto !important;
  height: auto !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hover effect */
.dropdown-submenu:hover > .dropdown-item::after {
  color: #000 !important;
}

/* FORCE submenu positioning - override everything */
.dropdown-submenu .dropdown-menu {
  position: absolute !important;
  top: 0 !important;
  left: 100% !important;
  min-width: 200px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background: white !important;
  border: 1px solid #dee2e6 !important;
  border-radius: 0.375rem !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  z-index: 9999 !important;
}

/* Level 2 positioning - appear to the left */
.dropdown-submenu.level-2 .dropdown-menu {
  left: -100% !important;
}

/* Highlight parent on hover */
.dropdown-submenu:hover > .dropdown-item {
  background-color: #f8f9fa !important;
  color: #16181b !important;
}

/* Nuclear option - force show with JavaScript controlled class */
.dropdown-submenu.js-show .dropdown-menu {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Override Bootstrap's Popper.js positioning */
.dropdown-menu[data-popper-placement] {
  position: absolute !important;
  transform: none !important;
}

/* More Bootstrap overrides */
.dropdown-submenu .dropdown-menu.show {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  left: 100% !important;
  top: 0 !important;
  transform: none !important;
}

.dropdown-submenu.level-2 .dropdown-menu.show {
  left: -100% !important;
}

/* LAST RESORT: Hide ALL after elements on entire page */
body .dropdown-toggle::after,
body .dropdown-item::after,
body [data-bs-toggle]::after,
html .dropdown-toggle::after,
html .dropdown-item::after {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Force only our arrows to show */
body .dropdown-submenu > .dropdown-item::after,
html .dropdown-submenu > .dropdown-item::after {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  content: "▶" !important;
  color: #333 !important;
}

/* Ensure higher z-index for deeper levels */
.dropdown-submenu.level-0 .dropdown-menu {
  z-index: 1001 !important;
}

.dropdown-submenu.level-1 .dropdown-menu {
  z-index: 1002 !important;
}

.dropdown-submenu.level-2 .dropdown-menu {
  z-index: 1003 !important;
}

/* Highlight parent item when submenu is active */
.dropdown-submenu.show > .dropdown-item {
  background-color: #f8f9fa;
  color: #16181b;
}

/* Arrow indicator for submenus */
.dropdown-submenu > .dropdown-item::after {
  content: "▶";
  float: right;
  margin-left: 10px;
  color: #6c757d;
}

.dropdown-submenu.level-2 > .dropdown-item::after {
  content: "◀";
}

/* Simple white background fix */
.dropdown-menu {
  background: white !important;
  background-color: white !important;
}