/*
 * Vintage Boutique Theme for Osclass
 * ajax-uploader.css - kraft-paper skin for jquery.fineuploader (item photos)
 */

.qq-upload-drop-area,
.qq-upload-button {
  border: 2px dashed var(--v-line-strong);
  border-radius: var(--v-radius);
  background: var(--v-paper-2);
  color: var(--v-brown);
  text-align: center;
  padding: 18px 12px;
  font-size: 14px;
  cursor: pointer;
}
.qq-upload-button {
  border-style: solid;
  background: var(--v-kraft-soft);
  font-weight: 600;
}
.qq-upload-button:hover { background: var(--v-kraft); color: var(--v-brown-dark); }
.qq-upload-drop-area { position: relative; }
.qq-upload-drop-area-active { background: var(--v-kraft-soft); border-color: var(--v-sage); }

.qq-upload-list { list-style: none; padding: 0; margin: 10px 0 0; }
.qq-upload-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 10px;
  margin-block-end: 6px;
  border: 1px solid var(--v-line);
  border-radius: var(--v-radius);
  background: var(--v-paper);
  font-size: 13.5px;
}
.qq-upload-file { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--v-ink); }
.qq-upload-size { color: var(--v-ink-faint); font-size: 12.5px; }
.qq-upload-cancel, .qq-upload-retry {
  border: 0;
  background: none;
  color: var(--v-danger);
  cursor: pointer;
  font-size: 13px;
  padding: 2px 6px;
}
.qq-upload-retry { color: var(--v-sage-dark); }
.qq-upload-spinner { width: 14px; height: 14px; border: 2px solid var(--v-kraft); border-top-color: var(--v-sage); border-radius: 50%; animation: vt-spin .8s linear infinite; }
@keyframes vt-spin { to { transform: rotate(360deg); } }

.qq-upload-success { border-color: var(--v-sage); }
.qq-upload-fail, .qq-upload-failed-text { color: var(--v-danger); }
.qq-drop-processing { display: none; }