/* Box */
.store-filter-box
{
	margin-bottom: 15px;
	font-size: .9em;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .1);
}

/* Button */
#wrapper .store-filter-box-btn
{
	display: flex;
	font-size: 1em;
	color: #444;
	background-color: #fff;
	border-radius: 5px;
}

#wrapper .store-filter-box-btn:hover
{
	color: #000;
	background-color: #fff;
}

#wrapper .store-filter-box-btn span
{
	color: var(--theme-color);
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#wrapper .store-filter-box-btn:hover span { color: var(--theme-light-color); }

/* Title */
#wrapper .store-filter-box-title
{
	width: auto;
	width: calc(100% - 110px);
	height: 50px;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
	line-height: 50px;
}

.store-filter-box-title span { width: 15px; }
.store-filter-box-title span ~ div { width: calc(100% - 20px); }

/* Icon */
#wrapper .store-filter-box-btn-icon
{
	width: auto;
	padding: 0 8px;
	line-height: 36px;
	color: #444;
	background-color: #eee;
	border-radius: 18px;
}

#wrapper .store-filter-box-btn:hover .store-filter-box-btn-icon
{
	color: #000;
	background-color: #f2f2f2;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#wrapper .store-filter-box-btn-icon span
{
	width: 20px;
	margin: 0;
	font-size: 1.3em;
	line-height: 36px;
	text-align: center;
	color: #444;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#wrapper .store-filter-box-btn:hover .store-filter-box-btn-icon span { color: #000; }
#wrapper .store-filter-box.close .store-filter-box-btn-icon .store-icon-bottom:before { content: "\e90e"; }
#wrapper .store-filter-box-btn-icon span ~ div { width: auto; }
[dir="rtl"] #wrapper .store-filter-box-btn-icon span ~ div { margin-right: 5px; }
[dir="ltr"] #wrapper .store-filter-box-btn-icon span ~ div { margin-left: 5px; }

/* Content */
#wrapper .store-filter-box-content
{
	visibility: visible;
	opacity: 1;
	height: auto;
	min-height: 0;
	padding: 10px;
}

#wrapper .store-filter-box.close .store-filter-box-content
{
	visibility: hidden;
	opacity: 0;
	height: 0;
	padding: 0;
}

/* Tag */
#wrapper .store-filter-tag
{
	display: flex;
	width: auto;
	margin-bottom: 3px;
	font-size: .8em;
	line-height: 24px;
	color: #444;
	background-color: #eee;
	border-radius: 12px;
}

[dir="rtl"] #wrapper .store-filter-tag { margin-left: 3px; }
[dir="ltr"] #wrapper .store-filter-tag { margin-right: 3px; }
[dir="rtl"] #wrapper .store-filter-tag:last-child { margin-left: 0; }
[dir="ltr"] #wrapper .store-filter-tag:last-child { margin-right: 0; }

[dir="rtl"] #wrapper .store-filter-tag span
{
	float: left;
	margin-right: 5px;
	margin-left: auto;
}

[dir="ltr"] #wrapper .store-filter-tag span
{
	float: right;
	margin-right: auto;
	margin-left: 5px;
}

@media (max-width: 47.9375em) { .store-filter-box:last-child { margin-bottom: 90px; } }
@media (min-width: 48em) { .store-filter-box:last-child { margin-bottom: 0; } }