/* Custom link dialog: same stacking model as Quill Snow .ql-tooltip (inside .ql-container) */
.ql-container.ql-snow .ccm-quill-link-backdrop {
  position: absolute;
  inset: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.22);
  border-radius: 4px;
}

.ql-container.ql-snow .ccm-quill-link-panel {
  position: absolute;
  z-index: 11;
  white-space: normal;
  min-width: min(92vw, 380px);
  max-width: min(92vw, 380px);
  transform: translateY(10px);
}

.ql-container.ql-snow .ccm-quill-link-panel.ql-flip {
  transform: translateY(-10px);
}

/* Icons before article links (Quill stores only standard href: https?, tel:, mailto:) */
[id$="ContentTextEditor"] .ql-editor a[href^="tel:"]::before,
[id^="content-card-text-"].ql-editor a[href^="tel:"]::before,
.article-content.ql-editor a[href^="tel:"]::before,
.short-article-content.ql-editor a[href^="tel:"]::before,
.content-article-modal-body-html a[href^="tel:"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f095";
  margin-right: 0.35em;
  display: inline-block;
  text-decoration: none;
}

[id$="ContentTextEditor"] .ql-editor a[href^="mailto:"]::before,
[id^="content-card-text-"].ql-editor a[href^="mailto:"]::before,
.article-content.ql-editor a[href^="mailto:"]::before,
.short-article-content.ql-editor a[href^="mailto:"]::before,
.content-article-modal-body-html a[href^="mailto:"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0e0";
  margin-right: 0.35em;
  display: inline-block;
  text-decoration: none;
}

[id$="ContentTextEditor"] .ql-editor a[href^="http://"]::before,
[id$="ContentTextEditor"] .ql-editor a[href^="https://"]::before,
[id$="ContentTextEditor"] .ql-editor a[href^="//"]::before,
[id^="content-card-text-"].ql-editor a[href^="http://"]::before,
[id^="content-card-text-"].ql-editor a[href^="https://"]::before,
[id^="content-card-text-"].ql-editor a[href^="//"]::before,
.article-content.ql-editor a[href^="http://"]::before,
.article-content.ql-editor a[href^="https://"]::before,
.article-content.ql-editor a[href^="//"]::before,
.short-article-content.ql-editor a[href^="http://"]::before,
.short-article-content.ql-editor a[href^="https://"]::before,
.short-article-content.ql-editor a[href^="//"]::before,
.content-article-modal-body-html a[href^="http://"]::before,
.content-article-modal-body-html a[href^="https://"]::before,
.content-article-modal-body-html a[href^="//"]::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f0c1";
  margin-right: 0.35em;
  display: inline-block;
  text-decoration: none;
}