/* Digitana Social - Profilbasis Mobile
   Responsive Regeln aus profile_base.css, ohne Profilreiter, Feed oder Connections. */

@media (max-width: 920px) {
  .ds-profile-social-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .ds-profile-panel {
    max-width: 100%;
    min-width: 0;
    padding-top: 28px;
  }

  .ds-profile-body {
    max-width: 100%;
    min-width: 0;
    padding: 14px 12px 18px;
  }

  .ds-profile-cover {
    max-width: 100%;
    min-width: 0;
    min-height: 150px;
  }

  .ds-profile-social-layout,
  .ds-profile-feed-column {
    max-width: 100%;
    min-width: 0;
  }

  .ds-profile-avatar-wrap {
    width: 66px;
    height: 66px;
  }

  .ds-content-frame {
    overflow-x: clip;
  }

  .ds-profile-cover-title {
    left: 14px;
    top: 14px;
    max-width: calc(100% - 72px);
  }

  .ds-profile-cover-heading {
    font-size: clamp(1.25rem, 7vw, 1.82rem);
    letter-spacing: 0.06em;
  }

  .ds-profile-cover-adjust {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ds-profile-summary,
  .ds-profile-image-left,
  .ds-profile-image-center,
  .ds-profile-image-right {
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 18px 16px 14px;
    justify-items: center;
    text-align: center;
  }

  .ds-profile-link-card {
    grid-template-columns: 1fr;
  }

  .ds-profile-link-card img {
    width: 100%;
    height: auto;
    max-height: 180px;
  }

  .ds-profile-status-inline-form {
    min-width: 0;
    width: 100%;
  }

  .ds-profile-status-input {
    width: min(250px, calc(100vw - 104px));
  }

  .ds-profile-cover-adjust input[type="range"] {
    width: 100%;
  }

  .ds-profile-image-left .ds-profile-avatar-wrap,
  .ds-profile-image-center .ds-profile-avatar-wrap,
  .ds-profile-image-left .ds-profile-info-left,
  .ds-profile-image-left .ds-profile-info-right,
  .ds-profile-image-center .ds-profile-info-left,
  .ds-profile-image-center .ds-profile-info-right,
  .ds-profile-image-right .ds-profile-info-left,
  .ds-profile-image-right .ds-profile-info-right {
    grid-column: 1;
    grid-row: auto;
    text-align: left;
    justify-self: start;
    margin-top: 0;
  }

  .ds-profile-image-right .ds-profile-avatar-wrap {
    grid-column: 1;
    grid-row: auto;
    text-align: left;
    justify-self: end;
    margin-top: 0;
  }

  .ds-profile-info-left,
  .ds-profile-info-right {
    text-align: center;
    width: 100%;
  }

  .ds-profile-avatar-image,
  .ds-profile-avatar-placeholder {
    width: 104px;
    height: 104px;
  }

  .ds-profile-cover-delete-form {
    right: 14px;
    bottom: 10px;
  }

  .ds-profile-inline-delete {
    margin-left: 0;
  }
}