
:root {
	--market-blue: #1a73e8;
	--market-blue-dark: #1557b0;
	--market-blue-soft: #e8f0fe;
	--market-text: #202124;
	--market-muted: #5f6368;
	--market-border: #e0e3e7;
	--market-shadow-md: 0 16px 42px rgba(60, 64, 67, .16);
}

body.tpl-public-listings {
	padding-bottom: 116px !important;
}

.marketplace-global-dock {
	position: fixed !important;
	left: 50% !important;
	right: auto !important;
	bottom: 16px !important;
	z-index: 99999 !important;
	width: min(820px, calc(100vw - 32px)) !important;
	display: grid !important;
	visibility: visible !important;
	opacity: 1 !important;
	grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
	transform: translateX(-50%) !important;
	padding: 10px 14px max(10px, env(safe-area-inset-bottom)) !important;
	border: 1px solid rgba(224, 227, 231, .96) !important;
	border-radius: 24px !important;
	background: rgba(255, 255, 255, .97) !important;
	box-shadow: 0 18px 52px rgba(60, 64, 67, .20) !important;
	backdrop-filter: saturate(180%) blur(20px);
}

.marketplace-global-dock.d-none,
.marketplace-global-dock.d-sm-none,
.marketplace-global-dock.d-md-none,
.marketplace-global-dock.d-lg-none,
.marketplace-global-dock.d-xl-none {
	display: grid !important;
}

.marketplace-dock-item {
	min-height: 64px;
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 7px 10px;
	border-radius: 15px;
	color: var(--market-muted);
	font-size: .84rem;
	font-weight: 800;
	line-height: 1.2;
	text-decoration: none !important;
	transition: background .18s ease, color .18s ease, transform .18s ease;
}

.marketplace-dock-item:hover,
.marketplace-dock-item:focus,
.marketplace-dock-item.is-active {
	background: var(--market-blue-soft);
	color: var(--market-blue);
	transform: translateY(-2px);
}

.marketplace-dock-item > i {
	font-size: 1.75rem;
}

.marketplace-dock-add {
	color: var(--market-blue);
}

.marketplace-dock-add-icon {
	width: 56px;
	height: 56px;
	display: grid;
	place-items: center;
	margin-top: -34px;
	margin-bottom: 1px;
	border: 4px solid #fff;
	border-radius: 50%;
	background: var(--market-blue);
	color: #fff;
	font-size: 1.8rem;
	box-shadow: var(--market-shadow-md);
}

.marketplace-dock-add:hover .marketplace-dock-add-icon {
	background: var(--market-blue-dark);
}

body.tpl-public-listings > footer,
body.tpl-public-listings > .site-footer {
	padding-bottom: 116px !important;
}

@media (max-width: 991.98px) {
	body.tpl-public-listings {
		padding-bottom: 104px !important;
	}

	.marketplace-global-dock {
		bottom: 8px !important;
		width: calc(100vw - 18px) !important;
		padding: 8px 8px max(8px, env(safe-area-inset-bottom)) !important;
		border-radius: 20px !important;
	}

	.marketplace-dock-item {
		min-height: 58px;
	}
}

@media (max-width: 575.98px) {
	body.tpl-public-listings {
		padding-bottom: 84px !important;
	}

	.marketplace-global-dock {
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		transform: none !important;
		padding: 7px 5px max(7px, env(safe-area-inset-bottom)) !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		border-left: 0 !important;
		border-radius: 0 !important;
		box-shadow: 0 -9px 30px rgba(60, 64, 67, .14) !important;
	}

	.marketplace-dock-item {
		min-height: 56px;
		padding: 4px 2px;
		font-size: .7rem;
	}

	.marketplace-dock-item > i {
		font-size: 1.5rem;
	}

	.marketplace-dock-add-icon {
		width: 50px;
		height: 50px;
		margin-top: -26px;
		border-width: 3px;
		font-size: 1.65rem;
	}

	body.tpl-public-listings > footer,
	body.tpl-public-listings > .site-footer {
		padding-bottom: 90px !important;
	}
}
