/**
 * WooCommerce City & Street Selector - Frontend Styles
 * Version: 3.0.0
 */

/* General styling for city/street selects */
.wccs-city-select,
.wccs-street-select {
    width: 100%;
}

.wccs-city-select select,
.wccs-street-select select {
    width: 100%;
    max-width: 100%;
}

/* Select2 RTL support */
.select2-container--default .select2-selection--single {
    direction: rtl;
    text-align: right;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 10px;
    padding-left: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

/* Select2 dropdown RTL */
.select2-dropdown {
    direction: rtl;
    text-align: right;
}

.select2-container--default .select2-results__option {
    padding: 8px 12px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0073aa;
    color: #fff;
}

/* Loading state */
.wccs-street-field[disabled] + .select2-container .select2-selection--single {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
    .select2-container {
        width: 100% !important;
    }
    
    .select2-container--default .select2-selection--single {
        height: 45px;
        line-height: 43px;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 43px;
    }
    
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 43px;
    }
}

/* Better focus states */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #0073aa;
    box-shadow: 0 0 0 1px #0073aa;
}

/* Search input in dropdown */
.select2-search--dropdown .select2-search__field {
    direction: rtl;
    text-align: right;
    padding: 8px;
}

/* No results message */
.select2-results__message {
    color: #666;
    padding: 10px;
}