/* ===== WinMall APF Theme — File Upload ===== */

/* ---- Dropzone Container ---- */

.wapf .dzone {
    background: #fafafa;
    border: 2px dashed var(--wm-border);
    border-radius: var(--wm-card-radius);
    padding: 32px;
    text-align: center;
    transition: border-color var(--wm-transition),
                background var(--wm-transition);
    cursor: pointer;
}

.wapf .dzone:hover,
.wapf .dzone.dz-drag-hover {
    border-color: var(--wm-primary);
    background: var(--wm-primary-light);
}

/* ---- Dropzone Message ---- */

.wapf .dz-message {
    font-size: 15px;
    color: var(--wm-text-secondary);
}

.wapf .dz-message span {
    color: var(--wm-primary);
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
}

/* ---- Upload Error ---- */

.wapf .wapf-dz-error {
    margin-top: 8px;
    font-size: 13px;
    color: #d32f2f;
}

/* ---- File Preview ---- */

.wapf .dz-preview {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 8px;
    padding: 8px 12px;
    background: var(--wm-bg-card);
    border: 1px solid var(--wm-border);
    border-radius: var(--wm-card-radius);
    font-size: 13px;
}

.wapf .dz-preview .dz-image img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 4px;
}

.wapf .dz-preview .dz-remove {
    color: #d32f2f;
    cursor: pointer;
    font-size: 12px;
}

/* ---- Error Text ---- */

.wapf .dz-error-message {
    color: #d32f2f;
    font-size: 12px;
}