:root {
	--mall-primary: #ff6a3d;
	--mall-primary-focus-shadow: 0 0 0 3px rgba(255, 106, 61, 0.15);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
textarea,
select {
	transition: border-color .2s ease, box-shadow .2s ease;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="button"]):not([type="submit"]):not([type="reset"]):focus,
textarea:focus,
select:focus {
	outline: none;
	border-color: var(--mall-primary) !important;
	box-shadow: var(--mall-primary-focus-shadow);
}

.search input {
	border: 0 !important;
	box-shadow: none !important;
	height: 100%;
	min-height: 0;
}

.search input:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: none;
}

.search:focus-within {
	border-color: var(--mall-primary) !important;
	box-shadow: var(--mall-primary-focus-shadow);
	transition: border-color .2s ease, box-shadow .2s ease;
}

.input-row input:focus {
	border-color: var(--mall-primary) !important;
	box-shadow: var(--mall-primary-focus-shadow);
}