/**
 * Autocomplete & Google Places UI Styles
 *
 * @package WCSAS
 */

/* Google Places Dropdown container styling */
.pac-container {
	font-family: inherit;
	border-radius: 8px;
	border: 1px solid #cbd5e1;
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
	z-index: 999999 !important; /* Ensure it floats above WoodMart sticky headers, Elementor popups & modals */
	margin-top: 4px;
	background-color: #ffffff;
}

.pac-item {
	padding: 8px 12px;
	font-size: 13px;
	line-height: 1.4;
	color: #334155;
	cursor: pointer;
	border-top: 1px solid #f1f5f9;
}

.pac-item:first-child {
	border-top: none;
}

.pac-item:hover,
.pac-item-selected {
	background-color: #f8fafc;
}

.pac-item-query {
	font-size: 14px;
	font-weight: 600;
	color: #0f172a;
}

.pac-matched {
	font-weight: 700;
	color: #2563eb;
}

.pac-icon {
	margin-top: 4px;
	margin-right: 8px;
}

/* WoodMart & Elementor Checkout Specific Fixes */
.woodmart-checkout-steps .woocommerce-billing-fields,
.woodmart-checkout-steps .woocommerce-shipping-fields,
.elementor-widget-woocommerce-checkout .woocommerce-billing-fields,
.elementor-widget-woocommerce-checkout .woocommerce-shipping-fields {
	position: relative;
}

/* Loading state spinner */
.wcsas-loading-field {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2394a3b8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
}