/* ============================================
   PAGE HEADER FULL-WIDTH DARK BACKGROUND
   ============================================ */

/* Remove top padding from page-content when dark header is first child */
.page-content:has(> .category-archive > .page-header-dark:first-child),
.page-content:has(> .tag-page > .page-header-dark:first-child),
.page-content:has(> article > .page-header-dark:first-child) {
  padding-top: 0 !important;
}

/* Full-width dark background section - naturally full width (no wrapper parent) */
.page-header-dark {
  width: 100%;
  margin: 0 0 40px 0;
  padding: 25px 0;
  background:
    /* Diagonal mesh pattern */
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 10px,
      rgba(0, 0, 0, 0.35) 10px,
      rgba(0, 0, 0, 0.35) 11px
    ),
    repeating-linear-gradient(
      -45deg,
      transparent,
      transparent 10px,
      rgba(0, 0, 0, 0.35) 10px,
      rgba(0, 0, 0, 0.35) 11px
    ),
    /* Dark base color */
    #2a2520;
}

/* Ensure text is readable on dark background */
.page-header-dark .breadcrumbs {
  color: #c8c6c3;
  margin-bottom: 20px;
}

.page-header-dark .breadcrumbs a {
  color: #c5641c;
}

.page-header-dark .breadcrumbs a:hover {
  color: white;
}

/* Make active breadcrumb visible on dark background */
.page-header-dark .breadcrumb-item.active {
  color: #c8c6c3;
}

.page-header-dark .breadcrumb-separator {
  color: #888;
}

.page-header-dark .page-heading,
.page-header-dark .post-title,
.page-header-dark .page-title {
  color: #e8e6e3;
  margin-bottom: 16px;
  line-height: 1;
}

.page-header-dark .category-icon,
.page-header-dark .tag-icon {
  color: #c5641c;
}

.page-header-dark .category-description,
.page-header-dark .tag-description,
.page-header-dark .post-count-info,
.page-header-dark .post-meta {
  color: #c8c6c3;
  margin-bottom: 0;
}

/* Responsive padding */
@media (max-width: 900px) {
  .page-header-dark {
    padding: 32px 0;
  }
}

@media (max-width: 600px) {
  .page-header-dark {
    padding: 24px 0;
  }
}