/* Guest bar (display/head.php); the login prompt is a standard modal */

/* The bar sits in flow above #top; html never scrolls and #maincontainer/#navs are
   sized off the viewport (css/main.css), so shrink both by the bar's fixed height */
#guest_bar {
	box-sizing: border-box;
	height: 40px;
	overflow: hidden;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 16px;
	background: #fff3cd;
	border-bottom: 2px solid #ffc107;
	color: #664d03;
	font: 14px/1.4 Arial, sans-serif;
	text-shadow: none;
}

#guest_bar .guest-bar-text {
	flex: 1;
}

body.has-guest-bar section#maincontainer {
	height: calc(96% - 40px);
}

body.has-guest-bar #navs {
	height: calc(100% - 90px);
}

@media (max-width: 600px) {
	#guest_bar .guest-bar-detail {
		display: none;
	}
}