/* Clean Bootstrap 3 Compatible Dropdown Styling */
/* यह CSS file Bootstrap 3 design के साथ compatible है */

/* Base Bootstrap 3 compatible styling */
select,
select.form-control {
    /* Bootstrap 3 compatible colors and styling */
    color: #555 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 6px 12px !important;
    border-radius: 4px !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    width: 100% !important;
    height: 34px !important;
    line-height: 1.42857143 !important;
    
    /* Custom dropdown arrow */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23666' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
    background-size: 8px !important;
    padding-right: 30px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* Bootstrap 3 focus state */
select:focus,
select.form-control:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
    color: #555 !important;
    background-color: #fff !important;
}

/* Bootstrap 3 hover state */
select:hover,
select.form-control:hover {
    border-color: #999 !important;
}

/* Bootstrap 3 compatible options */
select option,
select.form-control option {
    color: #555 !important;
    background-color: #fff !important;
    padding: 3px 12px !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

/* Selected option styling */
select option:checked,
select option:selected,
select.form-control option:checked,
select.form-control option:selected {
    background-color: #337ab7 !important;
    color: #fff !important;
}

/* Bootstrap 3 compatible labels */
label,
.control-label,
.form-label {
    color: #333 !important;
    font-weight: normal !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
    display: inline-block !important;
    max-width: 100% !important;
}

/* Form groups - Bootstrap 3 style */
.form-group {
    margin-bottom: 15px !important;
}

/* Bootstrap 3 panel styling for dropdowns */
.panel .form-group select,
.card .form-group select {
    margin-bottom: 15px !important;
}

/* Bootstrap 3 button group compatibility */
.btn-group select {
    border-radius: 0 !important;
    border-right: none !important;
}

.btn-group select:first-child {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.btn-group select:last-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-right: 1px solid #ccc !important;
}

/* Bootstrap 3 input group compatibility */
.input-group select {
    border-radius: 0 !important;
    border-right: none !important;
}

.input-group-addon + select {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* Bootstrap 3 table compatibility */
.table select {
    margin: 0 !important;
    border: 1px solid #ddd !important;
    font-size: 13px !important;
    padding: 4px 8px !important;
    height: 28px !important;
}

/* Bootstrap 3 modal compatibility */
.modal select {
    font-size: 14px !important;
}

/* Bootstrap 3 navbar compatibility */
.navbar select {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: #777 !important;
}

.navbar select:hover {
    background-color: transparent !important;
    border-color: #e7e7e7 !important;
    color: #333 !important;
}

/* Bootstrap 3 well compatibility */
.well select {
    background-color: #fff !important;
    border: 1px solid #e3e3e3 !important;
}

/* Bootstrap 3 alert compatibility */
.alert select {
    border-color: #bce8f1 !important;
}

.alert-success select {
    border-color: #d6e9c6 !important;
}

.alert-danger select {
    border-color: #ebccd1 !important;
}

.alert-warning select {
    border-color: #faebcc !important;
}

.alert-info select {
    border-color: #bce8f1 !important;
}

/* Bootstrap 3 disabled state */
select:disabled,
select.form-control:disabled {
    background-color: #eee !important;
    color: #999 !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

/* Bootstrap 3 readonly state */
select[readonly] {
    background-color: #eee !important;
    color: #999 !important;
    cursor: not-allowed !important;
}

/* Bootstrap 3 validation states */
.has-success select {
    border-color: #3c763d !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}

.has-success select:focus {
    border-color: #2b542c !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #67b168 !important;
}

.has-warning select {
    border-color: #8a6d3b !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}

.has-warning select:focus {
    border-color: #66512c !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #c0a16b !important;
}

.has-error select {
    border-color: #a94442 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}

.has-error select:focus {
    border-color: #843534 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483 !important;
}

/* Bootstrap 3 responsive adjustments */
@media (max-width: 767px) {
    select,
    select.form-control {
        font-size: 16px !important; /* Prevent zoom on iOS */
        padding: 8px 12px !important;
        height: 40px !important;
    }
    
    select {
        padding-right: 35px !important;
        background-position: right 10px center !important;
        background-size: 10px !important;
    }
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right !important;
        margin-bottom: 0 !important;
        padding-top: 7px !important;
    }
}

/* Bootstrap 3 print styles */
@media print {
    select,
    select.form-control {
        border: 1px solid #000 !important;
        background-color: #fff !important;
        color: #000 !important;
        box-shadow: none !important;
        background-image: none !important;
    }
    
    select option {
        color: #000 !important;
        background-color: #fff !important;
    }
}

/* Bootstrap 3 Marathi text compatibility */
select,
select.form-control {
    font-family: 'Ek Mukta', 'Arial', sans-serif !important;
    direction: ltr !important;
}

/* Clean up any conflicting styles */
.dropdown-enhanced {
    /* Reset any custom enhancements to use Bootstrap 3 defaults */
}

.dropdown-label {
    /* Use Bootstrap 3 label styling */
    color: #333 !important;
    font-weight: normal !important;
    font-size: 14px !important;
    margin-bottom: 5px !important;
}