:root {
  --wiki-link-gutters: 5px;
}

/* тюнинг для инлайн-едита */
app-cmf-inline-edit .mce-content-body.mce-content-readonly > *:has([data-macros='wiki-link-presentation']) {
  max-width: calc(100% - var(--wiki-link-gutters));
}

.mce-content-body .wiki-link-wrap {
  margin: 0 2px;
  width: max-content;
  max-width: 100%;
  font-weight: 400;
}

/* В режиме редактирования не даем выделять содержимое wiki-link */
#tinymce .wiki-link-wrap {
  user-select: auto;
}

#tinymce .wiki-link-wrap * {
  /** Выключено, т.к. ломает драгндроп
  /** user-select: none; */
}

.mce-content-body .wiki-link-wrap__url,
.mce-content-body .wiki-link-wrap__text {
  /* Урл и текст это инлайн */
  display: inline;
}

.mce-content-body .wiki-link-wrap.wiki-link-wrap__card,
.mce-content-body .wiki-link-wrap:has(app-wiki-link-presentation) {
  /* Карточка это блок */
  display: block;
  min-height: 191px; /* Фиксированная высота */
  overflow: hidden;
  box-shadow: 0 0 4px 3px var(--color-gray-fff);
}

#tinymce .wiki-link-wrap.wiki-link-wrap__card > * {
  /* В режиме редактирования, ссылки просто выбираются */
  pointer-events: none;
}

#tinymce .wiki-link-wrap.wiki-link-wrap__card a.hidden,
.mce-content-body .wiki-link-wrap.wiki-link-wrap__card a.hidden {
  display: none;
}

.mce-content-body .wiki-link-wrap > a * {
  /* Мы отлавливаем событие клика по ссылке и не хотим промахиваться */
  pointer-events: none;
}

.mce-content-body .wiki-link-wrap:has(.view-mode--text:not([style*='display: none;'])) {
  padding: 2px;
  border-radius: 4px;
  box-shadow:
    0 1px 1px rgba(9, 30, 66, 0.25),
    0 0 1px 1px rgba(9, 30, 66, 0.13);
}