@layer pages;

/* ========================================
   News Archive - Page Specific Styles
   Extends archive-common.css
   ======================================== */

@layer pages {

/* Hero watermark text */
.post-type-archive-news .archive-header::after,
.tax-news_category .archive-header::after {
  content: "NEWS";
}

/* News uses post-list style by default (already in common) */

/* News-specific date styling */
.post-type-archive-news .entry-list-item__date,
.tax-news_category .entry-list-item__date {
  font-family: "Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0.05em;
}

/* Simpler filters for news */
.post-type-archive-news .filters,
.tax-news_category .filters {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-end;
}

.post-type-archive-news .filters__group,
.tax-news_category .filters__group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.post-type-archive-news .filters__actions,
.tax-news_category .filters__actions {
  margin-left: auto;
}

@media (max-width: 680px) {
  .post-type-archive-news .filters,
  .tax-news_category .filters {
    flex-direction: column;
    align-items: stretch;
  }

  .post-type-archive-news .filters__actions,
  .tax-news_category .filters__actions {
    margin-left: 0;
    display: flex;
    gap: 12px;
  }
}

}