/* assets/css/repeater-sorting.css */
.jfb-repeater-row-handle {
    cursor: move;
    display: inline-block;
    margin-right: 10px; 
    color: #888;
    touch-action: none; /* Improve touch device handling */
  } 
  
  .jet-form-builder-repeater__row.sortable-ghost {
    opacity: 0.4;
    background-color: #f0f8ff; /* Light blue background for the placeholder */
  }
  
  .jet-form-builder-repeater__row.sortable-chosen,
  .jet-form-builder-repeater__row.sortable-drag {
    opacity: 0.9;
    background-color: #e6f2ff; /* Slightly darker blue for the dragged item */
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  }
  
  /* Adjust styling for repeater row controls if needed */
  .jet-form-builder-repeater__row {
    position: relative; /* Helps if handle is absolutely positioned */
    display: flex; /* Use flexbox for better alignment with handle */
    align-items: flex-start; /* Align handle to the top */
    padding-top: 5px; /* Add some space for the handle */
    padding-bottom: 5px;
  }
  
  .jet-form-builder-repeater__row-fields {
      flex-grow: 1; /* Allow fields container to take remaining space */
  }
  
  /* You might need to adjust the remove button position slightly */
  /* .jet-form-builder-repeater__row-remove { ... } */