/* Cresset — layout/search-popup.css
   Header search popup: loading spinner (incl. @keyframes cressetSpin), recent
   searches, vulgar-word error message.
   Split from style.css 2026-08-22 (Stage 1); rules verbatim. */

/** SEARCH ***********************************************************/
/* Header - Search Pop up*/
/* Spin the search icon while loading */
.search-spinner .e-search-label i.fas.fa-search:before {
	display: inline-block;
	transform-origin: 50% 50%;
	will-change: transform;
}

/* Spin while loading */
.search-spinner .e-search-form.is-loading .e-search-label i.fas.fa-search:before {
	animation: cressetSpin 2s linear infinite;
}

@keyframes cressetSpin {
	to {
		transform: rotate(360deg);
	}
}

/* Disable interaction while loading */
.search-spinner .e-search-form.is-loading .e-search-input,
.search-spinner .e-search-form.is-loading .e-search-submit {
	pointer-events: none;
}


/* Recents searches */
.recent-searches strong {
	color: var(--e-global-color-accent);
}

.recent-searches ul {
	padding: 0;
	display: flex;
	gap: 20px;
	row-gap: 12px;
	flex-wrap: wrap;
	margin-top: 5px;
}

.recent-searches li {
	padding: 0 !important;
	list-style: none;
	text-decoration: none !important;
	background-color: transparent;
	overflow: hidden;
	display: flex;
	border-radius: 200px;

	a {
		color: var(--e-global-color-accent) !important;
		background: transparent !important;
		padding: 3px 10px 2px 10px !important;
		height: 100%;
		position: relative;
		border: 2px solid var(--e-global-color-accent);
		border-radius: 200px;

		z-index: 0;
	}
}

.recent-searches a:hover {
	color: white !important;
}

.recent-searches li a:before {
	content: '';
	height: 102%;
	width: 0%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	background-color: var(--e-global-color-accent);
	transition: width 0.3s;
}

.recent-searches li>a:hover:before {
	width: 101%;
}


/* Search Form error to block vulgar words */

.bbs-error {
	position: absolute;
	bottom: -30px;
	left: 43px;
}