/**
 * Postcode Lookup dropdown styles
 * Matches JamStorage theme quote-box postcode lookup (same structure and colours).
 *
 * @package WMG_Helper
 */

/* Same as theme: .postcode-lookup__dropdown */
.wmg-helper .nf-field-container .postcode-lookup__dropdown,
.nf-field-wrap .postcode-lookup__dropdown,
.postcode-lookup__dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background-color: var(--quote-box-input-bg-color, var(--wp--preset--color--surface, #ffffff));
	border: 1px solid var(--quote-box-input-border-color, var(--wp--preset--color--neutral-light, #d3d3d3));
	border-radius: 0.5rem;
	margin-top: 0.25rem;
	max-height: 300px;
	overflow-y: auto;
	list-style: none;
	padding: 0.5rem 0;
	margin-bottom: 0;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

.wmg-helper .nf-field-container .postcode-lookup__item,
.nf-field-wrap .postcode-lookup__item,
.postcode-lookup__item {
	padding: 0.75rem 1rem;
	cursor: pointer;
	color: var(--quote-box-input-text-color, var(--wp--preset--color--neutral-dark, #1e293b));
	transition: background-color 0.15s ease;
}

.wmg-helper .nf-field-container .postcode-lookup__item:hover,
.wmg-helper .nf-field-container .postcode-lookup__item--highlighted,
.nf-field-wrap .postcode-lookup__item:hover,
.nf-field-wrap .postcode-lookup__item--highlighted,
.postcode-lookup__item:hover,
.postcode-lookup__item--highlighted {
	background-color: var(--wp--preset--color--neutral-light, #f2f3f8);
}

.wmg-helper .nf-field-container .postcode-lookup__error,
.nf-field-wrap .postcode-lookup__error,
.postcode-lookup__error {
	color: var(--quote-box-button-bg-color, var(--wp--preset--color--primary, #e73f4d));
	font-size: 0.875rem;
	margin-top: 0.75rem;
	margin-bottom: 0;
	display: none;
	width: 100%;
}

.wmg-helper .nf-field-container .postcode-lookup__error--show,
.nf-field-wrap .postcode-lookup__error--show,
.postcode-lookup__error--show {
	display: block;
}

.wmg-helper .nf-field-container .postcode-lookup__loading,
.nf-field-wrap .postcode-lookup__loading,
.postcode-lookup__loading {
	opacity: 0.6;
	cursor: wait;
}

/* Manual address link (match design: underlined, centred, dark gray) */
.wmg-helper-manual-address-link-wrap {
	text-align: center;
	margin-top: 1.25rem;
}

.wmg-helper-manual-address-toggle {
	background: none;
	border: none;
	padding: 0;
	font: inherit;
	color: var(--quote-box-input-text-color, var(--wp--preset--color--neutral-dark, #1e293b));
	font-size: 0.9375rem;
	text-decoration: underline;
	cursor: pointer;
}

.wmg-helper-manual-address-toggle:hover {
	text-decoration: underline;
	opacity: 0.85;
}

/* Manual address fields block */
.wmg-helper-manual-address-fields {
	display: none;
	margin-top: 1rem;
}

.wmg-helper-manual-address-fields .nf-element,
.wmg-helper-manual-address-fields input[type="text"] {
	display: block;
	width: 100%;
	margin-bottom: 0.75rem;
	padding: 0.5rem 0.75rem;
	border: 1px solid var(--quote-box-input-border-color, #d3d3d3);
	border-radius: 0.5rem;
	font-size: 1rem;
}

.wmg-helper-manual-address-fields .nf-element:last-child,
.wmg-helper-manual-address-fields input[type="text"]:last-child {
	margin-bottom: 0;
}