/*
  Digitana Social - Profil-Trennlinien V1.2
  Kleines Modul nur für Mein Profil: feine Lichtlinien zwischen Text und Actionbox
  sowie Post-Zwischenlinien außerhalb der Feed-Beiträge.
  Keine Änderung an Central, Radar/Glocke, Mein Konto, Login, Core oder base.css.
*/

.ds-profile-panel {
  --ds-profile-line-soft: color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 46%, rgba(215, 237, 255, 0.44));
  --ds-profile-line-strong: color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 66%, rgba(255, 255, 255, 0.62));
  --ds-profile-line-glow: color-mix(in srgb, var(--ds-profile-accent, #20a9ff) 48%, transparent);
}

.ds-profile-panel .ds-profile-feed-list,
.ds-profile-panel .ds-profile-feed-post,
.ds-profile-panel .ds-profile-comment {
  position: relative;
  overflow: visible;
}

/*
  Feed-Post-Zwischenlinie:
  Die Linie liegt nicht im Beitrag selbst, sondern im Abstand zwischen zwei Feed-Posts.
  Sie gilt automatisch für alte und neue Feed-Beiträge.
*/
.ds-profile-panel .ds-profile-feed-list > .ds-profile-feed-post::before {
  content: none;
}

.ds-profile-panel .ds-profile-feed-list > .ds-profile-feed-post + .ds-profile-feed-post {
  margin-top: 20px;
}

.ds-profile-panel .ds-profile-feed-list > .ds-profile-feed-post + .ds-profile-feed-post::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: min(540px, 72%);
  height: 3px;
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      transparent 0%,
      color-mix(in srgb, var(--ds-profile-line-soft) 42%, transparent) 16%,
      var(--ds-profile-line-strong) 50%,
      color-mix(in srgb, var(--ds-profile-line-soft) 42%, transparent) 84%,
      transparent 100%);
  box-shadow:
    0 0 16px var(--ds-profile-line-glow),
    0 0 2px rgba(255, 255, 255, 0.66);
  pointer-events: none;
  z-index: 2;
}

/* Kommentar-/Antwort-Zwischenlinien bleiben im bestätigten Stand. */
.ds-profile-panel .ds-profile-comment::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(430px, 68%);
  height: 2px;
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      transparent 0%,
      color-mix(in srgb, var(--ds-profile-line-soft) 42%, transparent) 16%,
      var(--ds-profile-line-strong) 50%,
      color-mix(in srgb, var(--ds-profile-line-soft) 42%, transparent) 84%,
      transparent 100%);
  box-shadow:
    0 0 16px var(--ds-profile-line-glow),
    0 0 2px rgba(255, 255, 255, 0.66);
  opacity: 0.88;
  pointer-events: none;
  z-index: 2;
}

/* Linie zwischen Inhalt und Actionbox bleibt wie bestätigt. */
.ds-profile-panel .ds-profile-action-block:has(> .ds-profile-action-row)::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0 0 8px;
  border-radius: 999px;
  background:
    linear-gradient(90deg,
      transparent 0%,
      color-mix(in srgb, var(--ds-profile-line-soft) 34%, transparent) 9%,
      color-mix(in srgb, var(--ds-profile-line-soft) 50%, transparent) 42%,
      rgba(255, 255, 255, 0.62) 50%,
      color-mix(in srgb, var(--ds-profile-line-soft) 50%, transparent) 58%,
      color-mix(in srgb, var(--ds-profile-line-soft) 34%, transparent) 91%,
      transparent 100%);
  box-shadow: 0 0 10px color-mix(in srgb, var(--ds-profile-line-glow) 58%, transparent);
  pointer-events: none;
}

.ds-profile-panel .ds-profile-post-action-block:has(> .ds-profile-action-row)::before {
  margin-top: 8px;
}

@media (max-width: 820px) {
  .ds-profile-panel .ds-profile-feed-list > .ds-profile-feed-post + .ds-profile-feed-post::before {
    width: min(440px, 76%);
  }

  .ds-profile-panel .ds-profile-comment::before {
    width: min(360px, 72%);
  }
}