/* ------------------------------------------------------------------ *
 * Main site header "Hub Login" / "Go to Hub" button.
 *
 * Sits where the header's search field used to be (that Elementor Search
 * widget was deleted from the Header template and replaced with a
 * Shortcode widget rendering [knc_header_hub_button] - see
 * includes/site-header.php). Colour/radius/weight are matched to the
 * site's existing primary CTA button (e.g. "Book Discovery Call" on the
 * homepage: #16A34A, 600 weight Poppins, fully-rounded corners) so this
 * reads as part of the existing site rather than a bolted-on plugin
 * button, while still standing out against the plain-text nav links next
 * to it.
 * ------------------------------------------------------------------ */
.knc-site-header-hub-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	flex: 0 0 auto;

	background-color: #16A34A;
	color: #ffffff !important;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 15px;
	line-height: 1;
	text-decoration: none !important;

	padding: 13px 22px;
	border-radius: 24px;
	border: none;

	transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.knc-site-header-hub-btn:hover,
.knc-site-header-hub-btn:focus-visible {
	background-color: #128A3E;
	color: #ffffff !important;
}

.knc-site-header-hub-btn:focus-visible {
	outline: 2px solid #128A3E;
	outline-offset: 2px;
}

.knc-site-header-hub-btn:active {
	background-color: #0F7A36;
}

/* The header container this button lives in (formerly the search field's
   container) is hidden on tablet/mobile by an Elementor responsive
   visibility setting - that's switched off for this container so the
   button stays reachable at every width, and this keeps it comfortably
   sized (not full-width, not oversized) once the header's mobile menu
   toggle is alongside it. */
@media (max-width: 1024px) {
	.knc-site-header-hub-btn {
		padding: 11px 18px;
		font-size: 14px;
	}
}