/**
 * WooCommerce City Dropdown Styles
 * 
 * Styles for the custom city dropdown in WooCommerce forms
 */

/* City dropdown container */
.city-dropdown-container {
    margin-bottom: 1em;
}

/* Hide original city field */
/* #billing_city, #shipping_city, #city,
input[name="billing_city"], input[name="shipping_city"], input[name="city"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
} */

/* City dropdown select */
.city-dropdown {
    width: 100%;
    padding: 0.6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    border: 0;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.125);
    height: auto;
    border-radius: 4px;
}

/* Loading indicator */
.city-loading {
    display: block;
    font-size: 0.875em;
    margin-top: 0.5em;
    color: #777;
    font-style: italic;
}

/* Focus state */
.city-dropdown:focus {
    outline: none;
    background-color: #e6e6e6;
    color: #2b2d30;
}

/* Hover state */
.city-dropdown:hover {
    background-color: #e6e6e6;
}

/* Disabled state */
.city-dropdown:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Error state */
.woocommerce-invalid .city-dropdown {
    border: 1px solid #e2401c;
}

/* Valid state */
.woocommerce-validated .city-dropdown {
    border: 1px solid #0f834d;
}

 div.woocommerce form .form-row .select2-selection--single{
    display: flex !important;
} 

.select2-container .select2-selection--single .select2-selection__rendered{
    transform: unset !important;
    top: unset !important;
}

div.woocommerce form .form-row.woocommerce-validated:not([class*=woocommerce-invalid]).fc-select2-field:not(.fc-no-validation-icon) select:not([required])~.select2-container .select2-selection:after{
    display: none;
}