/* Dark mode overrides */
[data-bs-theme="dark"] {
  --bs-body-bg: #212529;
  --bs-body-color: #f8f9fa;
  --bs-border-color: #495057;
}

[data-bs-theme="dark"] .card {
  background-color: #2c3034;
  border-color: #495057;
}

[data-bs-theme="dark"] .dropzone {
  border-color: #495057;
  background-color: rgba(33, 37, 41, 0.5);
}

[data-bs-theme="dark"] .file-item {
  border-bottom-color: #495057;
}

[data-bs-theme="dark"] .text-muted {
  color: #adb5bd !important;
}

/* General styles */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.container {
  flex: 1;
}

.dropzone:hover {
  border-color: #adb5bd;
}

.progress {
  height: 1.5rem;
}



/* Responsive adjustments */
@media (max-width: 768px) {
  .card-body {
    padding: 1rem;
  }

  .display-4 {
    font-size: 2.5rem;
  }
  .btn { width: 100%; } /* Full-width buttons on mobile */
  

 

}

/* New Conversion Button Styles */
#newConversionBtn {
  transition: all 0.3s ease;
}

/* Progress bar reset styles */
.progress-bar {
  transition: width 0.6s ease;
}