/* Normalize dropdown alignment for front navbar (override bootstrap 20px padding) */
.navbar .dropdown-menu .dropdown-item,
.navbar .dropdown-menu > li > a {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 10px 16px 10px 16px !important; /* balanced left/right */
  gap: 10px !important; /* space between text and arrow */
}

/* Ensure label grows and adds breathing room */
.navbar .dropdown-menu .menu-label {
  flex: 1 1 auto;
  min-width: 0;

}

/* Arrow block and placeholder */
.navbar .dropdown-menu .menu-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
}

.navbar .dropdown-menu .menu-arrow.placeholder {
  content: '';
  background: transparent !important;
  border: none !important;
  color: transparent !important;
  box-shadow: none !important;
}

.navbar .dropdown-menu .menu-arrow.arrow {
  font-weight: 600;
  line-height: 1;
  font-size: 14px !important;
  color: #111111 !important; /* solid black for visibility */
}

/* Hide legacy toggle chevrons; we use text arrows */
.navbar .dropdown-toggle-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #111111 !important; /* visible black icon for top nav */
}

/* Full-width hover */
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus,
.navbar .dropdown-menu .dropdown-item:active {
  background-color: #f5f7f9 !important;
  color: inherit !important;
}

/* Remove unused ::after placeholders that can render boxes */
.navbar .dropdown-menu .dropdown-item::after,
.navbar .dropdown-menu > li > a::after,
.dropdown-submenu > a::after {
  content: none !important;
  display: none !important;
}