/* Virtual Reality Museum Upload Stylesheet */

/* Override default lesson styles for upload form */
.upload-form .form-group {
  margin-bottom: 1.5rem;
}

/* Ensure artifact option labels have proper cursor */
.artifact-option {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .upload-form {
    padding: 1rem;
  }

  .artifact-types {
    grid-template-columns: repeat(2, 1fr);
  }

  .form-group input,
  .form-group textarea,
  .form-group select {
    font-size: 16px; /* Prevent zoom on iOS */
  }
}

/* Accessibility improvements */
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}

.file-input-label:focus-within {
  box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
}

/* Animation for progress bar */
@keyframes progress {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.8;
  }
}

.progress-fill {
  animation: none;
}

.progress-fill.uploading {
  animation: progress 1s ease-in-out infinite;
}