/*
 * Header buttons – Register / Enquire.
 * Markup is printed by inc/header-buttons.php and placed by assets/js/header-buttons.js.
 * Solid Kneller red fill (Kadence palette colour 1) with white bold uppercase text, no arrow.
 * Phone <= 767px: shown at the top of the menu drawer instead of the header.
 */
.kh-header-buttons {
	display: none; /* Hidden until the script has placed it, so it never flashes in the footer. */
}

.kh-header-buttons.is-placed {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	margin-right: 1.5rem;
}

.kh-header-buttons__btn {
	display: inline-block;
	padding: 0.65rem 2rem;
	background: var(--global-palette1, #9e1632);
	border: none;
	border-radius: 3px;
	color: #fff;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	transition: background-color 0.25s ease;
}

/* Keep the text white in every state – the theme's global link colours would otherwise turn it red on click/focus. */
.kh-header-buttons .kh-header-buttons__btn,
.kh-header-buttons .kh-header-buttons__btn:link,
.kh-header-buttons .kh-header-buttons__btn:visited,
.kh-header-buttons .kh-header-buttons__btn:hover,
.kh-header-buttons .kh-header-buttons__btn:focus,
.kh-header-buttons .kh-header-buttons__btn:focus-visible,
.kh-header-buttons .kh-header-buttons__btn:active {
	color: #fff;
	text-decoration: none;
}

.kh-header-buttons .kh-header-buttons__btn:hover,
.kh-header-buttons .kh-header-buttons__btn:focus-visible,
.kh-header-buttons .kh-header-buttons__btn:active {
	background: var(--global-palette2, #181147);
}

.kh-header-buttons .kh-header-buttons__btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* In the menu drawer: compact pair above the navigation. */
.kh-header-buttons--drawer.is-placed {
	gap: 0.75rem;
	margin: 0 0 1.5rem 1rem;
}

.kh-header-buttons--drawer .kh-header-buttons__btn {
	flex: 0 0 auto;
	padding: 0.65rem 1rem;
}

/* Small tablets: tighten the header pair. */
@media (max-width: 1024px) {
	.kh-header-buttons.is-placed {
		gap: 1rem;
		margin-right: 1rem;
	}

	.kh-header-buttons__btn {
		padding: 0.5rem 0.8rem;
		font-size: 0.9rem;
	}
}
  @media (max-width: 767px) {
  	#mobile-drawer .drawer-header {
  		min-height: 124px;
  	}
  }