/* AI search bar overrides (styles from design; keep main.css untouched) */

.c-ai-search__dropdown {
	display: none !important;
}

@media (any-hover: hover) {
	.c-ai-search:hover .c-ai-search__input {
		background-color: var(--c-0);
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.08);
	}

	.c-ai-search:hover .c-ai-search__input-field::-webkit-input-placeholder {
		color: var(--c-600);
	}

	.c-ai-search:hover .c-ai-search__input-field::-moz-placeholder {
		color: var(--c-600);
	}

	.c-ai-search:hover .c-ai-search__input-field:-ms-input-placeholder {
		color: var(--c-600);
	}

	.c-ai-search:hover .c-ai-search__input-field::-ms-input-placeholder {
		color: var(--c-600);
	}

	.c-ai-search:hover .c-ai-search__input-field::placeholder {
		color: var(--c-600);
	}
}

.c-ai-search.is-focus .c-ai-search__input {
	background-color: var(--c-0);
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.08);
}

.c-ai-search__input {
	border: none;
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
	transition: box-shadow var(--tr);
}

.c-ai-search__input-field::-webkit-input-placeholder {
	color: var(--c-400);
	transition: color var(--tr);
}

.c-ai-search__input-field::-moz-placeholder {
	color: var(--c-400);
	transition: color var(--tr);
}

.c-ai-search__input-field:-ms-input-placeholder {
	color: var(--c-400);
	transition: color var(--tr);
}

.c-ai-search__input-field::-ms-input-placeholder {
	color: var(--c-400);
	transition: color var(--tr);
}

.c-ai-search__input-field::placeholder {
	color: var(--c-400);
	transition: color var(--tr);
}

.c-ai-search__button {
	text-transform: uppercase;
}