/* Modal Mobil Düzeltmeleri */

/* Mobil görünümde modal ayarları */
@media (max-width: 768px) {
    /* Modal'ı biraz aşağı indir */
    #qrMenuModal .modal-dialog {
        margin-top: 120px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 85% !important;
        max-width: 85% !important;
        position: relative !important;
    }
    
    /* Modal içeriğini %20 küçült */
    #qrMenuModal .modal-content {
        transform: scale(0.8) !important;
        transform-origin: top center !important;
    }
    
    /* Modal backdrop z-index ayarı */
    .modal-backdrop {
        z-index: 1040 !important;
    }
    
    /* Modal z-index ayarı - menü barının altında kalmaması için */
    #qrMenuModal {
        z-index: 1050 !important;
    }
    
    /* Modal header padding ayarı */
    #qrMenuModal .modal-header {
        padding: 20px 15px !important;
    }
    
    /* Modal body padding ayarı */
    #qrMenuModal .modal-body {
        padding: 20px 15px !important;
    }
    
    /* Form elemanları mobil uyumlu */
    #qrMenuModal .form-control {
        font-size: 14px !important;
        padding: 10px 12px !important;
    }
    
    /* Başlık boyutu */
    #qrMenuModal .modal-title {
        font-size: 1.2rem !important;
    }
    
    /* Logo boyutu */
    #qrMenuModal .modal-header img {
        height: 35px !important;
        margin-right: 10px !important;
    }
    
    /* Buton boyutu */
    #qrMenuModal button[type="submit"] {
        padding: 12px !important;
        font-size: 1rem !important;
    }
}

/* Çok küçük ekranlar için */
@media (max-width: 576px) {
    #qrMenuModal .modal-dialog {
        margin-top: 110px !important;
        width: 90% !important;
        max-width: 90% !important;
    }
    
    #qrMenuModal .modal-content {
        transform: scale(0.8) !important;
    }
}