/* Kreativa Gigs — app-style bottom navigation on phones. */
.kreativa-tabbar { display: none; }

@media (max-width: 781px) {
	body.has-kreativa-tabbar { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }

	.kreativa-tabbar {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 60;
		display: flex;
		height: calc(62px + env(safe-area-inset-bottom));
		padding-bottom: env(safe-area-inset-bottom);
		box-sizing: border-box;
		background: var(--wp--preset--color--surface, #fff);
		border-top: 1px solid var(--wp--preset--color--border, #e7e2da);
		box-shadow: 0 -8px 24px rgb(0 0 0 / 0.06);
	}
	.kreativa-tabbar__item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 3px;
		min-width: 0;
		color: var(--wp--preset--color--muted, #6b6b76) !important;
		font-size: 11px;
		font-weight: 600;
		line-height: 1;
		text-decoration: none !important;
		-webkit-tap-highlight-color: transparent;
	}
	.kreativa-tabbar__item.is-active { color: var(--wp--preset--color--primary, #5b3df5) !important; }
	.kreativa-tabbar__item.is-active svg { stroke-width: 2.3; }
	.kreativa-tabbar__item:active .kreativa-tabbar__icon { transform: scale(0.92); }
	.kreativa-tabbar__icon { position: relative; display: inline-flex; transition: transform 0.1s; }
	.kreativa-tabbar__label { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.kreativa-tabbar .kreativa-badge-count { top: -7px; right: -11px; }
	.kreativa-tabbar .kreativa-badge-dot { top: -2px; right: -3px; }

	/* Messages and the account live in the bar now, so the header keeps search, mode, cart, menu. */
	.has-kreativa-tabbar .kreativa-header :is(.kreativa-inbox-icon, .kreativa-account-wrap, .wp-block-woocommerce-customer-account) { display: none !important; }

	/* An open chat uses the whole screen, like the app. */
	body.kreativa-chat-open { padding-bottom: 0; }
	body.kreativa-chat-open .kreativa-tabbar { display: none; }
}