/* Image uploader */
.uploadForm { max-width: 100%; }
.imgUploadPreview { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 12px; pointer-events: auto; }
.imgUploadPreviewHolder { height: 96px; font-size:14px; }
.imgUploadPreviewImg {
	position: relative; border: 1px solid #ddd; border-radius: 8px; padding: 8px; background: #fafafa; width: 130px; font-family: sans-serif; overflow: hidden;
	opacity: 0;
	animation: fadeInPop 0.4s ease-out forwards;
}
.imgUploadPreviewImg img { width: 100%; border-radius: 4px; object-fit: cover; max-height:96px; }
.imgUploadFileInfo { margin-top: 8px; font-size: 11px; line-height:1.2; word-break:break-word; }
.imgUploadFileCount { margin-top: 1rem; font-size: 1rem; }
.imgUploadDuplicateWarning { color:var(--red); margin:10px; font-size: 1rem; }
.dropZone { border: 2px dashed #999; background-color: #FFFFFF; border-radius: 10px; padding: 18px; text-align: center; color: #555; cursor: pointer; margin:0 auto 1em; max-width:680px; box-sizing:border-box; }
.dropZone.dragover { background-color: #f0f0f0; border-color: #333; }
.dropZone .statusIcon { background-image:none; }
.dropZone .statusSuccess, .dropZone .statusError, .dropZone .dropUpload, .dropZone .rotateUpload { background-image: url('https://i.ibishi.co.uk/y.png'); height: 25px; width: 25px; display: inline-block; background-size: contain; margin-left:10px; margin-right: 10px; vertical-align: middle; background-repeat: no-repeat; }
.dropZone .statusError, .dropZone .dropUpload, .dropUpload { background-image: url('https://i.ibishi.co.uk/x.png'); }
.dropZone .rotateUpload { background-image: url('https://i.ibishi.co.uk/02-redo.png'); }
.dropUpload { position: absolute; top:5px; right:-5px; }
.dropZone.disabled { pointer-events: none; }
.postUpload { width: max-content; max-width: 100%; margin: 14px auto 0 !important; }
.dropZone.disabled .postUpload { pointer-events: auto; cursor: pointer; opacity: 1; display: block !important; }
@keyframes fadeInPop {
	0% { opacity: 0; transform: scale(0.9); }
	100% { opacity: 1; transform: scale(1); }
}

.fileInput, .imgUploadFileCount, .loadingMessage, .uploadProgress, .uploaderButton, .postUpload, .postUploadAction { display:none;  }
input.fileInput { display:none !important; }
.loadingMessage { text-align:center; padding:10px; }
.loadingMessage p {
	font-size: 16px !important;
	color: #555;
	font-weight: bold;
 }
.loadingMessage img { width:56px !important; height:56px !important; object-fit:contain; }

.statusText { font-size:16px; }
.emptyUploadIcon { width:72px !important; height:72px !important; object-fit:contain; margin-top:10px; }
.currentImage { text-align:center; }
.currentImage img, img.currentImage { max-width:120px !important; max-height:140px !important; object-fit:contain; }
.uploadProgress { width: min(320px, 100%); margin-top: 0.75rem; }
.uploaderButton, .postUpload, .postUploadAction, .closeUploader { margin-top:14px; }