/* Digitana Social - Basis Mobile
   Aus base.css 1:1 ausgelagert; globale Mobile-Kopfgeometrie bleibt unveraendert. */

@media (max-width: 860px) {
  .ds-topline {
    z-index: 40;
    padding: 0 10px;
  }

  .ds-shell-head-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 52px;
  }

  .ds-logo-row {
    grid-column: 2;
    min-width: 0;
    min-height: 0;
    gap: 0;
  }

  .ds-logo-line {
    display: none;
  }

  .ds-logo {
    width: 48px;
    margin-bottom: 0;
    filter:
      drop-shadow(0 0 5px rgba(215, 237, 255, 0.34))
      drop-shadow(0 0 9px rgba(32, 169, 255, 0.24));
  }

  .ds-brand-rail {
    display: contents;
  }

  .ds-brand-line,
  .ds-brand-title,
  .ds-login-zone::before {
    display: none;
  }

  .ds-login-zone {
    grid-column: 3;
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    justify-self: end;
    justify-content: flex-end;
    min-width: 0;
  }

  .ds-login-trigger {
    min-width: 74px;
    min-height: 38px;
    padding: 6px 12px;
    font-size: 0.68rem;
  }

  .ds-head-divider {
    margin-top: 7px;
  }

  .ds-login-card {
    left: auto;
    right: 0;
    transform: none;
    width: min(326px, calc(100vw - 20px));
  }

  .ds-center-panel {
    padding: 34px 18px;
  }
}