img.img-header {
	object-fit: none; /* do not scale the image */
	object-position: center; /* center the image within the element */
	width: 100%;
	/* max-height: 168px; */
	/* margin-bottom: 1rem; */
}

img.img-flag {
	margin-bottom: 3px;
}

span.checked-item {
	margin-bottom: 1px;
}

#searchInput {
	border-radius: var(--bs-border-radius) 0 0 var(--bs-border-radius);
}

#searchButton {
	/* background-color: var(--bs-tertiary-bg); */
	border: var(--bs-border-width) solid var(--bs-border-color);
	border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
	border-left: 0;
}

.navbar-brand-text {
	text-transform: uppercase;
	letter-spacing: .2rem;
	color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
	font-weight: 600;
}

#nav-toolbox {
	right: 20px;
	bottom: calc(1.5em + %session.nav.footerbarLines% * 2.5em);
	padding: 5px;
	border-radius: 8px;
}

.nav-background-color {
	background-color: var(--bs-primary-bg-subtle) !important;
}

.nav-menu-scrollable {
	height: auto;
	max-height: 256px;
	/*
		TODO
		The computed values of ‘overflow-x’ and ‘overflow-y’ are the same as their specified values,
		except that some combinations with ‘visible’ are not possible: if one is specified as ‘visible’
		and the other is ‘scroll’ or ‘auto’, then ‘visible’ is set to ‘auto’.
	*/
	overflow: visible auto;
}

.nav-menu-color-if {
	color: darkcyan;
}

/* this is a menu item (inside ul) or sub-menu item (inside li) */
:is(ul, li) > .nav-link:hover {
	/* text-shadow: 1px 1px 10px #fff, 1px 1px 10px #666; */
}