.mehriran-city-select{width:100%;min-height:40px}
.mehriran-city-loading{opacity:.65;pointer-events:none}
.wc-block-components-address-form input[list^="mehriran-cities-"]{background-image:none}

/* MehrIran searchable city field */
.select2-container--default .select2-selection--single{
    min-height:44px;
    display:flex;
    align-items:center;
}
@media(max-width:768px){
    .select2-container{width:100%!important;}
    .select2-dropdown{font-size:16px;}
    .select2-search__field{font-size:16px!important;}
}

/* WooCommerce Blocks: keep the native city input as the Store API mirror only. */
.wc-block-components-address-form .mehriran-native-city-input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
}
.wc-block-components-address-form .mehriran-block-city-select + .select2,
.wc-block-components-address-form select.mehriran-block-city-select{
    width:100%!important;
    min-height:48px;
}

/* WooCommerce 11.x Blocks: if the core renders province as a text input,
 * MehrIran keeps it as the Store API mirror and exposes its own searchable select. */
.mehriran-native-state-input,
.mehriran-native-city-input{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
    opacity:0!important;
    pointer-events:none!important;
}
.mehriran-block-state-select,
.mehriran-block-city-select,
.mehriran-block-state-select + .select2,
.mehriran-block-city-select + .select2{
    width:100%!important;
    min-height:48px;
}