/**
 * Product Search — header bar (blue), autocomplete dropdown, results page.
 * Reuses .pf-products / .pf-card / .pf-pagination from product-filter.css.
 */

.pfs-box{
	--pfs-blue:#2740c9;
	--pfs-yellow:#ffd60a;
	--pfs-input:#f1f2f4;
	box-sizing:border-box;
	background:var(--pfs-blue);
	padding:12px;
	border-radius:10px;
}
.pfs-box *,.pfs-box *::before,.pfs-box *::after{box-sizing:border-box;}

.pfs-field{
	position:relative;
	display:flex;
	/* gap:8px; */
	align-items:stretch;
}
.pfs-input{
	flex:1 1 auto;
	min-width:0;
	background:var(--pfs-input);
	border: none !important;
	border-radius: 0 !important;
	padding:14px 18px;
	font-size:16px;
	color:#1f2937;
	outline:none;
}
.pfs-input::placeholder{color:#9aa1ad;}
.pfs-input:focus{box-shadow:0 0 0 3px rgba(255,214,10,.35);}

.pfs-btn{
	flex:0 0 auto;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:60px;
	background:var(--pfs-yellow);
	color:#1a1a1a;
	border:none;
	border-radius: 0 !important;
	cursor:pointer;
	transition:background .2s ease,transform .15s ease;
}
.pfs-btn:hover{background:#ffc400;}
.pfs-btn:active{transform:scale(.96);}

/* ---------- Autocomplete dropdown (select2-like) ---------- */
.pfs-dropdown{
	position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:9999;
	display:none;
	background:#fff;border:1px solid #e4e7ec;border-radius:12px;
	box-shadow:0 18px 40px rgba(15,23,42,.18);
	max-height:380px;overflow-y:auto;padding:6px;
}
.pfs-dropdown.is-open{display:block;}

.pfs-item{
	display:flex;align-items:center;gap:12px;
	padding:10px 12px;border-radius:8px;
	text-decoration:none;color:#1f2937;cursor:pointer;
}
.pfs-item:hover,.pfs-item.is-active{background:#f4f6ff;}
.pfs-item__thumb{
	flex:0 0 auto;width:46px;height:46px;border-radius:6px;overflow:hidden;
	background:#f3f4f6;display:flex;align-items:center;justify-content:center;
}
.pfs-item__thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.pfs-item__body{flex:1 1 auto;min-width:0;}
.pfs-item__name{
	font-size:14px;font-weight:600;line-height:1.3;
	display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pfs-item__price{font-size:13px;color:#6b7280;}
.pfs-item__price .amount{color:#111827;font-weight:600;}

.pfs-empty,.pfs-loading{
	padding:16px 14px;color:#6b7280;font-size:14px;text-align:center;
}

/* ---------- Results page ---------- */
.pfs-results{position:relative;}
.pfs-results .pf-main{margin-top:20px;}

/* On the results page the bar is clean (no blue block) */
.pfs-box--page{
	background:transparent;padding:0;max-width:640px;
}
.pfs-box--page .pfs-input{
	background:#f7f8fa;border:1px solid #e4e7ec;
}
.pfs-box--page .pfs-input:focus{border-color:var(--pfs-yellow);}

/* Loading overlay (reuses .pf-overlay/.pf-spinner from product-filter.css) */
.pfs-results.is-loading .pf-overlay{display:flex;}

@media (max-width:600px){
	.pfs-btn{width:52px;}
	.pfs-input{padding:12px 14px;font-size:15px;}
}