/* PCH Search */

.pch-home-search {
	--pch-home-search-left-pad: 14px;

	position: relative;
	max-width: 860px;
	height: 58px;
	margin: 0 auto;
	border-bottom: 1px solid currentColor;
	color: var(--pch-search-colour, #fff);
	font-family: inherit;
	font-size: clamp(17px, 1.45vw, 23px);
	line-height: 1.35;
}

.pch-home-search--dark {
	--pch-search-colour: var(--pch-text);
}

.pch-home-search--light {
	--pch-search-colour: var(--pch-white);
}

.pch-home-search__ghost,
.pch-home-search__input {
	position: absolute;
	top: 50%;
	right: 54px;
	left: var(--pch-home-search-left-pad);
	width: calc(100% - 54px - var(--pch-home-search-left-pad));
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	transform: translateY(-50%);
	font: inherit;
	line-height: inherit;
}

.pch-home-search__ghost {
	overflow: hidden;
	color: currentColor;
	opacity: 0.96;
	pointer-events: none;
	visibility: hidden;
	white-space: nowrap;
}

.pch-home-search.is-ready .pch-home-search__ghost {
	visibility: visible;
}

.pch-home-search__ghost::after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 1em;
	margin-left: 3px;
	background: currentColor;
	vertical-align: -0.12em;
	animation: pchHomeSearchBlink 1s steps(1) infinite;
}

.pch-home-search.is-active .pch-home-search__ghost {
	display: none;
}

.pch-home-search__input {
	appearance: none;
	-webkit-appearance: none;
	z-index: 2;
	height: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: none;
	background: transparent !important;
	box-shadow: none !important;
	color: currentColor;
	caret-color: currentColor;
	text-align: left !important;
	text-indent: 0 !important;
}

.pch-home-search input.pch-home-search__input[type="text"] {
	padding: 0 !important;
}

.pch-home-search__input::placeholder {
	color: transparent;
}

.pch-home-search__button,
.pch-home-search__button:hover,
.pch-home-search__button:focus,
.pch-home-search__button:active {
	all: unset;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 3;
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	transform: translateY(-50%);
	color: currentColor;
	cursor: pointer;
}

.pch-home-search .pch-home-search__button,
.pch-home-search .pch-home-search__button:hover,
.pch-home-search .pch-home-search__button:focus,
.pch-home-search .pch-home-search__button:active {
	min-width: 0 !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	outline: 0;
	background: transparent !important;
	box-shadow: none !important;
	color: currentColor;
	opacity: 1;
	transform: translateY(-50%) !important;
}

.pch-home-search__button svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
	opacity: 0.9;
	transition: color var(--pch-transition-fast), opacity var(--pch-transition-fast);
}

.pch-home-search__button:hover svg,
.pch-home-search__button:focus svg {
	color: var(--pch-accent);
	opacity: 1;
}

@keyframes pchHomeSearchBlink {
	50% { opacity: 0; }
}

@media (max-width: 767px) {
	.pch-home-search {
		height: 52px;
		font-size: 16px;
	}
}