/* High-Contrast Menu Buttons - Universal Fallback */
.branch-nav-buttons .mod-menu,
.branch-nav-buttons ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
  margin: 10px 0 !important;
  list-style: none !important;
}

.branch-nav-buttons .mod-menu a,
.branch-nav-buttons ul li a {
  display: inline-block !important;
  padding: 8px 16px !important;
  background-color: #ffffff !important;
  color: #002b49 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: 2px solid #002b49 !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
  transition: all 0.15s ease-in-out !important;
}

.branch-nav-buttons .mod-menu a:hover,
.branch-nav-buttons .mod-menu li.active a,
.branch-nav-buttons ul li a:hover {
  background-color: #002b49 !important;
  color: #ffffff !important;
  border-color: #002b49 !important;
}

/* --- DROPDOWN FIXES --- */

/* 1. Force the parent list item to align everything in a single line */
.mod-menu li.parent,
.mod-menu li.dropdown,
ul.nav li.parent,
ul.nav li.dropdown {
  display: inline-flex !important;
  align-items: center !important;
}

/* 2. Remove default Bootstrap dropdown caret (pseudo-element arrow) */
.mod-menu .dropdown-toggle::after,
ul.nav .dropdown-toggle::after,
.mod-menu li.parent > a::after,
ul.nav li.parent > a::after {
  display: none !important;
  content: none !important;
}

/* 3. Hide any separate split buttons, toggles, or SVG arrows */
.mod-menu .dropdown-toggle-split,
ul.nav .dropdown-toggle-split,
.mod-menu button,
ul.nav button,
.mod-menu .mm-dropdown-toggle,
ul.nav .mm-dropdown-toggle {
  display: none !important;
}

/* Allow main button to trigger dropdown and keep arrow hidden */
.mod-menu a.dropdown-toggle,
ul.nav a.dropdown-toggle {
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Ensure no second arrow appears from Bootstrap */
.mod-menu a.dropdown-toggle::after,
ul.nav a.dropdown-toggle::after {
  display: none !important;
}

/* Position and style child sub-menu items */
.mod-menu li.parent,
ul.nav li.parent {
  position: relative !important;
}

.mod-menu li.parent > ul,
ul.nav li.parent > ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  background-color: #ffffff;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  list-style: none;
}

.mod-menu li.parent > ul.show,
ul.nav li.parent > ul.show {
  display: block !important;
}

.mod-menu li.parent > ul a,
ul.nav li.parent > ul a {
  display: block !important;
  width: 100% !important;
  padding: 0.25rem 1rem !important;
  clear: both !important;
  font-weight: 400 !important;
  color: #212529 !important;
  text-decoration: none !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.mod-menu li.parent > ul a:hover,
ul.nav li.parent > ul a:hover {
  background-color: #f8f9fa !important;
  color: #002b49 !important;
}