/* ============================================================
   LINEAR FREIGHT — AU POSTCODE AUTOCOMPLETE
   Loaded automatically by the plugin. No manual CSS needed.
   ============================================================ */

/* --- Input fields --- */
.wpforms-container .wpforms-field input[type="text"],
.wpforms-container .wpforms-field input[type="tel"] {
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
}

.wpforms-container .wpforms-field input::placeholder {
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
}

/* --- Dropdown panel ---
   Fixed to the viewport and attached to <body>, so no ancestor with
   overflow:hidden can clip it. Position, width and max-height are set
   inline by the script from the input's bounding rect. */
ul.wpx-pc-list {
	position: fixed !important;
	z-index: 999999 !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	-webkit-overflow-scrolling: touch !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	background: #ffffff !important;
	border: 1px solid #c9c9c9 !important;
	border-radius: 4px !important;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
	box-sizing: border-box !important;
	font-family: 'Poppins', sans-serif !important;
}

ul.wpx-pc-list li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
	min-width: 0 !important;
	border: none !important;
}

/* --- Each result row --- */
li.wpx-pc-item {
	display: flex !important;
	align-items: flex-start !important;
	gap: 8px !important;
	padding: 12px 16px !important;
	margin: 0 !important;
	cursor: pointer !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: #1f2937 !important;
	background: #eef2ff !important;
	border: none !important;
	border-bottom: 1px solid #dfe4f5 !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	min-width: 0 !important;
	text-transform: none !important;
	transition: background 0.15s ease !important;
}

li.wpx-pc-item:last-child {
	border-bottom: none !important;
}

li.wpx-pc-item:hover,
li.wpx-pc-item.is-active {
	background: #4f46e5 !important;
	color: #ffffff !important;
}

/* --- Postcode number --- */
.wpx-pc-code {
	flex: 0 0 auto !important;
	min-width: 46px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	font-variant-numeric: tabular-nums !important;
	color: inherit !important;
	line-height: 1.5 !important;
}

/* --- Suburb name --- */
.wpx-pc-label {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	color: inherit !important;
	line-height: 1.5 !important;
	white-space: normal !important;
	word-break: break-word !important;
	overflow-wrap: break-word !important;
}

/* --- No results --- */
li.wpx-pc-empty {
	padding: 14px !important;
	margin: 0 !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	color: #6b7280 !important;
	text-align: center !important;
	background: #f8f9fc !important;
	list-style: none !important;
}

/* --- Scrollbar --- */
ul.wpx-pc-list::-webkit-scrollbar {
	width: 10px;
}

ul.wpx-pc-list::-webkit-scrollbar-track {
	background: #f1f1f1;
}

ul.wpx-pc-list::-webkit-scrollbar-thumb {
	background: #b6b6b6;
	border-radius: 5px;
	border: 2px solid #f1f1f1;
}

ul.wpx-pc-list::-webkit-scrollbar-thumb:hover {
	background: #8b8b8b;
}

/* --- Mobile: larger touch targets --- */
@media (max-width: 600px) {
	li.wpx-pc-item {
		padding: 14px 16px !important;
		font-size: 14px !important;
	}

	.wpx-pc-code,
	.wpx-pc-label {
		font-size: 14px !important;
	}

	.wpx-pc-code {
		min-width: 48px !important;
	}
}