/**
 * GIS Mobile CTA — styles
 * Mobile: sticky 3-button bottom bar
 * Desktop: Medicare Help link (injected near header) + slim fallback strip
 */

/* --------------------------------------------------------------------------
   CSS custom properties
   -------------------------------------------------------------------------- */
:root {
	--gis-mcta-bar-height: 56px;
	--gis-mcta-whatsapp: #25d366;
	--gis-mcta-call-bg: #1a1a2e;
	--gis-mcta-quote-bg: #d6246e;
	--gis-mcta-brand: #d6246e;
	--gis-mcta-safe-bottom: env(safe-area-inset-bottom, 0px);
}

/* --------------------------------------------------------------------------
   Mobile sticky bar (max-width 768px)
   -------------------------------------------------------------------------- */
.gis-mcta-bar {
	display: none;
}

@media (max-width: 768px) {
	.gis-mcta-bar {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 99999;
		height: var(--gis-mcta-bar-height);
		padding-bottom: var(--gis-mcta-safe-bottom);
		box-sizing: content-box;
		background: #111;
		box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.25);
		font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	}

	.gis-mcta-btn {
		flex: 1 1 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 2px;
		min-width: 0;
		padding: 6px 4px;
		text-decoration: none !important;
		color: #fff !important;
		font-size: 11px;
		font-weight: 600;
		line-height: 1.2;
		letter-spacing: 0.01em;
		text-align: center;
		border: none;
		border-right: 1px solid rgba(255, 255, 255, 0.15);
		transition: filter 0.15s ease, opacity 0.15s ease;
		-webkit-tap-highlight-color: transparent;
	}

	.gis-mcta-btn:last-child {
		border-right: none;
	}

	.gis-mcta-btn:hover,
	.gis-mcta-btn:focus {
		filter: brightness(1.08);
		outline: none;
		color: #fff !important;
		text-decoration: none !important;
	}

	.gis-mcta-btn:focus-visible {
		outline: 2px solid #fff;
		outline-offset: -3px;
	}

	.gis-mcta-btn:active {
		filter: brightness(0.92);
	}

	.gis-mcta-icon {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}

	.gis-mcta-icon svg {
		display: block;
	}

	.gis-mcta-label {
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
	}

	.gis-mcta-whatsapp {
		background-color: var(--gis-mcta-whatsapp);
	}

	.gis-mcta-call {
		background-color: var(--gis-mcta-call-bg);
	}

	.gis-mcta-quote {
		background-color: var(--gis-mcta-quote-bg);
	}

	/* Push page content / footer above the sticky bar */
	body.gis-mcta-has-bar {
		padding-bottom: calc(var(--gis-mcta-bar-height) + var(--gis-mcta-safe-bottom)) !important;
	}

	/* Keep ACA quote forms and Elementor footers clear of the bar */
	body.gis-mcta-has-bar .gis-aca-quote,
	body.gis-mcta-has-bar .elementor-location-footer,
	body.gis-mcta-has-bar .elementor-location-footer .elementor-section,
	body.gis-mcta-has-bar footer,
	body.gis-mcta-has-bar .site-footer {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	/* Extra breathing room at the bottom of common footer wrappers */
	body.gis-mcta-has-bar .elementor-location-footer {
		padding-bottom: calc(var(--gis-mcta-bar-height) + var(--gis-mcta-safe-bottom) + 8px) !important;
	}

	/* Hide desktop Medicare sources on mobile */
	.gis-mcta-medicare-source,
	.gis-mcta-medicare-strip,
	.gis-mcta-medicare--placed {
		display: none !important;
	}
}

/* --------------------------------------------------------------------------
   Desktop: no Medicare Help injection (use main menu Medicare item)
   -------------------------------------------------------------------------- */
@media (min-width: 769px) {
	.gis-mcta-bar {
		display: none !important;
	}

	.gis-mcta-medicare-source,
	.gis-mcta-medicare-strip,
	.gis-mcta-medicare--placed,
	.gis-mcta-medicare {
		display: none !important;
	}
}