/* HPT V3.5 — category colour + placement. Additive. Load last. */

/* 1. Homepage mid-page Categories row gone. Footer list stays. */
#home-categories,
section.hpt-desk-cats,
.hpt-wrap > .hpt-sec:has(.hpt-chips) {
  display: none !important;
}

/* 2. Footer “Categories” is a label, not a pill */
.hpt-footer-cats .hpt-desk-label {
  display: block !important;
  width: auto !important;
  margin: 0 auto .7rem !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #94a3b8 !important;
  font-size: .68rem !important;
  font-weight: 800 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Footer chips — equal cycle: red / navy+white-edge / gold / silver */
.hpt-footer-cats .hpt-desk-pills .hpt-desk-pill {
  border-width: 2px !important;
  border-style: solid !important;
}
.hpt-footer-cats .hpt-desk-pills .hpt-desk-pill:nth-child(4n+1) {
  background: #c1121f !important;
  color: #fff !important;
  border-color: #c1121f !important;
}
.hpt-footer-cats .hpt-desk-pills .hpt-desk-pill:nth-child(4n+2) {
  background: #0f172a !important;
  color: #fff !important;
  border-color: #fff !important; /* dark on dark footer → white edge, not yellow */
}
.hpt-footer-cats .hpt-desk-pills .hpt-desk-pill:nth-child(4n+3) {
  background: #d4af37 !important;
  color: #111827 !important;
  border-color: #d4af37 !important;
}
.hpt-footer-cats .hpt-desk-pills .hpt-desk-pill:nth-child(4n+4) {
  background: #c0c7d1 !important;
  color: #0f172a !important;
  border-color: #c0c7d1 !important;
}

/* 3. Search hero — every category chip under the search field is red */
.hpt-s-hero .hpt-s-chip,
.hpt-s-hero .hpt-s-chips .hpt-s-chip,
.hpt-s-hero .hpt-s-chips .hpt-s-chip:nth-child(n) {
  background: #c1121f !important;
  color: #fff !important;
  border: 0 !important;
}
.hpt-s-hero .hpt-s-chip.is-on {
  background: #fff !important;
  color: #c1121f !important;
}

/* 4. Search count tiles — navy-on-navy (73 Stories) gets a white edge */
.hpt-s-hero .hpt-s-stat.hpt-s-navy,
.hpt-s-hero .hpt-s-navy {
  border: 2px solid #fff !important;
}
/* Gold tiles stay gold (Newspaper + Tags). No third pale-yellow. */
.hpt-s-hero .hpt-s-stat.hpt-s-gold,
.hpt-s-hero .hpt-s-gold {
  background: #d4af37 !important;
  color: #111827 !important;
  border: 0 !important;
}
/* Kill the pale yellow (#f5d76e) if it still appears on pills */
.hpt-desk-pills .hpt-desk-pill[style*="f5d76e"] {
  background: #c1121f !important;
  color: #fff !important;
}