/* VelChat mobile cover reposition fix
   Only affects the cover edit/reposition mode on phones. Desktop, upload, chat and grid stay untouched. */
@media (max-width: 767px) {
  body .wo_user_profile .cardheader.user-cover .user-reposition-container {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 32.7% !important;
    overflow: hidden !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
  }

  body .wo_user_profile .cardheader.user-cover .user-reposition-container > img,
  body .wo_user_profile .cardheader.user-cover .user-reposition-container img#full-image {
    position: absolute !important;
    top: var(--vel-cover-mobile-top, 0px) !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
    max-height: none !important;
    max-width: none !important;
    object-fit: initial !important;
    object-position: initial !important;
    cursor: grab !important;
    touch-action: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
  }

  body .wo_user_profile .cardheader.user-cover .user-reposition-container > img.vel-cover-mobile-dragging,
  body .wo_user_profile .cardheader.user-cover .user-reposition-container img#full-image.vel-cover-mobile-dragging {
    cursor: grabbing !important;
  }

  body .wo_user_profile .cardheader.user-cover .user-reposition-container .user-reposition-dragable-container {
    z-index: 3 !important;
    pointer-events: none !important;
  }

  body .wo_user_profile .cardheader.user-cover .user-repositioning-icons-container {
    z-index: 4 !important;
    pointer-events: none !important;
  }
}