/* Universal expandable shop filters. */
.merto-filter-list--processed .merto-filter-item--hidden {
	display: none !important;
}

.merto-filter-list--processed.is-expanded .merto-filter-item--hidden {
	display: flex !important;
}

.merto-filter-toggle {
	appearance: none;
	background: transparent;
	border: 0;
	border-bottom: 1px solid currentColor;
	border-radius: 0;
	color: inherit;
	cursor: pointer;
	font: inherit;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.4;
	margin-top: 10px;
	padding: 0 0 2px;
}

.merto-filter-toggle:hover,
.merto-filter-toggle:focus-visible {
	opacity: .72;
}

/* Mobile bottom navigation. */
.merto-mobile-bottom-nav {
	display: none;
}

@media (max-width: 767px) {
	body {
		padding-bottom: calc(72px + env(safe-area-inset-bottom));
	}

	.merto-mobile-bottom-nav {
		align-items: stretch;
		background: #fff;
		border-top: 1px solid rgba(0, 0, 0, .1);
		bottom: 0;
		display: grid;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		left: 0;
		padding-bottom: env(safe-area-inset-bottom);
		position: fixed;
		right: 0;
		z-index: 9998;
		box-shadow: 0 -6px 20px rgba(0, 0, 0, .08);
	}

	.merto-mobile-bottom-nav__item {
		align-items: center;
		color: #666;
		display: flex;
		flex-direction: column;
		font-size: 10px;
		font-weight: 600;
		gap: 4px;
		justify-content: center;
		min-height: 64px;
		padding: 7px 2px 5px;
		position: relative;
		text-decoration: none;
	}

	.merto-mobile-bottom-nav__item.is-active,
	.merto-mobile-bottom-nav__item:hover,
	.merto-mobile-bottom-nav__item:focus-visible {
		color: var(--ts-primary-color, #111);
	}

	.merto-mobile-bottom-nav__icon {
		display: block;
		height: 23px;
		line-height: 0;
		width: 23px;
	}

	.merto-mobile-bottom-nav__icon svg {
		fill: currentColor;
		height: 100%;
		width: 100%;
	}

	.merto-mobile-bottom-nav__count {
		align-items: center;
		background: #111;
		border: 2px solid #fff;
		border-radius: 999px;
		color: #fff;
		display: flex;
		font-size: 9px;
		font-weight: 700;
		height: 18px;
		justify-content: center;
		line-height: 1;
		min-width: 18px;
		padding: 0 4px;
		position: absolute;
		right: calc(50% - 22px);
		top: 4px;
	}

	/* Keep cookie/chat widgets from covering the navigation when possible. */
	.woocommerce-store-notice {
		bottom: calc(72px + env(safe-area-inset-bottom));
	}
}