/* DataLife Engine 21.0 template compatibility layer. */

/* DLE 21.0: readable fallback shown when an oEmbed provider fails. */
.dlemedia-oembed-error {
  color: var(--text-primary, #24262d);
  background: var(--surface-soft, #f0f0f0);
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1em;
  box-sizing: border-box;
}

.theme-dark .dlemedia-oembed-error {
  color: var(--text-primary, #f5f6f8);
  background: var(--surface-soft, #22242b);
}

/* DLE 21.0: controls generated for dynamic extra/profile fields. */
.btn.bg-light {
  color: #333;
  background-color: #eae9e9;
  text-shadow: none;
  box-shadow: none;
}

.btn.bg-light.remove-dynamic-item {
  color: #ef5350;
}

.comment-card__avatar--placeholder {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-muted, #727680);
  background: var(--surface-soft, #eef0f3);
}

.comment-card__avatar--placeholder .i-svg {
  width: 58%;
  height: 58%;
}

.profile-social-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.profile-social-link__detach {
  color: var(--accent-fire, #ff9f1c);
  font-weight: 700;
}