.minimog-store-list {
	.store-wrapper {
		padding: 0 0 20px;
	}

	.store-banner-bg {
		background-position: center;
		background-size: cover;

		&:before {
			display: block;
			content: '';
			width: 100%;
			padding-top: 65%;
		}
	}

	.store-main-info {
		display: flex;
		align-items: center;
	}

	.dokan-seller-rating {
		margin: 15px 0 10px;
		line-height: 1.6;

		i {
			color: #F7BD06;
			width: 18px;
			height: 18px;
			font-size: 18px;
		}
	}

	.store-header {
		position: relative;
		margin: 0 0 25px;
	}

	.store-name {
		flex-grow: 1;
		font-size: 20px;
		margin: 0;
	}

	.seller-avatar {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		overflow: hidden;
		margin: 0 9px 0 0;
		flex-shrink: 0;

		img {
			border-radius: 50%;
		}
	}

	.store-badges {
		position: absolute;
		top: 20px;
		left: 20px;
		z-index: 2;
		display: flex;
		flex-direction: column;
		align-items: flex-start;

		> div {
			position: relative;
			top: 0;
			left: 0;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			vertical-align: top;
			margin: 0 0 5px;
			color: #fff;
			background: #000;
			border-radius: 11px;
			padding: 5px 10px;
			min-width: 52px;

			> span {
				display: block;
				font-size: 14px;
				font-weight: $body-font-weight-semi-bold;
				text-transform: uppercase;
				line-height: 16px;
			}

			br {
				display: none;
			}

			&.has-icon {
				padding: 5px 10px 5px 23px;
			}

			&:before {
				@extend %FontAwesomeSolid;
				position: absolute;
				top: 8px;
				left: 10px;
				font-size: 12px;
			}
		}

		.hot {
			background: #f8796e;
		}

		.is-opening {
			background: #1dbf73;
		}

		.is-closed {
			background: #000;
		}
	}

	.store-address {
		margin: 12px 0 0;
	}

	.store-phone {
		margin: 1px 0 0;
	}

	.store-email {
		a {
			color: $text-color;

			&:hover {
				color: $heading-color;
			}
		}
	}
}

#dokan-store-listing-filter-wrap {
	--item-gutter: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 calc(-1 * var(--item-gutter)) 40px;

	.item {
		position: relative;
		padding: 0 var(--item-gutter);
	}

	.right {
		display: flex;
		align-items: center;
	}
}

#dokan-store-listing-filter-form-wrap {
	background: #fff;
	padding: 25px 20px;
	box-shadow: 1px 1px 20px 0 #e9e9e9;
	position: relative;
	margin: 30px 0;

	div {
		margin: 0;
		padding: 0;
	}

	.store-search-input {
		width: 100%;
	}

	.apply-filter {
		display: flex;
		justify-content: flex-end;
		margin-top: 20px;
	}

	#cancel-filter-btn {
		--minimog-color-button-text: #{$heading-color};
		--minimog-color-button-background: rgba(0, 0, 0, 0);
		--minimog-color-button-border: #{$heading-color};
		margin-right: 20px;
		display: none;
	}
}
