/*#donorPhoto{
 display:none !important;
  visibility:hidden;
  position:absolute;
  opacity:0;
  pointer-events:none;
}*/
#donorPhoto
  appearance:none !important;
  -webkit-appearance:none !important;
  left:-9999px !important;
  overflow:hidden !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  position:absolute !important;
  z-index:-999 !important;
  pointer-events:none !important;
}

#donorPhoto::-webkit-file-upload-button{
  display:none !important;
}

#donorPhoto::file-selector-button{
  display:none !important;
}

input[type="file"]#donorPhoto{
  display:none !important;
}

.donor-photo-upload-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:20px;
  flex-wrap:nowrap;
}


.donor-photo-upload-btn{
  background:linear-gradient(135deg,#F97316,#EA580C);
  color:#fff;
  padding:14px 24px;
  border-radius:12px;
  font-weight:700;
/*  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;*/
}

.donor-photo-preview-box{
  width:200px;
  height:200px;
 /* min-width:200px; */
  min-height:200px;
  border:2px dashed #F97316;
  border-radius:14px;
  background:linear-gradient(180deg,#FFF8F1 0%, #ffffff 100%);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex-shrink:0;
  box-shadow:0 10px 25px rgba(249,115,22,0.08);
  position:relative;
}
.donor-photo-preview-box::before{
  display: var(--preview-label-hide, block);
  content:"Photo Preview";
}

#photoPreview{
  width:100%;
  height:100%;
  object-fit:cover;
  display:none;
}


.photo-field{
  grid-column: span 2;
}

@media(max-width:768px){
  .photo-field{
    grid-column: span 1;
  }
}