/**
 * "Prototype Studio" header nav CTA — see IFE_Header_Nav.
 *
 * Currently styled to match the surrounding nav items exactly (client's call
 * for the soft opening: "keep it subtle... once we start promoting we can do
 * something else" — see the commented-out button treatment below, kept ready
 * rather than deleted). Scoped entirely to .ife-nav-cta so any future change
 * here cannot bleed into the theme's other menu items.
 */

.ife-nav-cta {
	display: inline-flex;
	align-items: center;
}

/**
 * -----------------------------------------------------------------------------
 * Button treatment (promotion launch) — currently OFF, kept for later.
 *
 * To turn the CTA back into a standout pill button: uncomment the block below.
 * It was previously live; removed only because it stood out too much for the
 * soft opening, not because anything about it was broken.
 *
 * Note for whoever re-enables this: the header's Nav Menu widget has
 * Elementor's "Pointer -> Background" hover effect on (`e--pointer-background`
 * on the menu container), which gives every `.elementor-item` a `::before`/
 * `::after` pseudo-element colored with the site's accent (green), faded in on
 * hover. A pseudo-element paints above its own element's background regardless
 * of z-index/`!important`, so re-enabling a solid button background here also
 * means re-adding the pseudo-element kill, or the green box will cover it
 * again exactly like it did the first time:
 *
 * .ife-nav-cta > a::before,
 * .ife-nav-cta > a::after {
 * 	content: none !important;
 * 	display: none !important;
 * }
 * -----------------------------------------------------------------------------
 *
 * .ife-nav-cta {
 * 	--ife-nav-cta-bg: #1e73be;
 * 	--ife-nav-cta-bg-hover: #175a94;
 * 	--ife-nav-cta-fg: #ffffff;
 * }
 *
 * .ife-nav-cta > a {
 * 	display: inline-block;
 * 	background-color: var( --ife-nav-cta-bg ) !important;
 * 	color: var( --ife-nav-cta-fg ) !important;
 * 	padding: 10px 20px;
 * 	border-radius: 999px;
 * 	border: none;
 * 	box-shadow: none;
 * 	outline: none;
 * 	font-weight: 600;
 * 	line-height: 1.2;
 * 	white-space: nowrap;
 * 	text-decoration: none !important;
 * 	transition: background-color 0.15s ease;
 * }
 *
 * .ife-nav-cta > a:hover,
 * .ife-nav-cta > a:focus {
 * 	background-color: var( --ife-nav-cta-bg-hover ) !important;
 * 	color: var( --ife-nav-cta-fg ) !important;
 * 	box-shadow: none;
 * 	outline: none;
 * }
 *
 * .ife-nav-cta > a:focus-visible {
 * 	outline: 2px solid var( --ife-nav-cta-fg );
 * 	outline-offset: 2px;
 * }
 */