/* Digitana Social - Kommentare Mobile
   Nur responsive Kommentar- und Antwortregeln. Desktop- und Moduldesign bleiben in comments.css. */

@media (max-width: 860px) {
  .ds-profile-comment-level-1 {
    margin-left: 8px;
  }

  .ds-profile-comment-level-2 {
    margin-left: 14px;
  }

  .ds-profile-comment-level-3 {
    margin-left: 18px;
  }
}

@media (max-width: 820px) {
  .ds-profile-comment-actions-structured {
    column-gap: 10px;
    row-gap: 6px;
  }

  .ds-profile-comment-action-left {
    gap: 6px 8px;
  }

  .ds-profile-comment-actions-structured .ds-profile-comment-action-form {
    max-width: 100%;
  }

  .ds-profile-image-comments {
    flex-basis: 160px;
    max-height: min(40vh, 360px);
    max-height: min(40dvh, 360px);
    padding-bottom: 34px;
    scroll-padding-bottom: 38px;
  }

  .ds-profile-image-comments::after {
    height: 38px;
    min-height: 38px;
  }
}

@media (max-width: 720px) {
  .ds-central-comments .ds-profile-comment-level-1 {
    margin-left: 18px;
  }

  .ds-central-comments .ds-profile-comment-level-2,
  .ds-central-comments .ds-profile-comment-level-3,
  .ds-central-comments .ds-profile-comment-level-4,
  .ds-central-comments .ds-profile-comment-level-5 {
    margin-left: 30px;
  }
}

@media (max-width: 640px) {
  .ds-profile-action-row {
    align-items: flex-start;
  }

  .ds-profile-comment:is(
    [data-gallery-comment],
    [data-project-comment],
    [data-music-comment]
  )
  .ds-profile-action-row {
    align-items: center;
  }

  .ds-profile-action-right {
    gap: 7px;
  }
}