/* HPT V3.5 global chrome — header/footer + category rules. Load from header.php + footer-simple.php. */

/* Mid-page homepage Categories row must never show. Footer list is the only list. */
#home-categories,
section.hpt-desk-cats {
  display: none !important;
}

.hpt-skip-link{position:absolute;left:-9999px;top:0;background:#0d3b66;color:#fff;padding:.5rem .8rem;z-index:1000}
.hpt-skip-link:focus{left:.5rem;top:.5rem}

.hpt-footer-inner{
  max-width:1120px;margin:0 auto;padding:0 1rem 1.2rem;
  display:grid;gap:1.5rem;
}
@media(min-width:760px){
  .hpt-footer-inner{grid-template-columns:1.3fr 1fr 1fr}
  .hpt-footer-inner.no-menu{grid-template-columns:1.2fr .8fr}
}

.hpt-footer h4{
  margin:0 0 .65rem;font-size:.68rem;font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;
}
.hpt-nl-form{display:flex;gap:.4rem;flex-wrap:wrap}
.hpt-nl-form input[type=email]{
  flex:1;min-width:160px;min-height:42px;border-radius:10px;
  border:1px solid rgba(255,255,255,.16);background:#0b1220;color:#e2e8f0;padding:.45rem .7rem;
}
.hpt-nl-form button{
  min-height:42px;border:0;border-radius:10px;background:#2563eb;color:#fff;
  font-weight:700;padding:0 1rem;cursor:pointer;
}

/* Footer CATEGORIES = label, not a gold pill */
.hpt-footer-cats{
  max-width:1120px;margin:0 auto;padding:.4rem 1rem 1.6rem;text-align:center;
}
.hpt-footer-cats .hpt-desk-label{
  display:block !important;background:transparent !important;color:#94a3b8 !important;
  padding:0 0 .7rem !important;border-radius:0 !important;box-shadow:none !important;
  font-size:.68rem !important;font-weight:800 !important;letter-spacing:.16em !important;
  text-transform:uppercase !important;
}
.hpt-footer-cats .hpt-desk-pills{
  display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;
}
.hpt-footer-cats .hpt-desk-pill{
  display:inline-flex;align-items:center;padding:.4rem 1.05rem;border-radius:999px;
  font-weight:700;font-size:.84rem;text-decoration:none !important;border:2px solid transparent;
}
.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;
}
.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;
}

/* Search hero: every chip under the 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;}
.hpt-s-hero .hpt-s-stat.hpt-s-navy,
.hpt-s-hero .hpt-s-navy{border:2px solid #fff !important;}
.hpt-s-hero .hpt-s-gold{background:#d4af37 !important;color:#111827 !important;}

/* ===== Related cards = homepage card standard ===== */
.hpt-related { margin-top: 2rem !important; padding-top: 1.35rem !important; border-top: 1px solid #e2e8f0 !important; }
.hpt-related > h3 {
  margin: 0 0 1rem !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}
.hpt-related-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;
  gap: 1rem !important;
  align-items: stretch !important;
}
.hpt-related-card {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  color: #0f172a !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
  min-height: 100% !important;
}
.hpt-related-card img,
.hpt-related-media {
  width: 100% !important;
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  object-position: top center !important;
  display: block !important;
  background: #e8eef5 !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
.hpt-related-media img {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: auto !important;
}
.hpt-related-card .type-chip,
.hpt-related-card .hpt-page-badge {
  position: absolute !important;
  top: .55rem !important;
  left: .55rem !important;
  z-index: 2 !important;
  background: #0f172a !important;
  color: #fff !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  padding: .22rem .5rem !important;
  border-radius: 999px !important;
}
.hpt-related-card { position: relative !important; }
.hpt-related-body,
.hpt-related-card .hpt-c-bd {
  padding: .75rem .85rem .9rem !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .35rem !important;
  flex: 1 !important;
}
.hpt-related-card .hpt-c-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: .3rem !important;
}
.hpt-related-card .hpt-tag,
.hpt-related-card .hpt-type-badge {
  display: inline-block !important;
  font-size: .62rem !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  color: #1d4ed8 !important;
  background: #e0e7ff !important;
  padding: .12rem .45rem !important;
  border-radius: 999px !important;
}
.hpt-related-card strong,
.hpt-related-card .hpt-related-title,
.hpt-related-card h3 {
  margin: 0 !important;
  font-size: .92rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #0f172a !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.hpt-related-card .hpt-date {
  margin-top: auto !important;
  font-size: .75rem !important;
  color: #64748b !important;
}

/* Search pill — Nadwi, tall enough to read as a capsule */
.hpt-s-hero .hpt-search-bar {
  max-width: 720px !important;
  width: 100% !important;
  margin: .25rem auto 0 !important;
}
.hpt-s-hero .hpt-search-bar input[type="search"] {
  border-radius: 999px !important;
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 3.4rem 0 3.2rem !important;
  font-size: 16px !important;
  box-shadow: 0 16px 36px rgba(15,23,42,.28) !important;
}