/**
 * Component: Archive Header
 * Title and introduction for archive/taxonomy pages
 * Includes integrated breadcrumbs navigation
 */

/* @critical-start context: archive */
.archive-title-hero {
  width: 100%;
  text-align: center;
  padding: var(--spacing-8) var(--spacing-4);
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
}

.bap-archive-title-hero-full .archive-title-hero-title,
.bap-archive-title-hero-full .archive-title-hero-description {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

/* Breadcrumbs — all styling in breadcrumbs.css (incl. .archive-title-hero context override) */

/* Title */
.archive-title-hero-title {
  /* Schmale Handys: kleiner, damit lange Einzelwörter (bis ca. 20 Zeichen) bei 360 px in eine Zeile passen */
  font-size: clamp(var(--font-size-xl), 6.4vw, var(--font-size-3xl));
  font-weight: var(--font-weight-bold);
  color: var(--color-neutral-900);
  margin-bottom: var(--spacing-4);
  line-height: var(--line-height-tight);
  overflow-wrap: break-word;
}

/* Description */
.archive-title-hero-description {
  font-size: var(--font-size-lg);
  color: var(--color-neutral-600);
  line-height: var(--line-height-relaxed);
}

/* Beschreibung aus dem Editor: Absätze und Listen wie der Fließtext, Links erkennbar */
.archive-title-hero-description p,
.archive-title-hero-description li {
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

.archive-title-hero-description a {
  text-decoration: underline;
}

/* Responsive: Larger title on desktop */
@media (min-width: 768px) {
  .archive-title-hero {
    padding: var(--spacing-12) var(--spacing-4);
  }

  .archive-title-hero-title {
    font-size: var(--font-size-4xl);
  }
}
/* @critical-end */