/* Tabs container spacing */
.wcyd-news-tabs {
  margin: 0 0 20px 0;
}

/* Remove bullets + force horizontal layout */
.wcyd-news-tabs__list {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;

  display: flex;
  flex-wrap: wrap;          /* wraps on small screens */
  gap: 0;                   /* WP style: no gaps between tabs */
}

/* Tab "pill" blocks */
.wcyd-news-tabs__item {
  margin: 0 !important;     /* override theme list margins */
  padding: 0 !important;

  background: #e7ecea;
  border: 1px solid #ffffff;
}

/* Rounded ends like your WP example */
.wcyd-news-tabs__item:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.wcyd-news-tabs__item:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

/* Link styling */
.wcyd-news-tabs__link {
  display: block;
  padding: 10px 16px;

  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;

  color: #74777b;
  text-decoration: none;
  background: transparent;
}

/* Active + hover/focus */
.wcyd-news-tabs__item.is-active .wcyd-news-tabs__link,
.wcyd-news-tabs__link:hover,
.wcyd-news-tabs__link:focus-visible {
  color: #ffffff;
  background: rgb(79, 144, 209);
  outline: none;
}

/* Hide the original exposed form controls (select + Apply) */
.wcyd-news-tabs__fallback {
  display: none;
}

/* News title */
.view-news-archive .views-field-title .field-content {
  color: rgb(150, 3, 30);
  font-family: "Open Sans", Helmet, Freesans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22.8571px;
  margin: 0;
  display: inline;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}

/* News date */
.view-news-archive .views-field-field-news-date .field-content time {
  color: rgb(116, 119, 123);
  font-family: "Open Sans", Helmet, Freesans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  display: inline;
  -webkit-font-smoothing: antialiased;
}

/* News body text */
.view-news-archive .views-field-body .field-content {
  color: rgb(116, 119, 123);
  font-family: "Open Sans", Helmet, Freesans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.8571px;
  margin-top: 16px;
  margin-bottom: 48px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}

/* Ensure paragraphs don't override spacing */
.view-news-archive .views-field-body .field-content p {
  margin: 0;
  color: black
}

/* News year tabs – base (inactive) */
.wcyd-news-tabs__link {
  display: block;
  min-width: 42px;
  height: 43.3125px;
  padding: 8px 16px;
  background-color: rgb(5, 128, 163);
  color: rgb(255, 255, 255) !important;
  font-family: "Open Sans", Helmet, Freesans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 27.2px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.3s ease;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Active year tab */
.wcyd-news-tabs__item.is-active .wcyd-news-tabs__link {
  background-color: rgb(2, 111, 168);
}

/* Hover + focus */
.wcyd-news-tabs__link:hover,
.wcyd-news-tabs__link:focus-visible {
  background-color: rgb(2, 111, 168);
  outline: none;
}

/* Center year tabs horizontally */
.wcyd-news-tabs__list {
  display: flex;
  justify-content: center; /*  centers left-to-right */
  align-items: center;

  list-style: none;
  padding: 0;
  margin: 0 auto 32px;
}

.region--content .view-news-archive .wcyd-news-tabs a.wcyd-news-tabs__link {
  color: #fff !important;
}

/* Center the tab strip as a whole */
.wcyd-news-tabs {
  display: flex;
  justify-content: center;
  width: 100%;
}

.view-news-archive .view-content {
  gap: var(--sp0-5);
}

@media (min-width: 43.75rem) {
  .view-news-archive .view-content {
    gap: var(--sp0-75);
  }
}

/* Arrow link pattern (token-driven) */
.view-news-archive .view-footer a {
  display: inline-flex;
  align-items: center;
  gap: var(--wcyd-arrow-gap);
}

/* Arrow icon */
.view-news-archive .view-footer a::after {
  content: "";
  width: 0.95em;
  height: 0.95em;
  display: inline-block;
  background-color: currentColor;

  /* Your arrow glyph as an SVG mask */
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' d='M11.2 4.6a1 1 0 0 0 0 1.4L14.2 9H3a1 1 0 1 0 0 2h11.2l-3 3a1 1 0 1 0 1.4 1.4l4.7-4.7a1 1 0 0 0 0-1.4l-4.7-4.7a1 1 0 0 0-1.4 0Z'/%3E%3C/svg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' d='M11.2 4.6a1 1 0 0 0 0 1.4L14.2 9H3a1 1 0 1 0 0 2h11.2l-3 3a1 1 0 1 0 1.4 1.4l4.7-4.7a1 1 0 0 0 0-1.4l-4.7-4.7a1 1 0 0 0-1.4 0Z'/%3E%3C/svg%3E") no-repeat center / contain;

  /* Token-driven motion */
  transform: translateX(0);
  transition: transform var(--wcyd-transition-fast);
}

/* Hover nudge using tokens */
.view-news-archive .view-footer a:hover::after,
.view-news-archive .view-footer a:focus-visible::after {
  transform: translateX(var(--wcyd-arrow-shift));
}

.views-field-field-news-date .field-content {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 0;
  height: auto;
}

.view-news-archive .views-field-field-news-date {
  margin-top: -15px; /* tighten title → date */
}

/* News Archive uses field-news-date-2 (not field-news-date) */
.view-news-archive .views-field-field-news-date-2 .field-content {
  margin: 0;
  color: rgb(116, 119, 123);
  font-family: "Open Sans", Helmet, Freesans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}

/* normalize year headings */
.view-news-archive .view-content > h3 {
  margin: 24px 0 8px;
}