/*
 * BBWAB Mobile Sticky CTA
 * Reference: @media(max-width:820px) — fixed bottom, z-index:60, blur bg, 84px body pad
 * Hidden by default; shown ≤820px. Hidden on the Apply for Coaching page.
 */

/* ── Base: hidden on desktop ────────────────────────────────────── */
.bbwab-mobile-sticky-cta {
	display: none;
}

/* ── Shown on mobile / narrow tablet ───────────────────────────── */
@media (max-width: 820px) {
	.bbwab-mobile-sticky-cta {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 60;
		padding: 12px 16px;
		padding-bottom: calc(12px + env(safe-area-inset-bottom));
		background: rgba(2, 1, 34, 0.92);
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		border-top: 1px solid var(--bbwab-color-border);
	}

	.bbwab-mobile-sticky-cta a {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: var(--bbwab-space-xs);
		width: 100%;
		padding: 15px 24px;
		background: var(--bbwab-color-primary);
		color: var(--bbwab-color-text);
		font-family: var(--bbwab-font-body);
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		text-decoration: none;
		border-radius: 999px;
		border: none;
		cursor: pointer;
		transition: background var(--bbwab-transition-fast), transform var(--bbwab-transition-fast);
		box-shadow: 0 8px 28px rgba(233, 79, 55, 0.28);
		min-height: 52px;
	}

	.bbwab-mobile-sticky-cta a:hover {
		background: var(--bbwab-color-primary-hover);
		transform: translateY(-1px);
	}

	.bbwab-mobile-sticky-cta a:focus-visible {
		outline: 3px solid var(--bbwab-color-accent);
		outline-offset: 3px;
	}

	/* Page body padding so the CTA does not conceal final content */
	body:not(.page-id-12) {
		padding-bottom: 84px;
	}
}

/* ── Hidden on Apply for Coaching (page ID 12) ──────────────────── */
/* The page is already the destination — no need to prompt application there */
.page-id-12 .bbwab-mobile-sticky-cta {
	display: none !important;
}

/* ── Does not interfere with open mobile nav ────────────────────── */
/* Elementor's mobile dropdown is z-index ~999; sticky CTA is z-index:60 — no conflict */