/*
 * Header "Buy Your Badge Now" CTA + condensed top-level nav spacing (legacy Astra header).
 * Loaded from the fragments/topmenu header block so it applies wherever the site header renders.
 * Selectors are scoped to #ast-hf-menu-1 (the visible primary desktop menu) to avoid touching the
 * other responsive menu variants.
 */

/* Condense the spacing between the top-level dropdowns (half the theme's 20px) to make room for the CTA. */
#ast-hf-menu-1 > li.menu-item:not(.ghc-buy-badge-item) > a.menu-link {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/* CTA wrapper: tight padding around the pill, vertically centered in the bar. */
#ast-hf-menu-1 .ghc-buy-badge-item > a.menu-link {
	display: flex;
	align-items: center;
	padding: 0 8px;
}

/* The CTA pill. Background matches the site footer; dark text for contrast against the orange bar. */
#ast-hf-menu-1 .ghc-buy-badge {
	background: #fad354;
	color: #2a2118;
	padding: 12px 18px;
	border: 1px solid #b9842b;
	border-radius: 6px;
	font-size: 17px;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}