/* -----------------------------------
   Webform File Upload Progress
----------------------------------- */

/* Upload status container */
.webform-upload-status {
  margin-top: 12px;
}

/* Hide when no upload is active */
.webform-upload-status[hidden] {
  display: none;
}

/* Upload message */
.webform-upload-message {
  margin-bottom: 6px;
  font-size: 14px;
}

/* Progress bar background */
.webform-upload-bar {
  height: 8px;
  background: #e5e5e5;
  border-radius: 4px;
  overflow: hidden;
}

/* Animated progress bar */
.webform-upload-bar-fill {
  width: 0%;
  height: 100%;
  background: #007a47;
  border-radius: 4px;
  animation: upload-progress 8s ease-out forwards;
}

/* Gradually fill without reversing */
@keyframes upload-progress {
  0% {
    width: 0%;
  }

  30% {
    width: 50%;
  }

  60% {
    width: 75%;
  }

  100% {
    width: 95%;
  }
}