/* FI Action Bar - floating scroll-triggered bar */

.fi-action-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #171919;
	opacity: 0;
	pointer-events: none;
	transform: translateY(100%);
	transition: opacity 0.2s ease-in, transform 0.25s ease-out;
}

.fi-action-bar.is-visible {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}

.fi-action-bar__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 16px 24px;
	max-width: 100%;
	box-sizing: border-box;
}

.fi-action-bar__headline {
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	margin: 0;
	line-height: 1.2;
	text-align: right;
}

.fi-action-bar__buttons {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: nowrap;
}

.fi-action-bar__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	gap: 8px;
	height: 48px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	padding: 0 22px;
	border-radius: 999px;
	text-decoration: none !important;
	border: 1px solid transparent;
	box-shadow: none !important;
	outline: none !important;
	transform: none !important;
	cursor: pointer;
	white-space: nowrap;
}

.fi-action-bar__btn:focus,
.fi-action-bar__btn:hover,
.fi-action-bar__btn:active {
	text-decoration: none !important;
	box-shadow: none !important;
	outline: none !important;
	transform: none !important;
}

.fi-action-bar__btn--primary {
	background-color: #9bff3a;
	color: #000000;
}

.fi-action-bar__btn--primary:hover,
.fi-action-bar__btn--primary:focus {
	background-color: #9bff3a;
	color: #000000;
}

.fi-action-bar__btn--whatsapp {
	background-color: #ffffff;
	color: #000000;
	border-color: #cccccc;
	font-family: Arial, sans-serif;
	font-weight: 400;
}

.fi-action-bar__btn--whatsapp:hover,
.fi-action-bar__btn--whatsapp:focus {
	background-color: #ffffff;
	color: #000000;
}

.fi-action-bar__btn--whatsapp svg,
.fi-action-bar__btn--call svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
	flex-shrink: 0;
}

.fi-action-bar__btn--call {
	background-color: #ffffff;
	color: #000000;
	border-color: #cccccc;
}

.fi-action-bar__btn--icon-only {
	width: 48px;
	padding: 0;
}

.fi-action-bar__mobile-only { display: none; }
.fi-action-bar__desktop-only { display: inline-flex; }
.fi-action-bar__all-viewports { display: inline-flex; }

@media (max-width: 768px) {
	.fi-action-bar__inner {
		padding: 12px 14px;
		gap: 10px;
	}

	.fi-action-bar__headline { display: none; }

	.fi-action-bar__mobile-only { display: inline-flex; }
	.fi-action-bar__desktop-only { display: none; }

	.fi-action-bar__buttons {
		gap: 10px;
		width: 100%;
		justify-content: center;
		align-items: center;
	}

	.fi-action-bar__btn {
		flex: 1 1 auto;
		max-width: 260px;
		font-size: 15px;
		padding: 0 18px;
	}

	.fi-action-bar__btn--icon-only {
		flex: 0 0 auto;
		width: 48px;
		max-width: 48px;
	}
}