/* /css/page_listing.css */

/* 가격 필터: 기존 실면적 필터와 같은 형태 */
#boxMapSearch .map-filter-price{
	position:relative;
	min-width:0;
}

#boxMapSearch .map-filter-price-btn{
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
	min-height:2.8rem;
	padding:0 2.2rem 0 .9rem;
	border:1px solid #ddd;
	border-radius:.5rem;
	background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 10'%3E%3Cpath fill='%23333' d='M7 10 0 0h14z'/%3E%3C/svg%3E") no-repeat right .85rem center;
	background-size:.65rem auto;
	color:#333;
	font-size:.95rem;
	white-space:nowrap;
	text-align:left;
	cursor:pointer;
	overflow:hidden;
}

#boxMapSearch .map-filter-price-btn .price-text{
	overflow:hidden;
	text-overflow:ellipsis;
}

#boxMapSearch .map-filter-price.is-disabled .map-filter-price-btn,
#boxMapSearch .map-filter-price-btn:disabled{
	border-color:#e5e7eb;
	background-color:#f3f4f6;
	color:#aaa;
	cursor:not-allowed;
	opacity:.75;
}

#boxMapSearch .map-filter-price.is-active .map-filter-price-btn{
	border-color:var(--color-primary);
	color:var(--color-primary);
	font-weight:600;
}

#boxMapSearch .map-filter-price-layer{
	display:none;
	position:absolute;
	left:0;
	top:calc(100% + .5rem);
	z-index:3100;
	width:360px;
	padding:1.25rem;
	border:1px solid #ddd;
	border-radius:.75rem;
	background:#fff;
	box-shadow:0 .5rem 1.5rem rgba(0,0,0,.13);
}

#boxMapSearch .map-filter-price.is-open .map-filter-price-layer{
	display:block;
}

/*
 * 가격·실면적 레이어를 필터 스크롤 영역 밖에 띄운다.
 * JS에서 화면 좌표를 계산하므로 오른쪽 열에서도 잘리지 않는다.
 */
#boxMapSearch .map-filter-floating-layer{
	display:block !important;
	position:fixed !important;
	right:auto !important;
	bottom:auto !important;
	margin:0 !important;
	transform:none !important;
	z-index:5000 !important;
	box-sizing:border-box;
	overscroll-behavior:contain;
	padding:.9rem !important;
	border-radius:.6rem !important;
}

#boxMapSearch .map-filter-price-head{
	margin-bottom:.9rem;
	font-size:.95rem;
}

#boxMapSearch .map-filter-price-head strong,
#boxMapSearch .map-filter-price-title{
	font-weight:700;
}

#boxMapSearch .map-filter-price-group+.map-filter-price-group{
	margin-top:1.2rem;
	padding-top:1rem;
	border-top:1px solid #eee;
}

#boxMapSearch .map-filter-price-title{
	margin-bottom:.65rem;
	color:#333;
	font-size:.85rem;
}

#boxMapSearch .map-filter-price-title .range-summary{
	margin-left:.35rem;
	color:var(--color-primary);
	font-weight:600;
}

#boxMapSearch .map-filter-price-range{
	position:relative;
	height:28px;
}

#boxMapSearch .map-filter-price-bar,
#boxMapSearch .map-filter-price-selected{
	position:absolute;
	top:50%;
	height:5px;
	border-radius:999px;
	transform:translateY(-50%);
}

#boxMapSearch .map-filter-price-bar{
	left:0;
	z-index:1;
	width:100%;
	background:#ddd;
}

#boxMapSearch .map-filter-price-selected{
	left:0;
	z-index:2;
	background:var(--color-primary);
}

#boxMapSearch .map-filter-price-range input[type="range"]{
	position:absolute;
	left:0;
	top:50%;
	z-index:3;
	width:100%;
	height:28px;
	margin:0;
	transform:translateY(-50%);
	-webkit-appearance:none;
	appearance:none;
	background:transparent;
	pointer-events:none;
}

#boxMapSearch .map-filter-price-range input[type="range"]::-webkit-slider-runnable-track{
	height:5px;
	background:transparent;
}

#boxMapSearch .map-filter-price-range input[type="range"]::-webkit-slider-thumb{
	width:18px;
	height:18px;
	margin-top:-6.5px;
	border:2px solid var(--color-primary);
	border-radius:50%;
	-webkit-appearance:none;
	appearance:none;
	background:#fff;
	box-shadow:0 2px 6px rgba(0,0,0,.12);
	cursor:pointer;
	pointer-events:auto;
}

#boxMapSearch .map-filter-price-range input[type="range"]::-moz-range-track{
	height:5px;
	background:transparent;
}

#boxMapSearch .map-filter-price-range input[type="range"]::-moz-range-thumb{
	width:16px;
	height:16px;
	border:2px solid var(--color-primary);
	border-radius:50%;
	background:#fff;
	cursor:pointer;
	pointer-events:auto;
}

#boxMapSearch .map-filter-area-layer.map-filter-floating-layer .map-filter-area-head{
	margin-bottom:.7rem;
	font-size:.9rem;
}

#boxMapSearch .map-filter-area-layer.map-filter-floating-layer .map-filter-area-value{
	margin-bottom:.5rem;
	font-size:.82rem;
}

#boxMapSearch .map-filter-area-layer.map-filter-floating-layer .map-filter-area-range{
	height:28px;
}

#boxMapSearch .map-filter-area-layer.map-filter-floating-layer .map-filter-area-range input[type="range"]{
	height:28px;
}

#boxMapSearch .map-filter-area-layer.map-filter-floating-layer .map-filter-area-range input[type="range"]::-webkit-slider-thumb{
	width:18px;
	height:18px;
	margin-top:-7px;
}

#boxMapSearch .map-filter-area-layer.map-filter-floating-layer .map-filter-area-range input[type="range"]::-moz-range-thumb{
	width:16px;
	height:16px;
}