/* Drink With Us — header search restyle
   Paste into Appearance → Customize → Additional CSS so it prints last.

   Matches the My Trip pill: same 999px radius, cream fill, forest text. */

.fl-page .fl-builder-content[data-type="header"] .dwu-search__input {
	min-height: 52px;
	padding: 0 20px 0 48px;
	background-color: rgba(249, 249, 246, 0.92);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f5a38' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4.2-4.2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 18px center;
	background-size: 18px 18px;
	border: 1px solid rgba(249, 249, 246, 0.75);
	border-radius: 999px;
	color: var(--color-forest-green, #373d21);
	font-size: 16px; /* 16px minimum, or iOS zooms the page on focus */
	letter-spacing: 0.01em;
	box-shadow: 0 2px 12px rgba(15, 46, 38, 0.18);
}

.fl-page .fl-builder-content[data-type="header"] .dwu-search__input::placeholder {
	color: rgba(15, 90, 56, 0.7);
	opacity: 1;
}

.fl-page .fl-builder-content[data-type="header"] .dwu-search__input:hover {
	background-color: rgba(249, 249, 246, 0.97);
}

.fl-page .fl-builder-content[data-type="header"] .dwu-search__input:focus {
	background-color: var(--color-soft-white, #f9f9f6);
	border-color: var(--color-soft-white, #f9f9f6);
	color: var(--color-inky-green, #0f2e26);
	box-shadow: 0 0 0 3px rgba(249, 249, 246, 0.45), 0 2px 12px rgba(15, 46, 38, 0.22);
	outline: none;
}

.fl-page .fl-builder-content[data-type="header"] .dwu-search__input:focus::placeholder {
	color: rgba(15, 46, 38, 0.5);
}

/* Autofill would otherwise repaint the field browser-blue */

.fl-page .fl-builder-content[data-type="header"] .dwu-search__input:-webkit-autofill {
	-webkit-text-fill-color: var(--color-inky-green, #0f2e26);
	box-shadow: 0 0 0 1000px var(--color-soft-white, #f9f9f6) inset;
}

/* Spinner sits inside the pill, tinted to match the text */

.fl-page .fl-builder-content[data-type="header"] .dwu-search__spinner {
	right: 20px;
	border-color: rgba(15, 90, 56, 0.25);
	border-top-color: var(--color-forest-green, #0f5a38);
}

/* Dropdown picks up the same radius and shadow weight */

.fl-page .fl-builder-content[data-type="header"] .dwu-search__panel {
	border-radius: 16px;
	border-color: rgba(15, 46, 38, 0.12);
	box-shadow: 0 12px 32px rgba(15, 46, 38, 0.28);
	overflow: hidden;
}

@media (max-width: 900px) {
	.fl-page .fl-builder-content[data-type="header"] .dwu-search__input {
		min-height: 46px;
		padding-left: 42px;
		background-position: 15px center;
		background-size: 16px 16px;
	}
}