/* leadity-Bibliothek · Prüfpaket 4: Cards und Header-Card-Familie */

:where(.leadity-card, [data-card-size]) {
  min-width: 0;
  overflow: hidden;
  border: var(--leadity-line-xs) solid transparent;
  background: var(--leadity-white);
  box-shadow: var(--leadity-shadow-default);
}

:where(.leadity-card, [data-card-size="large"], [data-card-size="x-large"]) {
  border-radius: var(--leadity-radius-xl);
}

[data-card-size="x-large"] { padding: var(--leadity-space-8); }
[data-card-size="large"] { padding: var(--leadity-space-7); }
[data-card-size="medium"] {
  padding: var(--leadity-space-6);
  border-radius: var(--leadity-radius-lg);
}
[data-card-size="small"] {
  padding: var(--leadity-space-5);
  border-radius: var(--leadity-radius-md);
}

.page-header-card {
  min-height: 0;
  display: block;
  container-name: leadity-page-header;
  container-type: inline-size;
}

.page-header-card-layout {
  --header-card-aside-width: 352px;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) var(--header-card-aside-width);
  column-gap: var(--leadity-space-7);
  align-items: stretch;
}

.page-header-card-layout-overview { --header-card-aside-width: 272px; }

.page-header-card-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--leadity-space-6);
  padding: 0;
}

.page-header-card-header {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--leadity-space-5);
}

.page-header-card-header .breadcrumbs { margin-bottom: 0; }

.page-header-card-intro {
  width: 100%;
  max-width: 936px;
  margin-top: 0;
  color: var(--leadity-text-default);
  font: 400 16px/27px var(--leadity-font-body);
}

.page-header-card-footer {
  width: 100%;
  min-width: 0;
  margin-top: 0;
}

.overview-card .page-header-card-footer { padding-top: var(--leadity-space-5); }
.task-header-card .page-header-card-footer { padding-top: var(--leadity-space-3); }

/* Task Header Cards halten Aktionen unabhängig von der Textlänge am Card-Boden. */
.task-header-card .page-header-card-main {
  min-height: 100%;
}

.task-header-card .page-header-card-footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--leadity-space-6);
  margin-top: auto;
}

.task-header-card :where(.task-actions, .task-footer-left) {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: var(--leadity-space-4);
}

.task-header-card .task-quicklinks {
  min-width: 0;
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: var(--leadity-space-3);
  margin-left: auto;
}

.task-header-card .processing-overview {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.page-header-card-aside {
  min-width: 0;
  align-self: stretch;
  margin: 0;
  padding-left: var(--leadity-space-7);
  border-left: var(--leadity-line-xs) solid var(--leadity-neutral-40);
}

.page-header-card--subpage .page-header-card-main { gap: var(--leadity-space-6); }
.page-header-card--subpage .page-header-card-footer { padding-top: 0; }

@container leadity-page-header (max-width: 800px) {
  .page-header-card-layout {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--leadity-space-7);
  }

  .page-header-card-aside {
    padding-top: var(--leadity-space-7);
    padding-left: 0;
    border-top: var(--leadity-line-xs) solid var(--leadity-neutral-40);
    border-left: 0;
  }

  .page-header-card--subpage .subpage-meta {
    align-items: flex-start;
    flex-direction: column;
  }
}