/* BORDER ----------------------------------------------------------------- */

/* Avoid browser focus outline */
.tiptap.ProseMirror:focus {
    outline: none;
}

/* Border style */
.tiptap.ProseMirror {
    min-height: 100%;  /* Spill the full height */
    padding: 5px;  /* Padding border to text */
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
}

.tiptap.ProseMirror.ProseMirror-focused {
    border-color: #3273dc;
    box-shadow: 0 0 0 2px rgba(50, 115, 220, 0.1);
}

/* EDIT MODE -------------------------------------------------------------- */

.tiptap[contenteditable="true"] {
    cursor: text;
}

/* LOCKED MODE ------------------------------------------------------------ */

/* Freeze checkboxes */
.tiptap[contenteditable="false"] input[type="checkbox"] {
    pointer-events: none;
    opacity: 0.3;
}

/* LISTS ------------------------------------------------------------------ */

/* Tighten paragraphs inside lists */
.tiptap li > p {
    margin: .25em 0;
}

/* UNORDERED LISTS -------------------------------------------------------- */

/* Revert Bulma bullet points removal */
.tiptap ul {
    list-style: revert;
}

/* TASK LISTS ------------------------------------------------------------- */

/* Task List Perfect Alignment */
.tiptap ul[data-type="taskList"] {
    list-style: none;
    padding-left: .5em;
}

.tiptap ul[data-type="taskList"] li {
    display: flex;
    align-items: flex-start;
}

/* Tighten paragraphs inside task lists */
.tiptap ul[data-type="taskList"] li p {
    margin: 0;
}

.tiptap ul[data-type="taskList"] li > label {
    /* Pushes the checkbox down to match text baseline */
    margin-top: .1em;
}

.tiptap ul[data-type="taskList"] input[type="checkbox"] {
    cursor: pointer;
}