/*!
 * com_manicontact – sticky contact bar (phones) / floating buttons (desktop, optional)
 */
.mc-bar {
	--mc-bar-bg: var(--mc-btn-bg, #0b1b3a);
	--mc-bar-fg: var(--mc-btn-fg, #fff);
	--mc-wa: #1fa855;
	position: fixed;
	z-index: 9990;
	inset-inline: 0;
	inset-block-end: 0;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	gap: 1px;
	padding-block-end: env(safe-area-inset-bottom, 0);
	background: rgba(255, 255, 255, .2);
	box-shadow: 0 -6px 24px rgba(15, 23, 42, .18);
	font-size: 14px;
	line-height: 1.2;
}

.mc-bar__btn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-block-size: 58px;
	padding: 8px 4px;
	background: var(--mc-bar-bg);
	color: var(--mc-bar-fg) !important;
	text-decoration: none !important;
	font-weight: 600;
}

.mc-bar__btn .mc-icon { inline-size: 22px; block-size: 22px; font-size: 20px; line-height: 1; }
.mc-bar__btn--whatsapp { background: var(--mc-wa); }
.mc-bar__btn:active { filter: brightness(.9); }
.mc-bar__btn:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }

/* Keep page content above the bar on phones */
@media (max-width: 767.98px) {
	body:has(> .mc-bar) { padding-block-end: calc(58px + env(safe-area-inset-bottom, 0px)); }
}

/* Phones only */
@media (min-width: 768px) {
	.mc-bar--mobile { display: none; }

	/* Desktop: small floating group in the bottom corner */
	.mc-bar--all {
		inset-inline: auto 20px;
		inset-block-end: 20px;
		grid-auto-flow: row;
		grid-auto-columns: auto;
		gap: 10px;
		padding: 0;
		background: none;
		box-shadow: none;
	}

	.mc-bar--all .mc-bar__btn {
		flex-direction: row;
		gap: 8px;
		min-block-size: 48px;
		padding: 10px 18px;
		border-radius: 999px;
		box-shadow: 0 8px 24px rgba(15, 23, 42, .22);
		transition: transform .15s ease;
	}

	.mc-bar--all .mc-bar__btn:hover { transform: translateY(-2px); }
}

@media print {
	.mc-bar { display: none !important; }
}