/* MODAL GENIŞLIK OPTIMIZASYONU - DENGELI BOYUT */

/* Ana Modal Container */
#addProductModal .modal-dialog {
    max-width: 85vw !important;
    width: 85vw !important;
    margin: 15px auto !important;
    max-height: calc(100vh - 30px) !important;
}

/* Desktop Sizes - Daha Dengeli */
@media (min-width: 1400px) {
    #addProductModal .modal-dialog {
        max-width: 1200px !important;
        width: 1200px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    #addProductModal .modal-dialog {
        max-width: 1000px !important;
        width: 1000px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #addProductModal .modal-dialog {
        max-width: 80vw !important;
        width: 80vw !important;
    }
}

/* Tablet ve Mobile aynı kalacak */
@media (min-width: 768px) and (max-width: 991px) {
    #addProductModal .modal-dialog {
        max-width: 90vw !important;
        width: 90vw !important;
    }
}

@media (max-width: 767px) {
    #addProductModal .modal-dialog {
        max-width: 95vw !important;
        width: 95vw !important;
    }
}

/* Modal Content */
#addProductModal .modal-content {
    max-height: calc(100vh - 30px) !important;
    border-radius: 8px !important;
}

/* Modal Body */
#addProductModal .modal-body {
    max-height: calc(100vh - 160px) !important;
    overflow-y: auto !important;
    padding: 1.25rem !important;
}

/* Modal Header & Footer */
#addProductModal .modal-header,
#addProductModal .modal-footer {
    padding: 1rem 1.25rem !important;
}

/* Form Elements - Daha Kompakt */
#addProductModal .form-control,
#addProductModal .form-select {
    font-size: 0.95rem !important;
    padding: 0.65rem 0.85rem !important;
}

#addProductModal .form-label {
    font-size: 0.9rem !important;
    margin-bottom: 0.4rem !important;
}

#addProductModal .btn {
    font-size: 0.9rem !important;
    padding: 0.65rem 1.25rem !important;
}

/* Row Spacing */
#addProductModal .row.g-4 {
    margin: -0.6rem !important;
}

    #addProductModal .row.g-4 > * {
        padding: 0.6rem !important;
    }

/* Textarea */
#addProductModal textarea.form-control {
    min-height: 85px !important;
    max-height: 105px !important;
}

/* Input Groups */
#addProductModal .input-group-text {
    font-size: 0.9rem !important;
    padding: 0.65rem 0.85rem !important;
}