/* ABP top-bar search pill — website + Partner Store */
.abp-search {
	--abp-navy: #0b1f3a;
	--abp-orange: #e0912f;
	--abp-pill-w: 165px;          /* = "Become a Partner" width; JS syncs exact value */
	position: relative;
	display: flex;
	align-items: center;
	width: var(--abp-pill-w);
	height: 26px;
	margin-left: 4px;
	background: #fff;
	border: 1px solid #d5d9e0;
	border-radius: 999px;
	transition: width .2s ease, border-color .15s ease, box-shadow .15s ease;
}
.abp-search:focus-within {
	width: max(var(--abp-pill-w), 300px);
	border-color: var(--abp-orange);
	box-shadow: 0 0 0 3px rgba(224, 145, 47, .18);
}
.abp-search-icon { flex: none; margin: 0 6px 0 11px; color: var(--abp-navy); opacity: .75; }
.abp-search-input {
	flex: 1; min-width: 0; height: 100%;
	border: 0; outline: 0; background: transparent;
	font: inherit; font-size: 12.5px; color: var(--abp-navy);
	padding: 0 12px 0 0;
}
.abp-search-input::placeholder { color: #6b7280; }
.abp-search-input::-webkit-search-cancel-button { cursor: pointer; }

.abp-search-panel {
	position: absolute; top: calc(100% + 8px); right: 0; z-index: 1000;
	width: 380px; max-width: calc(100vw - 32px); max-height: 70vh; overflow-y: auto;
	background: #fff; color: var(--abp-navy);
	border: 1px solid #e5e7eb; border-radius: 12px;
	box-shadow: 0 12px 32px rgba(11, 31, 58, .18);
	padding: 6px 0; text-align: left; font-size: 13.5px;
}
.abp-search-group { padding: 6px 0; }
.abp-search-group + .abp-search-group { border-top: 1px solid #eef0f3; }
.abp-search-head {
	display: flex; justify-content: space-between; align-items: baseline;
	padding: 4px 14px 6px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #6b7280;
}
/* .abp-search prefix outranks the theme's ".abp-topbar-links a" rule */
.abp-search .abp-search-head a { display: inline; padding: 0; margin: 0; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--abp-orange); text-decoration: none; }
.abp-search .abp-search-head a:hover { text-decoration: underline; }
.abp-search .abp-search-item {
	display: flex; align-items: center; gap: 10px; box-sizing: border-box; width: 100%;
	margin: 0; padding: 7px 14px; color: inherit; text-decoration: none; line-height: 1.3;
	font-weight: 400; white-space: normal;
}
.abp-search .abp-search-item:hover, .abp-search .abp-search-item[aria-selected="true"] { background: #f3f4f6; }
.abp-search-thumb { display: block; flex: none; width: 34px; height: 34px; border-radius: 6px; background-color: #f3f4f6; background-position: center; background-size: contain; background-repeat: no-repeat; }
.abp-search-text { min-width: 0; flex: 1; }
.abp-search-title { display: block; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.abp-search-meta { display: block; font-size: 11.5px; color: #6b7280; }
.abp-search-meta .in { color: #15803d; }
.abp-search-tag { flex: none; font-size: 10.5px; padding: 2px 7px; border-radius: 999px; background: #eef2f7; color: var(--abp-navy); }
.abp-search-empty, .abp-search-status { padding: 8px 14px; color: #6b7280; }
.abp-search mark { background: rgba(224, 145, 47, .22); color: inherit; border-radius: 2px; }

@media (max-width: 782px) {
	.abp-search, .abp-search:focus-within { width: 100%; }
	.abp-search-panel { left: 0; right: auto; width: auto; min-width: 100%; }
}
