/*
 * Fresh Woo Address Autocomplete — checkout styles.
 *
 * Helper fields stay hidden by default; JS reveals them when the country
 * matches a supported lookup country. The real Woo address fields are
 * hidden until a successful lookup, then revealed populated.
 */

/* Helper fields are hidden by default; JS shows them when NL is selected. */
.fwaa-field {
	display: none;
}

/* Titled panel that visually groups the lookup fields. JS toggles it. */
.fwaa-lookup-group {
	display: none;
	margin: 1em 0 1.5em;
	padding: 1.1em 1.25em 0.35em;
	background: #f6f9fc;
	border: 1px solid #e2e8f0;
	border-radius: 6px;
}

/* Clearfix for Woo's floated form-row-first / form-row-last children. */
.fwaa-lookup-group::after {
	content: '';
	display: table;
	clear: both;
}

.fwaa-lookup-group__title {
	display: flex;
	align-items: center;
	gap: 0.45em;
	margin: 0 0 0.85em;
	font-size: 0.95em;
	font-weight: 600;
	color: #1e293b;
}

.fwaa-lookup-group__title::before {
	content: '';
	width: 1.05em;
	height: 1.05em;
	flex: 0 0 auto;
	background-color: currentColor;
	-webkit-mask: var(--fwaa-pin) center / contain no-repeat;
	mask: var(--fwaa-pin) center / contain no-repeat;
	color: #2563eb;
	--fwaa-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");
}

/* These are lookup helpers, not real billing fields — drop the "(optional)" hint. */
.fwaa-field .optional {
	display: none;
}

.fwaa-field.fwaa-busy input {
	background-image: linear-gradient( 90deg, transparent 0%, rgba( 0, 0, 0, 0.06 ) 50%, transparent 100% );
	background-size: 200% 100%;
	animation: fwaa-shimmer 1.2s linear infinite;
}

@keyframes fwaa-shimmer {
	from { background-position: 200% 0; }
	to   { background-position: -200% 0; }
}

.fwaa-message {
	clear: both;
	margin: 0.25em 0 0.75em;
	padding: 0.5em 0.75em;
	font-size: 0.9em;
	color: #8a4b00;
	background: #fff4e5;
	border-left: 3px solid #d97706;
	border-radius: 2px;
}