/* -----------------------------------------------------------------------------
   Activity And Feed Search Controls
   ----------------------------------------------------------------------------- */

.bond-bp-content #buddypress,
.bond-group-feed__search {
	--bond-bp-search-height: 41px;
	--bond-bp-search-border: #989482;
	--bond-bp-search-text: var(--color-bond-black);
	--bond-bp-search-muted: var(--color-bond-grey);
}

.bond-bp-content #buddypress {
	& .activity-head-bar .subnav-search .dir-search,
	& .subnav-filters .subnav-search .dir-search,
	& .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-modal .subnav-search .dir-search {
		margin: 0;
	}

	& .activity-head-bar .subnav-search .bp-dir-search-form,
	& .subnav-filters .subnav-search .bp-dir-search-form,
	& .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-modal .subnav-search .bp-dir-search-form {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		height: var(--bond-bp-search-height);
		min-height: var(--bond-bp-search-height);
		margin: 0;

		&::before {
			display: none;
		}
	}

	& .activity-head-bar .subnav-search input[type="search"],
	& .subnav-filters .subnav-search input[type="search"],
	& .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-modal .subnav-search input[type="search"] {
		width: 100%;
		height: var(--bond-bp-search-height);
		min-height: var(--bond-bp-search-height);
		padding: 0.4375rem 2.25rem 0.4375rem 0.875rem !important;
		background: var(--color-background-body);
		border: 1px solid var(--bond-bp-search-border) !important;
		border-radius: 4px;
		box-sizing: border-box;
		box-shadow: none;
		color: var(--bond-bp-search-text);
		font-size: 1.0625rem;
		line-height: 1.5;

		&::placeholder {
			color: var(--bond-bp-search-border);
			opacity: 1;
		}

		&:focus {
			border-color: var(--bond-bp-search-muted);
			outline: none;
		}
	}

	& .activity-head-bar .subnav-search .nouveau-search-submit,
	& .subnav-filters .subnav-search .nouveau-search-submit,
	& .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-modal .subnav-search .nouveau-search-submit {
		position: absolute;
		top: 50%;
		right: 0.625rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 1rem;
		height: 1rem;
		padding: 0;
		margin: 0;
		background: transparent;
		border: 0;
		color: var(--bond-bp-search-muted);
		opacity: 1 !important;
		transform: translateY(-50%);

		&:hover,
		&:focus {
			color: var(--bond-bp-search-text);
		}
	}

	& .activity-head-bar .subnav-search .search-form_reset,
	& .subnav-filters .subnav-search .search-form_reset,
	& .bb-subnav-filters-container.bb-subnav-filters-search .subnav-filters-modal .subnav-search .search-form_reset {
		display: none;
	}

	& .activity-head-bar .bb-subnav-filters-container.bb-subnav-filters-filtering > .subnav-filters-opener {
		position: relative;
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		min-width: 209px;
		width: 209px;
		height: 41px;
		padding: 0 2.25rem 0 0.75rem;
		margin: 0;
		background: var(--color-bond-grey-light);
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23545246' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-repeat: no-repeat;
		background-position: right 0.75rem center;
		background-size: 12px 8px;
		border: 1px solid #989482;
		border-radius: 4px;
		box-shadow: none;
		color: var(--color-bond-black);
		font-size: 1.0625rem;
		font-weight: 400;
		line-height: 1.5;
		text-align: left;

		& .bb-icon-angle-down {
			display: none;
		}

		& .selected {
			display: block;
			max-width: 100%;
			overflow: hidden;
			color: inherit;
			font-size: inherit;
			line-height: inherit;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
}

.bond-group-feed__search {
	& .dir-search {
		margin: 0;
	}

	& .bp-dir-search-form {
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		height: var(--bond-bp-search-height);
		min-height: var(--bond-bp-search-height);
		margin: 0;

		&::before {
			display: none;
		}
	}

	& input[type="search"] {
		width: 100%;
		height: var(--bond-bp-search-height);
		min-height: var(--bond-bp-search-height);
		padding: 0.4375rem 2.25rem 0.4375rem 0.875rem;
		background: var(--color-background-body);
		border: 1px solid var(--bond-bp-search-border);
		border-radius: 4px;
		box-sizing: border-box;
		box-shadow: none;
		color: var(--bond-bp-search-text);
		font-size: 1.0625rem;
		line-height: 1.5;

		&::placeholder {
			color: var(--bond-bp-search-border);
			opacity: 1;
		}

		&:focus {
			border-color: var(--bond-bp-search-muted);
			outline: none;
		}
	}

	& .nouveau-search-submit {
		position: absolute;
		top: 50%;
		right: 0.625rem;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 1rem;
		height: 1rem;
		padding: 0;
		margin: 0;
		background: transparent;
		border: 0;
		color: var(--bond-bp-search-muted);
		opacity: 1;
		transform: translateY(-50%);

		&:hover,
		&:focus {
			color: var(--bond-bp-search-text);
		}
	}

	& .search-form_reset {
		display: none;
	}
}