/* Upload Area */
.upload-area {
  cursor: pointer;
  transition: all 0.25s ease;
  background-color: #fafafa;
  border-color: #dee2e6;
}

.upload-area:hover {
  background-color: #f0f0f0;
  border-color: #6c757d;
}

.upload-area.bg-light {
  background-color: #e7f3ff !important;
}

/* Float animation */
.upload-placeholder i {
  animation: float 3s ease infinite;
}

@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-8px); }
}

/* Photo hover */
#photoList img {
  transition: transform 0.25s ease;
}

#photoList img:hover {
  transform: scale(1.05);
}

#photoList .btn-danger {
  opacity: 0;
  transition: opacity 0.25s ease;
}

#photoList .position-relative:hover .btn-danger {
  opacity: 1;
}

/* Form focus */
.form-control:focus,
.form-select:focus {
  border-color: #208080;
  box-shadow: 0 0 0 0.2rem rgba(32, 128, 141, 0.25);
}

/* Mobile */
@media (max-width: 768px) {
  .form-control,
  .form-select,
  input,
  textarea,
  select {
    font-size: 16px !important; /* Prevent iOS zoom */
  }
}

.cursor-pointer {
  cursor: pointer;
}