/* Simple Fix for Select and Grid Issues */

/* 1. Select görünürlük sorunu için basit çözüm */
select.form-control {
    color: #212529 !important;
    -webkit-text-fill-color: #212529 !important;
    opacity: 1 !important;
}

/* 2. Bootstrap grid düzeltmesi - override modern-theme.css */
.row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.row > * {
    flex-shrink: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-top: 0 !important;
}

/* 3. Responsive column genişlikleri */
@media (min-width: 992px) {
    .row > .col-lg-3 {
        flex: 0 0 auto !important;
        width: 25% !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .row > .col-md-6 {
        flex: 0 0 auto !important;
        width: 50% !important;
    }
}

@media (max-width: 767.98px) {
    .row > .col-sm-12 {
        flex: 0 0 auto !important;
        width: 100% !important;
    }
}

/* 4. Form control genişlik garantisi */
.form-control {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

/* 5. Container düzeltmesi */
.container {
    max-width: 100% !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

/* 6. Card body içindeki formlar için */
.card-body {
    padding: 1.25rem !important;
}

.card-body form {
    width: 100% !important;
}