.waa-map-container {
    width: 100%;
    height: 400px;
    border: 1px solid #ddd;
    border-radius: 0;
    display: none;
}

.waa-map-toggle {
	position:relative;
    display: flex;
	width:100%;
    cursor: pointer;
    padding: 10px 15px;
    background: #dfdddd;
    color: #000;
    text-decoration: none;
    border-radius: 0;
    font-size: 14px;
    transition: background 0.2s ease;
	border:1px solid #949494;
	height:42px;
	align-items:center;
	gap:10px;
}

.waa-map-toggle svg {
	height:20px;
	width:auto;
}

.waa-map-chevron {
    transition: transform 0.3s ease;
    transform:  rotate(0deg); 
	position:absolute;
	right:15px;
}

.waa-map-chevron.waa-chevron-open {
    transform: rotate(180deg);
}

.waa-map-toggle:hover {
    background: #949494;
    color: #fff;
}

.waa-map-toggle:hover > svg:first-child{
	fill:#fff;
}

.waa-map-wrapper {
	position:relative;
	width:100%;
	clear:both;
    margin-bottom: 20px;
}

.gm-style .gm-style-iw-c {
    padding: 10px !important;
}

.waa-hidden-input {
    display: none !important;
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

#billing_city,
#shipping_city,
#billing_address_1,
#shipping_address_1 {
    width: 100%;
    padding: 0 15px;
    font-size: 14px;
    line-height: inherit;
    border: 1px solid inherit;
    border-radius: 0;
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}

.woocommerce-input-wrapper {
    position: relative;
}

.waa-city-wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: auto !important;
    max-height: none !important;
}

.waa-city-wrapper,
.waa-city-wrapper span.woocommerce-input-wrapper,
.woocommerce-input-wrapper,
p.form-row,
p.form-row-wide,
p.form-row.woocommerce-validated,
p.form-row.woocommerce-invalid,
.woocommerce-billing-fields,
.woocommerce-shipping-fields {
    overflow: visible !important;
}

gmp-place-autocomplete,
.waa-gmp-element {
    background-color: #ffffff;
    border: 1px solid #3c3c3c;
    border-radius: 0px;
    color-scheme: light;
    width: 100%;
	overflow: visible !important;
    contain: none !important;
    --gmp-input-border: 1px solid #3c3c3c;
    --gmp-input-border-radius: 0px;
    --gmp-input-padding: 0 2em 0 1em;
    --gmp-input-font-size: inherit;
    --gmp-input-height: 42px;
	padding:1px;
}

gmp-place-autocomplete:focus-within,
gmp-place-autocomplete:focus {
    border-color: #3c3c3c;
    box-shadow: none;
    outline: none;
}

.waa-city-wrapper input {
    padding: 0 40px 0 15px !important;
    color: #000 !important;
}

.waa-city-wrapper .waa-clear-city {
    all: unset;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #888;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 0;
    border: none;
    box-shadow: none;
    text-decoration: none;
}

.waa-city-wrapper .waa-clear-city:hover {
    background: #666;
	color:#fff;
}

.waa-city-wrapper .waa-clear-city:focus {
    outline: 2px solid #4285f4;
}

.waa-city-wrapper #billing_city[style*="display: none"],
.waa-city-wrapper #shipping_city[style*="display: none"] {
    display: none !important;
}

.waa-pickup-location-row select {
    width: 100%;
    padding: 8px;
    border: 1px solid;
    border-radius: 0;
}

.waa-pickup-location-row a#waa_pickup_map_link:hover {
    color: #c9302c !important;
}

.waa-address-wrapper {
    position: relative;
    display: block;
    width: 100%;
    overflow: visible !important;
}

.waa-address-wrapper gmp-place-autocomplete,
.waa-address-wrapper .waa-gmp-element {
    width: 100%;
    height: 42px;
}

.waa-city-wrapper .waa-clear-city,
.waa-address-wrapper .waa-clear-city {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #888;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.waa-city-wrapper .waa-clear-city:hover,
.waa-address-wrapper .waa-clear-city:hover {
    background: #555;
}

.waa-hide-country,
.waa-hide-state,
p.form-row.waa-hide-country,
p.form-row.waa-hide-state,
#billing_state_field.waa-hide-state,
#shipping_state_field.waa-hide-state,
.woocommerce-address-fields__field-wrapper #billing_state_field.waa-hide-state,
.woocommerce-address-fields__field-wrapper #shipping_state_field.waa-hide-state {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

/* ── Shipping Repositioner (only active when .waa-shipping-repositioner-wrapper is present) ── */

/* Heading — only rendered if a title is saved */
.waa-shipping-repositioner-heading {
    margin: 0;
    padding: 20px 0;
}

/* Table reset */
#waa_shipping_repositioner_table { margin-bottom: 0; }
#waa_shipping_repositioner_table td { padding: 0; }
#waa_shipping_repositioner_block .woocommerce-shipping-totals.shipping th { display: none; }
.waa-shipping-repositioner-wrapper .responsive-table{padding:5px}

/* Grid of icon boxes */
	.waa-shipping-repositioner-wrapper #shipping_method {
		display: flex;
		flex-wrap:wrap;
		flex-direction:row;
		gap: 10px;
		padding: 0;
		list-style: none;
	}

	.waa-shipping-repositioner-wrapper #shipping_method li {
		margin: 0;
		display: contents;
		width:100px;
		height:100px;
	}

	.waa-shipping-repositioner-wrapper #shipping_method li ul li{
		width:100%;
		height:auto;
	}

	/* 2. Hide the actual radio dots */
	.waa-shipping-repositioner-wrapper #shipping_method li input[type="radio"] {
		display: none; 
	}

	/* 3. Base styling for the boxes */
	.waa-shipping-repositioner-wrapper #shipping_method li label {
		order:1;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100px;
		height: 100px; /* Adjust based on your image height */
		padding: 0;
		cursor: pointer;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		transition: all 0.3s ease;
		
		/* Make the original text transparent if your images already have text like "До офис Econt" */
		color: transparent !important; 
	}
	.waa-shipping-repositioner-wrapper #shipping_method li:hover label{transform: scale(1.025)}

	/* Hide the price spans inside the label so they don't overlap your image */
	.waa-shipping-repositioner-wrapper #shipping_method li label span {
		display: none !important; 
	}

	.waa-shipping-repositioner-wrapper #shipping_method li .woo-bg--econt-delivery,
	.waa-shipping-repositioner-wrapper #shipping_method li .woo-bg-additional-fields,
	.waa-shipping-repositioner-wrapper #shipping_method li .waa-pickup-location-wrapper,
	.waa-shipping-repositioner-wrapper #shipping_method li .woo-bg--speedy-delivery {
		order: 2; /* Pushes them below the labels */
		flex: 1 1 100%;
		padding:0;
		margin:0;
	}

	/* ==============================================================
	   2. RIGHT COLUMN: ORDER REVIEW SUMMARY (Text & Price Only)
	   ============================================================== */

	/* 1. Hide ALL shipping list items on the right by default */
	.woocommerce-checkout-review-order-table #shipping_method li {
		display: none !important;
	}

.waa-injected-shipping-summary {
    display: flex;
	flex-direction:column;	
}
.waa-injected-shipping-summary .waa-price-beauty-wrapper{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:flex-end;
}

.waa-shipping-repositioner-wrapper #shipping_method li label.waa-has-icon {
    display: flex !important;
}

.waa-shipping-repositioner-wrapper #shipping_method li input[type="radio"]:checked + label,
.waa-shipping-repositioner-wrapper #shipping_method li .waa-method-fallback.waa-selected,
.waa-shipping-repositioner-wrapper #shipping_method li label.waa-selected {
    outline: 2px solid #333;
    outline-offset: 2px;
}