/* Fix for Jet Engine media field image display */

/* Ensure the preview holder displays correctly */
.cx-ui-media-wrap .cx-upload-preview .cx-image-wrap .inner .preview-holder {
    background: #f1f1f1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Fix the centered div positioning */
.cx-ui-media-wrap .cx-upload-preview .cx-image-wrap .inner .preview-holder .centered {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Ensure the image displays correctly */
.cx-ui-media-wrap .cx-upload-preview .cx-image-wrap .inner .preview-holder img {
    transform: none !important;
    -webkit-transform: none !important;
    position: relative !important;
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    -o-object-fit: contain !important;
    display: block !important;
}

/* Additional specificity for doc_picture field */
[data-control-name="doc_picture"] .cx-upload-preview .cx-image-wrap .inner .preview-holder img {
    transform: none !important;
    -webkit-transform: none !important;
}