:root{
	--pst-navbar-height: 64px; /* height of the persistent navbar */
}

.navbar-brand .logo__image {
  height: var(--pst-navbar-height);
  max-height: var(--pst-navbar-height);
}

.bd-navbar .navbar-nav {
	flex-wrap: wrap;
}

.bd-navbar .nav-link {
	padding-left: 0.6rem;
	padding-right: 0.6rem;
}

/* ---------- shrink search: hide label + hint + big button ---------- */
.search-button__default-text,
.search-button__kbd-shortcut {
  display: none !important;           /* <- typo fixed: _text  ✅ */
}

/* big pill-style button inside the nav’s persistent container */
.navbar-persistent--container .search-button-field {
  display: none !important;
}

/* keep the tiny magnifier icon (it has class search-button__button) */

/* ---------- unfold the “More” dropdown ---------- */

/* 1  Hide the “More ▾” toggle button itself */
button[aria-controls="pst-nav-more-links"] {
  display: none !important;
}

/* 2  Turn the hidden menu <ul id="pst-nav-more-links"> into inline links */
#pst-nav-more-links {
  display: flex !important;           /* row (wraps if needed)  */
  position: static !important;        /* no dropdown pop-up     */
  transform: none !important;
  padding: 0; margin: 0;
}

/* 3  Make its <li><a> items look like normal nav links */
#pst-nav-more-links .dropdown-item {
  padding: 0.5rem 0.6rem;
  white-space: nowrap;
  display: block;                     /* restore link styling   */
}

#pst-nav-more-links.dropdown-menu{
	border: none !important; /* remove border */
	box-shadow: none !important;       /* remove shadow */
}

#pst-nav-more-links .dropdown-item{
	border: none !important; /* remove border */
	background: transparent !important; /* remove background */
}

#pst-nav-more-links .dropdown-item:focus{
	outline: none !important; /* remove focus outline */
}