/**
 * Categories Search — visual styles.
 *
 * @package PasionGift_App
 */

.pg-categories-search {
	width: 100%;
	min-width: 0;
	padding: 0 var(--pg-shell-padding-x);
}

.pg-categories-search__form {
	margin: 0;
}

.pg-categories-search__field {
	display: flex;
	align-items: center;
	gap: var(--pg-space-sm);
	width: 100%;
	min-width: 0;
	padding: var(--pg-space-sm) var(--pg-space-md);
	border: 1px solid rgba(var(--pg-color-brand-wine-rgb, 139, 30, 63), 0.1);
	border-radius: var(--pg-radius-full);
	background-color: var(--pg-color-brand-nude, var(--pg-color-surface));
}

.pg-categories-search__icon {
	display: inline-flex;
	flex-shrink: 0;
	color: var(--pg-color-text-muted);
}

.pg-categories-search__input {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	font-family: var(--pg-font-family);
	font-size: var(--pg-type-body);
	line-height: var(--pg-line-height-normal);
	color: var(--pg-color-text);
	outline: none;
}

.pg-categories-search__input::placeholder {
	color: var(--pg-color-text-muted);
}

.pg-categories-search__field:focus-within {
	border-color: var(--pg-color-brand-wine);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--pg-color-brand-wine) 20%, transparent);
}