/**
 * Eingebettete Seiten in App-Shell v2: Eltern-#app-kopfzeile übernimmt Zurück/Titel.
 * Aktivierung: URL ?ohneKopf=1 → Klasse html.eingebettet-ohne-kopf (js/eingebettet-ohne-kopf.js).
 */

html.eingebettet-ohne-kopf #profil-kopf-zurueck {
  display: none !important;
}

html.eingebettet-ohne-kopf #match-haupt .topbar {
  display: none !important;
}

/**
 * Matches in App-Shell: Karte füllt Bereich bis Aktionsleiste (kein 60vh-Loch).
 */
html.eingebettet-ohne-kopf #match-haupt {
  --match-aktions-hoehe: clamp(58px, 16.2vmin, 78px);
  --match-aktions-abstand-unten: max(8px, env(safe-area-inset-bottom, 8px));
  --match-karte-aktions-luecke: 10px;
}

html.eingebettet-ohne-kopf #match-haupt.app {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html.eingebettet-ohne-kopf #match-haupt .card-container {
  top: max(4px, env(safe-area-inset-top, 0px));
  bottom: calc(
    var(--match-aktions-hoehe) + var(--match-aktions-abstand-unten) + var(--match-karte-aktions-luecke)
  );
}

html.eingebettet-ohne-kopf #match-haupt #match-stapel-wickler {
  max-height: 100% !important;
  height: 100% !important;
}

html.eingebettet-ohne-kopf #match-haupt #match-karte-vordergrund.card,
html.eingebettet-ohne-kopf #match-haupt #match-karte-hintergrund.match-karte-hinter {
  height: 100% !important;
  max-height: 100% !important;
  min-height: 0 !important;
}

html.eingebettet-ohne-kopf #match-haupt .actions {
  bottom: var(--match-aktions-abstand-unten);
}

html.eingebettet-ohne-kopf #match-haupt #match-leer-block {
  inset: max(8px, env(safe-area-inset-top, 0px)) clamp(10px, 3.8vw, 18px)
    calc(
      var(--match-aktions-hoehe) + var(--match-aktions-abstand-unten) + var(--match-karte-aktions-luecke)
    )
    clamp(10px, 3.8vw, 18px);
}

html.eingebettet-ohne-kopf .einzelchat-kopf {
  display: none !important;
}

html.eingebettet-ohne-kopf #online-eingebettet-leiste,
html.eingebettet-ohne-kopf body.online-ist-eingebettet .header {
  display: none !important;
}

/**
 * Entdecken in App-Shell: Eltern-#app-kopfzeile + Register direkt darunter (kein Leerraum).
 */
html.eingebettet-ohne-kopf body.online-ist-eingebettet {
  padding: 0 !important;
}

html.eingebettet-ohne-kopf body.online-ist-eingebettet .app {
  padding: 0 !important;
  min-height: 100%;
  height: 100%;
}

html.eingebettet-ohne-kopf .online-registerzeile {
  margin-top: 0 !important;
  padding-left: max(14px, env(safe-area-inset-left));
  padding-right: max(14px, env(safe-area-inset-right));
}

html.eingebettet-ohne-kopf .online-inhalte-wrap {
  margin-top: 0 !important;
}

html.eingebettet-ohne-kopf .online-tab-panel:not(#online-pane-karte) {
  padding-left: max(14px, env(safe-area-inset-left));
  padding-right: max(14px, env(safe-area-inset-right));
  padding-bottom: max(12px, env(safe-area-inset-bottom));
}

html.eingebettet-ohne-kopf h1[data-oberflaechen-nummer='167'] {
  display: none !important;
}