/* Show Wagtail <embed embedtype="image"> nodes visibly in the Prose editor */
.ProseMirror embed[embedtype="image"] {
  display: inline-block;
  box-sizing: border-box;
  width: 160px;
  height: 100px;
  margin: 0.25rem 0.5rem;
  border: 1px dashed #999;
  background: #f9f9f9;
  vertical-align: middle;
  position: relative;
}

.ProseMirror embed[embedtype="image"]::before {
  content: "📷 " attr(alt);
  font-size: 12px;
  color: #555;
  padding: 4px;
  display: block;
  text-align: center;
  white-space: normal;
}




/* Wagtail-like list styles inside django-prose-editor's ProseMirror editor */

/* Base: make sure lists show markers and are indented a bit */
.ProseMirror ol,
.ProseMirror ul {
  list-style-position: outside;
  margin-left: 1.5em;
}

/* Top-level ordered list items: 1, 2, 3 */
.ProseMirror ol[data-type="decimal"] > li {
  list-style-type: decimal !important;
}

/* Second-level ordered list items: a, b, c */
.ProseMirror ol[data-type="decimal"] > li > ol[data-type="decimal"] > li {
  list-style-type: lower-alpha !important;
}

/* Third-level ordered list items: i, ii, iii */
.ProseMirror
  ol[data-type="decimal"]
  > li
  > ol[data-type="decimal"]
  > li
  > ol[data-type="decimal"]
  > li {
  list-style-type: lower-roman !important;
}

/* Optional: nested ULs indentation */
.ProseMirror ul ul {
  margin-left: 1.5em;
}