/* ================================================
   ProseMirror — CSS de base (view, sélection, etc.)
   Importé par ProseMirrorService.php
   ================================================ */

/* Conteneur ProseMirror */
.ProseMirror {
    position: relative;
    outline: none;
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: break-spaces;
    -webkit-font-variant-ligatures: none;
    font-variant-ligatures: none;
    font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}

/* Curseur pendant la sélection */
.ProseMirror pre {
    white-space: pre-wrap;
}

.ProseMirror li {
    position: relative;
}

/* Sélection de nœud */
.ProseMirror-selectednode {
    outline: 2px solid #8b5cf6;
    border-radius: 2px;
}

/* Curseur bloc (gap) */
.ProseMirror-gapcursor {
    display: none;
    pointer-events: none;
    position: absolute;
}

.ProseMirror-gapcursor:after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 20px;
    border-top: 1px solid black;
    animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
}

@keyframes ProseMirror-cursor-blink {
    to { visibility: hidden; }
}

.ProseMirror-focused .ProseMirror-gapcursor {
    display: block;
}

/* Séparateur de tablette (drop cursor) */
.ProseMirror-dropcursor {
    color: #000;
    position: absolute;
}

/* Compatibilité avec le style de Pell */
.pelleditor-instance .ProseMirror {
    min-height: 200px;
    padding: 10px;
}