body { margin: 12px; }

.cgb-gradient-border {
  border-image: linear-gradient(to right, rgba(0, 0, 0, 0), #b80a41, #4e4ba8, #6eb122, #daac06, #00938a, rgba(0, 0, 0, 0)) 1;
  border-width: 0 0 3px 0;
  border-style: solid;
}

.ma-gradient-border {
  border-image: linear-gradient(to right, rgba(0, 0, 0, 0), #1b93ab, #f5c95c, #e783bc, rgba(0, 0, 0, 0)) 1;
  border-width: 0 0 3px 0;
  border-style: solid;
}

.reon-navbar-logo {
  height: 24px;
  width: auto;
  display: block;
}

header.navbar {
  position: relative;
  z-index: 20;
  overflow: visible;
}

header.navbar > nav,
header.navbar .navbar-nav,
header.navbar .nav-item,
header.navbar .nav-item.dropdown {
  position: relative;
  overflow: visible;
}

header.navbar #localeDropdown {
  position: relative;
  z-index: 30;
}

header.navbar .dropdown-menu,
header.navbar .dropdown-menu.show,
header.navbar #localeDropdownMenu,
header.navbar #localeDropdownMenu.show {
  z-index: 30 !important;
  pointer-events: auto !important;
}

body > header.navbar .dropdown-menu.show {
  z-index: 30 !important;
}

header.navbar .locale-nav-item {
  position: relative;
  overflow: visible;
}

header.navbar #localeDropdownMenu {
  position: absolute !important;
  top: calc(100% + var(--bs-dropdown-spacer, 0.125rem)) !important;
  left: 0 !important;
  right: auto !important;
  margin-top: var(--bs-dropdown-spacer, 0.125rem);
  transform: none !important;
  min-width: max-content;
}

body > #localeDropdownMenu.locale-dropdown-floating,
body > #localeDropdownMenu.locale-dropdown-floating.show {
  position: fixed !important;
  z-index: 30 !important;
  pointer-events: auto !important;
}

header.navbar #localeDropdownMenu * {
  pointer-events: auto !important;
}

header.navbar #localeDropdownMenu li,
header.navbar #localeDropdownMenu .dropdown-item {
  position: relative;
  pointer-events: auto !important;
  z-index: 30 !important;
}