/* Datum Converter Specific Styles */

.bg-gradient-warning {
  background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
}

#datumForm .form-control:focus,
#datumForm .form-select:focus {
  border-color: #ffc107;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.25);
}

.bg-warning.bg-opacity-25 {
  background-color: rgba(255, 193, 7, 0.25) !important;
}

#resultsCard {
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}