/**
 * Typo.js overlay spellcheck styles (cross-device red wavy underlines).
 */

.eg-spell-wrap {
  position: relative;
  display: block;
  width: 100%;
  max-width: 100%;
}

.eg-spell-wrap--input {
  display: block;
}

.eg-spell-backdrop {
  position: absolute;
  inset: 0;
  z-index: 0;
  margin: 0;
  pointer-events: none;
  color: transparent !important;
  background: transparent !important;
  overflow: hidden;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.eg-spell-wrap--input .eg-spell-backdrop {
  white-space: nowrap;
  overflow: hidden;
}

.eg-spell-field {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
}

.eg-spell-bad {
  color: transparent;
  border-bottom: 2px solid #dc2626;
  /* wavy where supported */
  text-decoration: underline wavy #dc2626;
  text-decoration-thickness: 2px;
  text-underline-offset: 2px;
  text-decoration-skip-ink: none;
  background-image: linear-gradient(
    45deg,
    transparent 65%,
    #dc2626 65%,
    #dc2626 80%,
    transparent 80%
  );
  background-size: 6px 3px;
  background-repeat: repeat-x;
  background-position: 0 100%;
}

/* Rich editors: border cue + title tooltip (no DOM mutation inside Quill) */
.eg-spell-ce-has-errors {
  box-shadow: inset 0 -2px 0 #dc2626 !important;
}