/* ===== Autocomplete dropdown ===== */
.ww-postcode-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	z-index: 9999;
	margin: 2px 0 0;
	padding: 0;
	list-style: none;
	background: #fff;
	border: 1px solid #cfd6e4;
	border-radius: 6px;
	max-height: 240px;
	overflow-y: auto;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
	display: none;
}

.ww-postcode-dropdown li {
	padding: 9px 14px;
	cursor: pointer;
	font-size: 15px;
	color: #2a2f3a;
	border-bottom: 1px solid #f1f3f7;
}

.ww-postcode-dropdown li:last-child {
	border-bottom: none;
}

.ww-postcode-dropdown li:hover {
	background: #2f6bff; /* matches the form's blue */
	color: #fff;
}

/* ===== Invalid input ===== */
.ww-postcode-invalid {
	border-color: #d6314a !important;
	box-shadow: 0 0 0 1px #d6314a inset !important;
}

/* ===== Red error box ===== */
.ww-postcode-error {
	margin-top: 10px;
	padding: 12px 14px;
	background: #fdecee;
	border: 1px solid #e2566c;
	border-left: 4px solid #d6314a;
	border-radius: 6px;
	color: #8f1d2e;
	font-size: 14px;
	line-height: 1.5;
}

.ww-postcode-error a {
	color: #b3122a;
	font-weight: 600;
	text-decoration: underline;
}

.ww-postcode-error a:hover {
	color: #8f1d2e;
}

/* ===== Disabled Next / Submit button ===== */
.ww-disabled,
.ww-disabled:hover {
	opacity: 0.5;
	cursor: not-allowed !important;
	pointer-events: none;
}