/* جستجوی زنده — overlay + نوار موبایل
   لود میشه روی همه صفحات سایت */

/* ===== Mobile Search Bar ===== */
#amp-mobile-searchbar{
	display:none;
}
@media(max-width:900px){
	#amp-mobile-searchbar{
		display:block;
		padding:8px 14px 10px;
		background:#fff;
		border-bottom:1px solid var(--amp-border);
	}
	#amp-mobile-searchbar .amp-msb-btn{
		-webkit-appearance:none; appearance:none;
		width:100%; display:flex; align-items:center; gap:10px;
		background:var(--amp-soft); border:1px solid var(--amp-border);
		border-radius:12px; height:44px; padding:0 14px;
		font-family:'Peyda',Tahoma,sans-serif; font-size:13px;
		color:var(--amp-muted); cursor:pointer; direction:rtl;
		text-align:right; box-shadow:none;
	}
	#amp-mobile-searchbar .amp-msb-btn svg{
		flex-shrink:0; color:var(--amp-muted);
	}
	#amp-mobile-searchbar .amp-msb-btn span{
		flex:1; text-align:right;
	}
}

/* ===== Search Overlay ===== */
.amp-pp-search-overlay{
	display:none; position:fixed; inset:0; z-index:9995;
	background:rgba(14,26,46,.35); direction:rtl;
	backdrop-filter:blur(6px);
	-webkit-backdrop-filter:blur(6px);
}
.amp-pp-search-overlay.is-open{ display:block; }

.amp-pp-search-panel{
	background:#fff; max-height:70vh; overflow-y:auto;
	border-radius:0 0 16px 16px;
	box-shadow:0 12px 40px rgba(14,26,46,.18);
	display:flex; flex-direction:column;
	/* desktop: positioned by JS */
	position:fixed;
}

/* desktop: close button مخفی، input visible */
@media(min-width:901px){
	.amp-pp-search-close{ display:none!important; }
	.amp-pp-search-bar{ border-radius:10px 10px 0 0!important; }
}

/* desktop inline: panel داخل widget container */
.amp-pp-search-panel.is-inline{
	position:absolute!important;
	top:0!important; left:0!important; right:0!important;
	width:auto!important;
	border-radius:10px!important;
	z-index:1;
	max-height:80vh;
	/* اولین child = search bar، باید هم ارتفاع ویجت باشه */
}
.amp-pp-search-panel.is-inline .amp-pp-search-bar{
	border-radius:10px 10px 0 0!important;
	min-height:46px;
}

/* mobile: full width از بالا */
@media(max-width:900px){
	.amp-pp-search-panel{
		position:static!important;
		width:100%!important; top:auto!important; left:auto!important;
		border-radius:0 0 20px 20px!important;
	}
	.amp-pp-search-overlay.is-open{ display:flex!important; flex-direction:column!important; }
}
.amp-pp-search-bar{
	display:flex; align-items:center; gap:10px; padding:14px 16px;
	border-bottom:1px solid var(--amp-border);
	position:sticky; top:0; background:#fff; z-index:1;
}
.amp-pp-search-close{
	-webkit-appearance:none!important; appearance:none!important;
	width:40px!important; height:40px!important; flex-shrink:0!important;
	display:flex!important; align-items:center!important; justify-content:center!important;
	background:var(--amp-soft)!important; border:1px solid var(--amp-border)!important;
	border-radius:12px!important; cursor:pointer!important; color:var(--amp-muted2)!important;
	transition:background .15s!important; padding:0!important;
	font-size:inherit!important; line-height:1!important; min-height:0!important;
	box-shadow:0 1px 4px rgba(14,26,46,.06)!important;
}
.amp-pp-search-close svg{ width:20px!important; height:20px!important; }
.amp-pp-search-close:hover{
	background:var(--amp-border)!important; color:var(--amp-navy2)!important;
	border-color:var(--amp-muted)!important;
}
.amp-pp-search-input-wrap{
	flex:1; display:flex; align-items:center; gap:8px;
	background:var(--amp-soft); border-radius:12px;
	padding:0 14px; height:44px;
}
.amp-pp-search-icon{ color:var(--amp-muted); flex-shrink:0; }
#amp-pp-search-input{
	flex:1; border:none; background:none;
	font-size:14px; font-family:'Peyda',Tahoma,sans-serif;
	color:var(--amp-navy2); outline:none;
	direction:rtl; text-align:right;
}
#amp-pp-search-input::placeholder{ color:var(--amp-muted); }
#amp-pp-search-input::-webkit-search-cancel-button{ display:none; }

.amp-pp-search-results{ padding:4px 0 12px; }

.amp-pp-search-section{
	font-size:11px; font-weight:700; color:var(--amp-muted);
	padding:14px 16px 6px; letter-spacing:.2px;
}
.amp-pp-search-section:first-child{ padding-top:10px; }

.amp-pp-search-item{
	display:flex; align-items:center; gap:12px; padding:12px 16px;
	text-decoration:none!important; border-bottom:1px solid var(--amp-border2);
	transition:background .12s;
}
.amp-pp-search-item:last-child{ border-bottom:none; }
.amp-pp-search-item:hover{ background:var(--amp-soft); }

.amp-pp-search-item--brand{ background:linear-gradient(90deg,rgba(201,162,39,.07),transparent 70%); }
.amp-pp-search-item--brand:hover{ background:var(--amp-soft); }
.amp-pp-search-brand-thumb{
	width:42px; height:42px; border-radius:50%; overflow:hidden; flex-shrink:0;
	background:var(--amp-soft); border:1px solid var(--amp-border);
	display:flex; align-items:center; justify-content:center; color:var(--amp-gold);
}
.amp-pp-search-brand-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.amp-pp-search-chip{
	font-size:10.5px; font-weight:700; color:var(--amp-gold);
	background:rgba(201,162,39,.12); border-radius:20px;
	padding:4px 10px; flex-shrink:0; white-space:nowrap;
}
.amp-pp-search-thumb{
	width:58px; height:58px; border-radius:10px; overflow:hidden;
	flex-shrink:0; background:var(--amp-bg);
	display:flex; align-items:center; justify-content:center;
}
.amp-pp-search-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.amp-pp-search-info{
	flex:1; min-width:0; display:flex; flex-direction:column; gap:4px;
}
.amp-pp-search-name{
	font-size:13px; font-weight:600; color:var(--amp-navy2); line-height:1.5;
	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;
}
.amp-pp-search-sku{ font-size:10.5px; color:var(--amp-muted); }
.amp-pp-search-price{
	font-size:12.5px; font-weight:700; color:var(--amp-navy2);
	direction:rtl; unicode-bidi:plaintext; display:block;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.amp-pp-search-price.is-out{ color:var(--amp-red); font-weight:600; }
.amp-pp-search-arrow{ color:var(--amp-muted); flex-shrink:0; }
.amp-pp-search-loading,
.amp-pp-search-empty{
	text-align:center; padding:36px 16px;
	color:var(--amp-muted); font-size:13px;
}
.amp-pp-search-footer{
	padding:12px 16px 16px; border-top:1px solid var(--amp-border2);
}
.amp-pp-search-all{
	display:flex; align-items:center; justify-content:center; gap:6px;
	background:var(--amp-navy2); color:#F5F1E6!important;
	text-decoration:none!important; border-radius:10px;
	height:44px; font-size:13px; font-weight:700;
	transition:background .15s;
}
.amp-pp-search-all:hover{ background:var(--amp-navy); }
.amp-pp-search-all svg{ stroke:#F5F1E6; }