/* iTech Client Manager — header "Client Login" / "My Dashboard" button.
   Loaded site-wide since it may be placed inside an Elementor header template. */

.itech-cm-header-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 18px;
	border-radius: 24px;
	background: var(--itech-primary, #1552f0);
	color: #ffffff !important;
	text-decoration: none !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	transition: opacity .15s ease;
}
.itech-cm-header-btn:hover {
	opacity: .88;
	color: #ffffff !important;
}
.itech-cm-header-btn-loggedin {
	background: transparent;
	border: 1px solid var(--itech-primary, #1552f0);
	color: var(--itech-primary, #1552f0) !important;
}
.itech-cm-header-btn-loggedin:hover {
	background: var(--itech-primary, #1552f0);
	color: #ffffff !important;
}
.itech-cm-header-btn-loggedin img {
	border-radius: 50%;
	width: 22px;
	height: 22px;
}
.itech-cm-header-btn-icon {
	width: 15px;
	height: 15px;
	display: inline-block;
}
.itech-cm-header-btn-icon::before {
	content: "\1F464"; /* simple person glyph, no icon font dependency */
	font-size: 14px;
	line-height: 1;
}