/**
 * Discovery of Nature — Dark Nature Edition / Vahşi Yaşam pilot.
 *
 * Visual layer only: no block geometry, breakpoint, media source, markup,
 * content query or interaction changes. Loaded ONLY on /vahsi-yasam/.
 * The body opt-in class prevents this palette from leaking into categories.
 */
body.dn-dark-wildlife {
  --dn-ink: #f2f4ee;
  --dn-green: #afe18f;
  --dn-green-strong: #19301f;
  --dn-green-soft: #263a2a;
  --dn-paper: #14251b;
  --dn-surface: #0c1711;
  --dn-ink-soft: #bcc8be;
  --dn-border: rgba(184,218,174,.12);
  --dn-focus: #d2f1b8;
  /* Alias values must be overridden on the body as well as --dn-*:
     the :root --wpia-* aliases resolve before descendant overrides. */
  --wpia-ink: #f2f4ee;
  --wpia-forest: #afe18f;
  --wpia-forest-dark: #19301f;
  --wpia-paper: #14251b;
  --wpia-white: #0c1711;
  --wpia-muted: #bcc8be;
  --wpia-border: rgba(184,218,174,.12);
  background: #0c1711;
  color: #f2f4ee;
}

/* Existing header, menu, search and ticker: appearance only. */
body.dn-dark-wildlife .site-header {
  background: #121e17;
  border-bottom-color: rgba(184,218,174,.12);
}
body.dn-dark-wildlife .site-header__utility {
  background: #0c130f;
}
body.dn-dark-wildlife .site-header__utility-link,
body.dn-dark-wildlife .site-header__tagline {
  color: #c7d4c6;
}
body.dn-dark-wildlife .site-header .site-wordmark {
  color: #f2f4ee;
}
body.dn-dark-wildlife .site-header .primary-menu a,
body.dn-dark-wildlife .site-header .header-account,
body.dn-dark-wildlife .site-header .search-toggle,
body.dn-dark-wildlife .site-header .nav-toggle {
  color: #f2f4ee;
}
body.dn-dark-wildlife .site-header .primary-menu a:hover,
body.dn-dark-wildlife .site-header .primary-menu a:focus-visible,
body.dn-dark-wildlife .site-header .primary-menu .current-menu-item > a,
body.dn-dark-wildlife .site-header .primary-menu .current_page_item > a {
  color: #afe18f;
  border-bottom-color: #afe18f;
}
body.dn-dark-wildlife .site-header .header-account:hover,
body.dn-dark-wildlife .site-header .header-account:focus-visible,
body.dn-dark-wildlife .site-header .search-toggle:hover,
body.dn-dark-wildlife .site-header .search-toggle:focus-visible,
body.dn-dark-wildlife .site-header .nav-toggle:hover,
body.dn-dark-wildlife .site-header .nav-toggle:focus-visible {
  background: #263a2a;
  color: #d2f1b8;
}
body.dn-dark-wildlife .site-header .header-register {
  border-color: #afe18f;
  background: #afe18f;
  color: #102016;
}
body.dn-dark-wildlife .site-header .header-register:hover,
body.dn-dark-wildlife .site-header .header-register:focus-visible {
  border-color: #d2f1b8;
  background: #d2f1b8;
  color: #102016;
}
body.dn-dark-wildlife .site-header .search-form {
  border-color: rgba(184,218,174,.16);
  background: #14251b;
}
body.dn-dark-wildlife .site-header .search-field {
  color: #f2f4ee;
}
body.dn-dark-wildlife .site-header .search-field::placeholder {
  color: #bcc8be;
}
body.dn-dark-wildlife .site-header .search-submit {
  border-left-color: rgba(184,218,174,.16);
  background: #1e3023;
  color: #f2f4ee;
}
body.dn-dark-wildlife .site-header .search-submit:hover,
body.dn-dark-wildlife .site-header .search-submit:focus-visible {
  background: #294633;
  color: #d2f1b8;
}
body.dn-dark-wildlife .latest-ticker {
  background: #0c130f;
  box-shadow: inset 0 -1px 0 rgba(184,218,174,.12);
}

/* Hero: preserve existing dimensions and selected WordPress hero image. */
body.dn-dark-wildlife .wildlife-landing .category-hero {
  border-bottom-color: rgba(184,218,174,.12);
  background: #0c1711;
}
body.dn-dark-wildlife .wildlife-landing .category-hero--image {
  background: #101812;
  color: #f2f4ee;
}
body.dn-dark-wildlife .wildlife-landing .category-hero--image::after {
  background: linear-gradient(90deg, rgba(6, 13, 9, .89) 0%, rgba(6, 13, 9, .63) 43%, rgba(6, 13, 9, .21) 78%, rgba(6, 13, 9, .10) 100%);
}
body.dn-dark-wildlife .wildlife-landing .category-hero--image h1,
body.dn-dark-wildlife .wildlife-landing .category-hero--image .category-hero__stats strong {
  color: #fff;
}
body.dn-dark-wildlife .wildlife-landing .category-hero--image .eyebrow {
  color: #d2f1b8;
}
body.dn-dark-wildlife .wildlife-landing .category-hero--image .category-hero__description {
  color: #eff5eb;
}
body.dn-dark-wildlife .wildlife-landing .category-hero--image .breadcrumbs,
body.dn-dark-wildlife .wildlife-landing .category-hero--image .breadcrumbs a,
body.dn-dark-wildlife .wildlife-landing .category-hero--image .category-hero__stats {
  color: #d4e0d2;
}
body.dn-dark-wildlife .wildlife-landing .category-hero--minimal .eyebrow,
body.dn-dark-wildlife .wildlife-landing .category-hero--rich .eyebrow {
  color: #afe18f;
}

/* Seven existing subtopics; horizontal mobile scroll and hit areas unchanged. */
body.dn-dark-wildlife .wildlife-landing .category-subtopics {
  border-color: rgba(184,218,174,.16);
  background: #14251b;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .15);
}
body.dn-dark-wildlife .wildlife-landing .category-subtopics a {
  border-right-color: #435b47;
  background: transparent;
  color: #f2f4ee;
  text-decoration: none;
}
body.dn-dark-wildlife .wildlife-landing .category-subtopics a:first-child {
  border-left-color: #435b47;
}
body.dn-dark-wildlife .wildlife-landing .category-subtopics__icon {
  color: #c9e9ae;
}
body.dn-dark-wildlife .wildlife-landing .category-subtopics a:hover,
body.dn-dark-wildlife .wildlife-landing .category-subtopics a:focus-visible,
body.dn-dark-wildlife .wildlife-landing .category-subtopics a.is-current {
  border-right-color: #739774;
  background: #294633;
  color: #f6f9f2;
}
body.dn-dark-wildlife .wildlife-landing .category-subtopics a:hover .category-subtopics__icon,
body.dn-dark-wildlife .wildlife-landing .category-subtopics a:focus-visible .category-subtopics__icon,
body.dn-dark-wildlife .wildlife-landing .category-subtopics a.is-current .category-subtopics__icon {
  color: #d2f1b8;
}
body.dn-dark-wildlife .wildlife-landing .category-subtopics a:focus-visible {
  outline: 3px solid #d2f1b8;
  outline-offset: -3px;
}

/* Photograph-led cards, no card reordering or image substitutions. */
body.dn-dark-wildlife .wildlife-landing .category-featured__lead .story-card,
body.dn-dark-wildlife .wildlife-landing .category-featured__rail .story-card {
  border-radius: 8px;
  outline: 1px solid rgba(184,218,174,.16);
  outline-offset: -1px;
}
body.dn-dark-wildlife .wildlife-landing .category-featured__lead .story-card::after,
body.dn-dark-wildlife .wildlife-landing .category-featured__rail .story-card::after {
  background: linear-gradient(180deg, rgba(4, 10, 6, .01) 27%, rgba(4, 10, 6, .89) 100%);
}
body.dn-dark-wildlife .wildlife-landing .category-featured__lead .story-card__category,
body.dn-dark-wildlife .wildlife-landing .category-featured__rail .story-card__category {
  color: #d2f1b8;
  opacity: 1;
}
body.dn-dark-wildlife .wildlife-landing .story-grid--archive .story-card {
  box-shadow: inset 0 1px 0 rgba(184,218,174,.12);
}
body.dn-dark-wildlife .wildlife-landing .story-grid--archive .story-card__media,
body.dn-dark-wildlife .wildlife-landing .category-species .species-card__media {
  border-radius: 7px;
}
body.dn-dark-wildlife .wildlife-landing .story-card__title a:hover,
body.dn-dark-wildlife .wildlife-landing .story-card__title a:focus-visible,
body.dn-dark-wildlife .wildlife-landing .category-popular a:hover .category-popular__title,
body.dn-dark-wildlife .wildlife-landing .category-popular a:focus-visible .category-popular__title {
  color: #d2f1b8;
}
body.dn-dark-wildlife .wildlife-landing .wikipetsia-media-placeholder {
  background: linear-gradient(135deg, #283c2c, #17241b);
}
body.dn-dark-wildlife .wildlife-landing .section-heading {
  border-bottom-color: rgba(184,218,174,.16);
}
body.dn-dark-wildlife .wildlife-landing .eyebrow,
body.dn-dark-wildlife .wildlife-landing .story-card__category {
  color: #afe18f;
}

/* Existing archive filter markup/menu, focus states and pagination. */
body.dn-dark-wildlife .wildlife-landing .archive-filter-bar__menu {
  border-color: rgba(184,218,174,.16);
  background: #14251b;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .32);
}
body.dn-dark-wildlife .wildlife-landing .archive-filter-bar__link.is-current {
  border-color: #afe18f;
  background: #afe18f;
  color: #102016;
}
body.dn-dark-wildlife .wildlife-landing .archive-filter-bar__menu a:hover,
body.dn-dark-wildlife .wildlife-landing .archive-filter-bar__menu a:focus-visible {
  background: #294633;
  color: #f2f4ee;
}
body.dn-dark-wildlife .wildlife-landing .navigation.pagination .page-numbers {
  border-color: rgba(184,218,174,.16);
  background: #14251b;
  color: #f2f4ee;
}
body.dn-dark-wildlife .wildlife-landing .navigation.pagination .page-numbers.current {
  border-color: #afe18f;
  background: #afe18f;
  color: #102016;
}
body.dn-dark-wildlife .wildlife-landing .navigation.pagination a.page-numbers:hover,
body.dn-dark-wildlife .wildlife-landing .navigation.pagination a.page-numbers:focus-visible {
  border-color: #afe18f;
  background: #294633;
  color: #f2f4ee;
}
body.dn-dark-wildlife .wildlife-landing .story-card__favorite .discovery-favorite-btn:focus-visible {
  outline-color: #d2f1b8;
}

/* Existing registration CTA and footer shell remain in their original places. */
body.dn-dark-wildlife .site-registration-cta {
  border-color: rgba(184,218,174,.16);
  box-shadow: inset 0 0 0 1px rgba(184,218,174,.16);
  background: #19301f;
}
body.dn-dark-wildlife .site-registration-cta .eyebrow {
  color: #d2f1b8;
}
body.dn-dark-wildlife .site-registration-cta__button--primary {
  border-color: #afe18f;
  background: #afe18f;
  color: #102016;
}
body.dn-dark-wildlife .site-registration-cta__button--primary:hover,
body.dn-dark-wildlife .site-registration-cta__button--primary:focus-visible {
  border-color: #d2f1b8;
  background: #d2f1b8;
  color: #102016;
}
body.dn-dark-wildlife .site-footer {
  background: #0c130f;
  box-shadow: inset 0 1px 0 rgba(184,218,174,.12);
}
body.dn-dark-wildlife .site-footer__account-button {
  border-color: #afe18f;
  background: #afe18f;
  color: #102016;
}
body.dn-dark-wildlife .site-footer__account-button:hover,
body.dn-dark-wildlife .site-footer__account-button:focus-visible {
  background: #d2f1b8;
  color: #102016;
}

/* Reuse the existing mobile geometries, specifically the 4-item topic viewport. */
@media (max-width: 767px) {
  body.dn-dark-wildlife .wildlife-landing .category-hero--image::after {
    background: linear-gradient(180deg, rgba(4, 10, 6, .08) 10%, rgba(4, 10, 6, .91) 100%);
  }
  body.dn-dark-wildlife .wildlife-landing .category-subtopics {
    box-shadow: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.dn-dark-wildlife .wildlife-landing .category-subtopics a {
    transition: none;
  }
}
