/* LolaCore Founding Offer - brand tokens from the lolacore.com design system */

/*
 * Coexistence with the sticky site header (Elementor snippets 212 and 116 pin
 * #site-header / .elementor-location-header at top: 0). While the offer bar
 * exists, the header sticks right below it instead. --lcfo-bar-h is set here
 * as a no-JS baseline via :has(), then refined to the measured bar height by
 * lolacore-founding-offer.js (and reset to 0 on dismiss, which removes the bar
 * from the DOM). Deactivating the plugin removes every override.
 */
:root {
	--lcfo-bar-h: 0px;
}

body:has(#lcfo-bar) {
	--lcfo-bar-h: 44px;
}

@media (max-width: 640px) {
	body:has(#lcfo-bar) {
		--lcfo-bar-h: 56px;
	}
}

#site-header,
.elementor-location-header {
	top: var(--lcfo-bar-h, 0px) !important;
}

/* Sticky top bar */
.lcfo-bar {
	position: sticky;
	top: 0;
	z-index: 99999;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 10px 48px;
	background: #6E2E5C;
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.35;
	text-align: center;
}

.lcfo-bar-link {
	display: block;
	width: 100%;
	color: #FBF8F2;
	text-decoration: none;
}

.lcfo-bar-link:hover,
.lcfo-bar-link:focus {
	color: #FBF8F2;
	text-decoration: none;
	opacity: 0.92;
}

.lcfo-bar-count {
	font-family: 'JetBrains Mono', Consolas, monospace;
	font-weight: 700;
}

.lcfo-bar-arrow {
	display: inline-block;
}

.lcfo-bar-close {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	padding: 4px 8px;
	background: none;
	border: 0;
	color: #FBF8F2;
	opacity: 0.6;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
}

.lcfo-bar-close:hover,
.lcfo-bar-close:focus {
	opacity: 1;
}

@media (max-width: 640px) {
	.lcfo-bar {
		min-height: 56px;
		padding: 8px 40px;
		font-size: 13px;
	}

	.lcfo-bar-extra {
		display: none;
	}
}

/*
 * Offer state contract for Elementor sections.
 * Body carries lcfo-state-a / lcfo-state-b / lcfo-state-c.
 *
 *  .lcfo-founding-offer   on a section: hidden when sold out.
 *  .lcfo-standard-pricing on a section: visible only when sold out.
 *  .lcfo-b-only           on any element: visible only in the low-seats state.
 *  .lcfo-b-hide           on any element: hidden in the low-seats state (copy swap).
 *  .lcfo-seats-counter    printed by [founding_seats]: amber in low-seats state.
 */
.lcfo-state-c .lcfo-founding-offer {
	display: none !important;
}

body:not(.lcfo-state-c) .lcfo-standard-pricing {
	display: none !important;
}

body:not(.lcfo-state-b) .lcfo-b-only {
	display: none !important;
}

.lcfo-state-b .lcfo-b-hide {
	display: none !important;
}

.lcfo-state-b .lcfo-seats-counter {
	color: #D89A3F;
	font-weight: 800;
}