/**
 * Discovery of Nature 0.3.53 — unified landing/category hero geometry.
 * Scope: Türler, Vahşi Yaşam and every category archive.
 * Geometry owner only: media sources, queries, links and content remain unchanged.
 */

/* Match the top breathing room before each landing hero. */
body.dn-dark-species .species-directory,
body.dn-dark-wildlife .wildlife-landing,
body.dn-dark-category .category-main {
  padding-top: clamp(14px, 1.5vw, 22px);
}

/* One shell, one silhouette, one height system. */
body.dn-dark-species .species-directory__hero,
body.dn-dark-wildlife .wildlife-landing .category-hero,
body.dn-dark-category .category-main .category-hero {
  min-height: clamp(250px, 23vw, 320px);
  border: 1px solid var(--don-line-strong, rgba(184,218,174,.16));
  border-radius: var(--don-radius-shell, 16px);
  overflow: hidden;
  box-shadow: none;
}

/* Editorial archive heroes were full-bleed. Bring them into the same site shell as Türler. */
body.dn-dark-wildlife .wildlife-landing .category-hero,
body.dn-dark-category .category-main .category-hero {
  width: min(calc(100% - (2 * var(--wpia-gutter))), var(--wpia-shell));
  margin-inline: auto;
}

/* Avoid a second nested shell inset inside the rounded archive hero. */
body.dn-dark-wildlife .wildlife-landing .category-hero__inner,
body.dn-dark-category .category-main .category-hero__inner {
  width: 100%;
  max-width: none;
  min-height: inherit;
  margin-inline: 0;
  padding: clamp(22px, 3vw, 36px);
  align-items: center;
}

body.dn-dark-species .species-directory__hero {
  padding: clamp(22px, 3vw, 36px);
}

body.dn-dark-wildlife .wildlife-landing .category-hero__copy,
body.dn-dark-category .category-main .category-hero__copy {
  max-width: min(720px, 76%);
}

/* Keep headline scale and copy width consistent across the three destinations. */
body.dn-dark-species .species-directory__hero h1,
body.dn-dark-wildlife .wildlife-landing .category-hero h1,
body.dn-dark-category .category-main .category-hero h1 {
  max-width: 19ch;
  font-size: clamp(2.3rem, 3.55vw, 3.8rem);
  line-height: 1.03;
  letter-spacing: -.038em;
}

body.dn-dark-species .species-directory__hero > .species-directory__hero-content > p:not(.eyebrow),
body.dn-dark-wildlife .wildlife-landing .category-hero__description,
body.dn-dark-category .category-main .category-hero__description {
  max-width: 56ch;
  font-size: clamp(.84rem, .95vw, .96rem);
  line-height: 1.5;
}

@media (max-width: 767px) {
  body.dn-dark-species .species-directory,
  body.dn-dark-wildlife .wildlife-landing,
  body.dn-dark-category .category-main {
    padding-top: 12px;
  }

  body.dn-dark-species .species-directory__hero,
  body.dn-dark-wildlife .wildlife-landing .category-hero,
  body.dn-dark-category .category-main .category-hero {
    min-height: clamp(238px, 62vw, 290px);
    border-radius: 12px;
  }

  body.dn-dark-species .species-directory__hero,
  body.dn-dark-wildlife .wildlife-landing .category-hero__inner,
  body.dn-dark-category .category-main .category-hero__inner {
    padding: 16px;
  }

  body.dn-dark-wildlife .wildlife-landing .category-hero__inner,
  body.dn-dark-category .category-main .category-hero__inner {
    align-items: center;
  }

  body.dn-dark-wildlife .wildlife-landing .category-hero__copy,
  body.dn-dark-category .category-main .category-hero__copy {
    max-width: 100%;
  }

  body.dn-dark-species .species-directory__hero h1,
  body.dn-dark-wildlife .wildlife-landing .category-hero h1,
  body.dn-dark-category .category-main .category-hero h1 {
    font-size: clamp(1.95rem, 9vw, 2.6rem);
    line-height: 1.02;
  }
}

/* Empty category archives keep a truthful compact entrance without a slug-specific exception. */
@media (min-width: 768px) {
  body.dn-dark-category .category-main--empty .category-hero {
    min-height: clamp(180px, 16vw, 230px);
  }
  body.dn-dark-category .category-main--empty .category-hero__inner {
    padding: 12px 16px;
  }
  body.dn-dark-category .category-main--empty .category-hero h1 {
    font-size: clamp(2.15rem, 3vw, 3.2rem);
    line-height: 1;
  }
  body.dn-dark-category .category-main--empty .category-hero__description {
    margin-top: 6px;
    font-size: .86rem;
    line-height: 1.38;
  }
  body.dn-dark-category .category-main--empty .category-hero__stats {
    margin-top: 7px;
    padding-top: 7px;
  }
}