/* ArjangSearch — the storefront search ("default" template of 04.11.16: categories next to the field, search inside one
   category) in the Arjang look. In the Figma nav bar it is hidden and opens below the bar from the shortcut widget. */
.ec-searchbox.ec-arjang {
	--ec-primary: #C49E31;
	--ec-primary-soft: rgba(196, 158, 49, .2);
	--ec-text: #FFEBC9;
	--ec-text-2: #FFEBC9;
	--ec-muted: rgba(255, 235, 201, .65);
	--ec-border: rgba(255, 235, 201, .28);
	--ec-line: rgba(255, 255, 255, .08);
	--ec-page: rgba(255, 255, 255, .06);
	--ec-radius: 18px;
	font-family: 'Pinar-DS1-FD', IranSite, sans-serif;
	color: var(--ec-text);
}
.ec-arjang .ec-searchbox-field { background: rgba(217, 217, 217, .12); border: 1px solid var(--ec-border); border-radius: 50px; height: 44px; }
.ec-arjang.ec-open .ec-searchbox-field { background: rgba(217, 217, 217, .16); border-radius: 50px; box-shadow: none; }
.ec-arjang .ec-searchbox-field input { color: var(--ec-text); font-family: inherit; }
.ec-arjang .ec-searchbox-field input::placeholder { color: var(--ec-muted); }
.ec-arjang .ec-searchbox-field .ec-sc-trigger { color: var(--ec-text); background: rgba(196, 158, 49, .18); border: 1px solid rgba(196, 158, 49, .55); border-radius: 50px; padding: 0 10px; font-family: inherit; }
.ec-arjang .ec-searchbox-field .ec-sc-trigger.ec-on { color: #2b0404; background: var(--ec-primary); }
/* category tree and results stay inside the panel */
.ec-arjang .ec-sc-panel { position: static; width: auto; max-width: none; margin-top: 8px; background: rgba(43, 4, 4, .55); border: 1px solid var(--ec-border); border-radius: 16px; box-shadow: none; }
.ec-arjang .ec-sc-filter { color: var(--ec-text); font-family: inherit; }
.ec-arjang .ec-sc-body { max-height: 45vh; }
.ec-arjang .ec-searchbox-result { position: static; margin-top: 8px; max-height: 55vh; overflow-y: auto; background: transparent; box-shadow: none; border: 0; }
.ec-arjang .ec-sr-item { color: var(--ec-text); border-radius: 12px; }
.ec-arjang .ec-sr-item img { border-radius: 8px; background: rgba(255, 255, 255, .06); }
.ec-arjang .ec-sr-chip { color: var(--ec-text); background: rgba(217, 217, 217, .1); }
.ec-arjang .ec-sr-all { width: 100%; margin-top: 6px; padding: 10px; border: 1px solid var(--ec-border); border-radius: 50px; background: rgba(196, 158, 49, .18); color: var(--ec-text); font-family: inherit; }
.ec-arjang .ec-sr-item .ec-sr-price del { color: var(--ec-muted); }

/* in the glass nav bar: closed = hidden; .is-open (set by the shortcut widget) = glass panel under the bar */
/* no box of its own in the bar: it must not take a flex gap; the panel is positioned against the bar */
.glass-content .ecommerceSearch { display: contents; }
.glass-content .ecommerceSearch .ec-searchbox { display: none; }
.glass-content .ecommerceSearch.is-open .ec-searchbox {
	display: block;
	position: absolute;
	top: calc(100% + 10px);
	left: 0;
	right: 0;
	padding: 10px;
	border-radius: 24px;
	border: 1px solid #7c7b77;
	background: rgba(74, 5, 5, .78);
	-webkit-backdrop-filter: blur(14px) saturate(1.4);
	backdrop-filter: blur(14px) saturate(1.4);
	box-shadow: 0 8px 28px rgba(0, 0, 0, .3);
	z-index: 1001;
}