/* Upload zone visuals now live in project.css — shared with photo_docs. */

/* 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 — brand green (this file loads after project.css, so without
   this the old teal would win over the brand focus ring defined there). */
.form-control:focus,
.form-select:focus {
  border-color: var(--brand-light);
  box-shadow: 0 0 0 0.2rem rgba(var(--brand-rgb), 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;
}