/* 최근 검색어 스타일 */
.wepick-recent-searches-widget {
    padding: 10px 0px 10px 10px;
}
.wepick-recent-searches-widget h4 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.wepick-recent-searches-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* iOS 스크롤 부드럽게 */
    scrollbar-width: thin; /* Firefox용 */
    padding-bottom: 10px; /* 스크롤바 공간 확보 */
}
/* 스크롤바 스타일링 */
.wepick-recent-searches-list::-webkit-scrollbar {
    height: 6px;
}
.wepick-recent-searches-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}
.wepick-recent-searches-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}
.wepick-recent-searches-list::-webkit-scrollbar-thumb:hover {
    background: #999;
}
.wepick-recent-searches-list li {
    display: inline-block;
    flex: 0 0 auto;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative; /* 여전히 relative 유지 */
    white-space: nowrap;
}

.wepick-recent-searches-list li a.wepick-search-term {
    display: inline-block;
    padding: 5px 25px 5px 10px;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    border-radius: 16px;
    border: 1px solid #000;
}

.wepick-recent-searches-list li .wepick-remove-search {
    position: absolute; /* 절대 위치 유지 */
    right: 7px;
    top: 50%; /* 중앙 정렬을 위해 수정 */
    transform: translateY(-50%); /* 중앙 정렬 */
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    cursor: pointer;
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.wepick-clear-searches {
    text-align: right;
    padding-right: 10px;
}
.wepick-clear-searches-btn {
    font-size: 12px;
    color: #999;
    text-decoration: none;
}
.wepick-clear-searches-btn:hover {
    color: #666;
    text-decoration: underline;
}

/* 인기 검색어 스타일 */
.wepick-popular-searches-widget h4 {
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.wepick-popular-searches-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.wepick-popular-searches-list li {
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 16px;
}
.wepick-popular-searches-list li:last-child {
    border-bottom: none;
}
.wepick-popular-searches-list .wepick-rank {
    display: inline-block;
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    line-height: 100%; /* 14px */
}
/*
.wepick-popular-searches-list li:nth-child(1) .wepick-rank {
    background: #FF5722;
}
.wepick-popular-searches-list li:nth-child(2) .wepick-rank {
    background: #FF9800;
}
.wepick-popular-searches-list li:nth-child(3) .wepick-rank {
    background: #FFC107;
}
*/
.wepick-popular-searches-list a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.wepick-popular-searches-list a:hover {
    text-decoration: underline;
}
.wepick-popular-searches-list .wepick-count {
    color: #888;
    font-size: 12px;
    margin-left: 5px;
}
.wepick-update-time {
    font-size: 11px;
    color: #999;
    text-align: right;
    margin-top: 10px;
}

/* 250325 LJH */
#wepick-header-search .elementor-widget-container{
	border-radius: 12px;
}

/*250617 필터css*/

.custom-filter-display{
	min-width: 0 !important;
}

.filter-popup{
  	max-width: 540px !important;
	min-height: 640px;
	position: relative;
}

.popup-header .popup-close{
	background-color: #fff;
	color: #222;
	font-size: 28px;
	font-weight: 300;
}


.popup-header .popup-close:hover{
	background-color: #fff;
	color: #222;
}

.filter-section .options-grid{
	display: flex;
	flex-wrap: wrap;
}

.filter-section .options-grid .grid-option{
	font-size: 14px;
	font-weight: 500;
}

.accordion-header span{
	font-size: 16px;
	font-weight: 600;
}

.accordion-header:hover{
	color: #1F1F22 !important;
}

.popup-buttons{
	position: absolute;
	bottom: 0;
	width: 100%;
}

.popup-btn.reset-btn{
	width: 100px;
	background-color: #eceef2;
	color: #747880;
	border: none;
	border-radius: 6px;
	height: 52px;
	padding 10px;
}

.popup-btn.reset-btn:hover{
	background-color: #C1C8D6;
}

.popup-btn.apply-btn{
	width: 100%;
	border-radius: 6px;
	background-color: #1F1F22;
	height: 52px;
	border: none;
}

.popup-btn.apply-btn:hover{
	background-color: #44464B;
}

@media (max-width: 768px) {
	.filter-popup{
		height: 94vh;
		max-height: 100vh !important;
		border-radius: 0px !important;
		margin: 0 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		position: absolute;
		bottom: 0;
	}
	.popup-buttons{
		padding: 20px 24px 36px 24px !important;
	}
}

/*마이-계정정보-카카오연동*/
.my-info-kakao .ui.mfs_form {
	margin: 0;
}

.my-info-kakao .elementor-widget-container{
	margin-top: -30px;
}

.my-info-kakao .elementor-widget-container .msm-social{
	height: auto;
	display: flex;
	gap: 8px;
	padding: 8px 12px;
	border-radius: 6px;
	background-color: #eef3ff;
	margin-bottom: 0;
}

.my-info-kakao .elementor-widget-container .msm-social label{
	line-height: 40px;
	font-size: 15px;
	font-weight: 500;
	color: #1f1f22;
}

.my-info-kakao .elementor-widget-container .msm-social img{
	width: 30px;
	height: 30px;
	align-self: center;
}

.my-info-kakao .elementor-widget-container .msm-social a{
	height: 42px;
	line-height: 21px;
	font-size: 14px;
	align-self: center;
	border-radius: 4px;
	background: none !important;
	position: absolute;
	right: 12px;
	font-weight: 500;
	color: #74787D;
}

.my-info-kakao .elementor-widget-container .msm-social span{
	line-height: 40px;
	font-size: 13px;
	color: #747880;
}

.we-policy-switch-slider{
	background-color: #9AA0AB;
}

.we-policy-switch-on .we-policy-switch-slider{
	background-color: #5189FB !important;
	
}


/*헤더-검색창-팝업*/
.wepick-search-item{
	padding: 16px 8px !important;
}

.wepick-search-thumbnail img{
	border: 1px solid #eaeaea;
	border-radius: 6px;
}

.wepick-search-info h4{
	background: none !important;
}

/*관심브랜드*/

.fran-like-brand .wishlist-tabs{
	height: 52px;
}

.fran-like-brand .wishlist-items .item-thumbnail{
	border: 1px solid #eceef2;
}

.wishlist-tabs .tab-button:focus{
	background-color: #fff !important;
	color: #1f1f22 !important;
}

.wishlist-tabs .tab-button:hover{
	background-color: #fff; !important;
	color: #1f1f22 !important;
}

.fran-like-brand .elementor-shortcode #bulk-inquiry-btn:hover{
	background-color: #416EC9 !important;
}

.fran-like-brand .elementor-shortcode #bulk-inquiry-btn span{
	background: none !important;
}

.fran-like-brand .popup-overlay.active .popup-container{
	height: 95vh;
}

.fran-like-brand .popup-overlay.active form .agreement-section{
	padding: 0 0 20px;
}

.fran-like-brand .popup-overlay.active form .form-actions{
	padding: 20px 0 30px 0;
	position: absolute;
	bottom: 0;
	width: 92%;
}

.fran-like-brand .completed-list{
	border: none;
}

@media (max-width: 768px){
	#my-wishlist-container{
		padding: 0 0 80px !important;
	}
}