/* Topbar — čitljiv mobilni tekst + tamnija paleta */
body #topbar.imela-topbar,
body.inweb-header-active #topbar.imela-topbar,
body #topbar {
	background-color: #366B60 !important;
	border-bottom: 2px solid #ffad53 !important;
	padding: 10px 0 !important;
	overflow: visible !important;
	min-height: 0 !important;
	height: auto !important;
	position: relative;
	z-index: 10250;
}

body #topbar.imela-topbar,
body #topbar.imela-topbar p,
body #topbar.imela-topbar li,
body #topbar.imela-topbar .textwidget,
body #topbar.imela-topbar .nav li a,
body #topbar p,
body #topbar li,
body #topbar .textwidget,
body #topbar .nav li a {
	color: #fff !important;
}

body #topbar.imela-topbar a,
body #topbar a {
	color: #ffad53 !important;
}

body #topbar.imela-topbar a:hover,
body #topbar.imela-topbar a:focus,
body #topbar a:hover,
body #topbar a:focus {
	color: #fff !important;
}

body #topbar .shortcode-highlight {
	color: #ffad53 !important;
}

body #topbar > .container,
body #topbar > .container > div,
body #topbar .header-wrapper {
	overflow: visible !important;
}

body #topbar #welcome-menu,
body #topbar #welcome-menu-login,
body #topbar-right {
	position: relative;
	z-index: 2;
}

body #topbar #welcome-menu li.menu-item,
body #topbar #welcome-menu-login li.login-menu {
	position: relative;
	z-index: 3;
}

/* Submenu ne sme da hvata klikove dok nije hover na Login / Moj nalog */
body #topbar #welcome-menu .submenu,
body #topbar #welcome-menu-login .submenu,
body #topbar .nav li > div.submenu {
	visibility: hidden !important;
	opacity: 0 !important;
	pointer-events: none !important;
}

body #topbar #welcome-menu li:hover > .submenu,
body #topbar #welcome-menu-login li:hover > .submenu,
body #topbar .nav li:hover > div.submenu,
body #topbar .widget_nav_menu ul.menu li:hover > ul.sub-menu,
body #topbar #lang_sel li:hover > ul,
body #topbar #wcml_currency_switcher ul li:hover > ul {
	visibility: visible !important;
	opacity: 1 !important;
	pointer-events: auto !important;
	z-index: 10260 !important;
}

@media (max-width: 991.98px) {
	body #topbar > .container,
	body #topbar > .container > div,
	body #topbar .header-wrapper {
		display: block !important;
		width: 100% !important;
	}

	body #topbar-left,
	body #topbar-right {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		white-space: normal !important;
		text-align: center !important;
		overflow: visible !important;
		visibility: visible !important;
		opacity: 1 !important;
		height: auto !important;
	}

	body #topbar-left .widget,
	body #topbar-left > div,
	body #topbar-right .widget,
	body #topbar-right > div,
	body #topbar .widget-wrap,
	body #topbar .widget_text {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		white-space: normal !important;
		overflow: visible !important;
		margin: 0 !important;
	}

	body #topbar p,
	body #topbar .textwidget,
	body #topbar-left p {
		display: block !important;
		white-space: normal !important;
		word-break: break-word;
		overflow-wrap: anywhere;
		hyphens: auto;
		font-size: 11px !important;
		line-height: 1.45 !important;
		text-align: center !important;
		margin: 0 !important;
		overflow: visible !important;
	}

	body #topbar-right {
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid rgba(255, 255, 255, 0.16);
	}

	body #topbar-right .widget,
	body #topbar-right > div {
		margin-left: 0 !important;
	}
}

@media (max-width: 575.98px) {
	body #topbar {
		padding: 8px 0 !important;
	}

	body #topbar p,
	body #topbar .textwidget,
	body #topbar-left p {
		font-size: 10.5px !important;
		line-height: 1.4 !important;
	}
}