/*
 * Top Bar Style 3 — dòng thông tin cấu hình (font tiếng Việt)
 */

.topbar.topbar-style-3 {
	font-family: Roboto, 'Segoe UI', Tahoma, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.topbar.topbar-style-3 .topbar-inner {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	flex-direction: row-reverse !important;
}

.topbar.topbar-style-3 .section-menu {
	flex: 1 1 auto;
	overflow: hidden;
	min-width: 0;
}

.topbar.topbar-style-3 .section-links {
	flex: 0 0 auto;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.topbar.topbar-style-3 .topbar-info-inline {
	display: flex;
	align-items: center;
	gap: 20px;
	height: 100%;
	flex-wrap: wrap;
}

.topbar.topbar-style-3 .info-row-item {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	line-height: 1.45;
	text-transform: none !important;
	letter-spacing: normal;
	font-variant: normal;
}

.topbar.topbar-style-3 .info-icon {
	color: #666;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.topbar.topbar-style-3 .info-label {
	font-weight: 600;
	color: #333;
	text-transform: none !important;
}

.topbar.topbar-style-3 .info-text,
.topbar.topbar-style-3 .info-text-link {
	color: inherit;
	text-transform: none !important;
}

.topbar.topbar-style-3 .info-text-link {
	text-decoration: none;
}

.topbar.topbar-style-3 .info-text-link:hover {
	text-decoration: underline;
}

.topbar.topbar-style-3 .topbar-search {
	margin: 0 15px 0 0 !important;
	display: flex !important;
	align-items: center !important;
}

.topbar.topbar-style-3 .topbar-search .search-form {
	position: relative !important;
	margin: 0 !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	width: 220px !important;
	height: 32px !important;
}

.topbar.topbar-style-3 .topbar-search .search-field {
	border-radius: 20px !important;
	padding: 0 35px 0 15px !important;
	border: 1px solid #e1e1e1 !important;
	height: 32px !important;
	line-height: 32px !important;
	font-size: 13px !important;
	width: 100% !important;
	background-color: #fff !important;
	color: #333 !important;
	box-shadow: none !important;
	margin: 0 !important;
	font-family: inherit;
	text-transform: none !important;
}

.topbar.topbar-style-3 .topbar-search .search-submit {
	position: absolute !important;
	right: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 35px !important;
	height: 100% !important;
	background: transparent !important;
	border: none !important;
	color: transparent !important;
	z-index: 2 !important;
	padding: 0 !important;
	box-shadow: none !important;
	margin: 0 !important;
	font-size: 0 !important;
	outline: none !important;
	min-width: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.topbar.topbar-style-3 .topbar-search .search-form::after {
	content: "\f002" !important;
	font-family: FontAwesome !important;
	position: absolute !important;
	right: 12px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	color: #666 !important;
	pointer-events: none !important;
	z-index: 1 !important;
	font-size: 14px !important;
	line-height: 1 !important;
	margin-top: 0 !important;
}

.topbar.topbar-style-3 .topbar-sign-in {
	display: flex !important;
	align-items: center !important;
	line-height: 1 !important;
	margin: 0 !important;
	text-transform: none !important;
	font-family: inherit;
}