/**
 * Head Bar modülü — yapısal stiller.
 * Renkler .vi-headbar-* kapsayıcılarındaki CSS değişkenlerinden gelir.
 */

.header-bar1 {
	width: 100%;
	background: var(--vi-hb-bg, #ffffff);
	padding: 10px;
}

.header-bar1 .text {
	color: var(--vi-hb-text, #333333);
}

.header-bar1 .text i {
	color: var(--vi-hb-icon, #333333);
}

.header-bar1 .text span {
	color: var(--vi-hb-btn-text, #333333);
	background: var(--vi-hb-btn-bg, #ffffff);
	padding: 3px 8px;
	border-radius: 5px;
	width: fit-content;
	font-size: 13px;
	float: right;
	margin-top: -3px;
}

.header-bar1 .text span i {
	color: #414141;
}

.header-bar2 {
	width: 100%;
	background: var(--vi-hb-bg, #ffffff);
	padding: 10px;
	color: var(--vi-hb-text, #333333);
	letter-spacing: -0.3px;
}

.header-bar2 a {
	color: var(--vi-hb-text, #333333);
}

.header-bar2 .text {
	font-size: 15.5px;
}

.header-bar2 .texicon {
	margin-top: 5px;
	float: right;
	color: var(--vi-hb-text, #333333);
}

.header-bar3 {
	width: 100%;
	background: var(--vi-hb-bg, #ffffff);
	padding: 15px;
	letter-spacing: -0.3px;
}

.header-bar3 .hd3text {
	color: var(--vi-hb-text, #333333);
}

.header-bar3 .hd3linkbx {
	float: left;
}

.header-bar3 .hd3link {
	color: var(--vi-hb-link, #333333) !important;
	float: left;
	margin-right: 25px;
}

.header-bar3 .hd3linkbtn {
	background: var(--vi-hb-btn-bg, #ffffff);
	color: var(--vi-hb-btn-text, #333333) !important;
	margin-right: 25px;
	padding: 3px 8px;
	border-radius: 5px;
}