.hop-wall-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:16px;
}
.hop-card{
  border:1px solid rgba(0,0,0,.12);
  border-radius:12px;
  padding:16px;
}
.hop-card-title{ margin:0 0 10px 0; font-size:1.1rem; }
.hop-card-meta > div{ margin:6px 0; }
.hop-card-actions{ margin-top:12px; }
.hop-card-link{ font-weight:600; text-decoration:none; }
.hop-wall-summary{ margin:0 0 12px 0; }

.hop-chips{
  margin: 8px 0 10px 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.hop-chip{
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 0.85rem;
  line-height: 1.2;
}
.hop-filters{ margin: 0 0 16px 0; }
.hop-filters-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:flex-end;
}
.hop-filters label{ font-size: .95rem; }
.hop-filters select{
  min-width: 220px;
  padding: 6px 8px;
}
.hop-filter-apply{
  padding: 8px 14px;
  border-radius: 10px;
}
.hop-filter-reset{
  padding: 8px 10px;
  text-decoration: none;
}
.hop-commander{
  margin: 6px 0;
}
.hop-command-chain{ margin: 10px 0; }
.hop-command-chain a{ text-decoration: none; font-weight: 600; }
/* =========================
   HONORING OUR PATRIOTS — Palette C tokens (global)
   FIXED to avoid “pink” casts from color-mix + transparent + warm glass
========================= */
:root{
  --hop-midnight:#182235;
  --hop-burgundy:#7A1F2B;
  --hop-copper:#B07A4A;
  --hop-deepgreen:#1F4D3A;

  /* Neutrals (slightly cooler, still warm) */
  --hop-stone:#FAFAF6 !important;
  --hop-page-bg:#FFFFFF !important;
  --hop-card-bg:#F1F0E8!important;

  /* Truly neutral border/shadow */
  --hop-border:rgba(0,0,0,.10);
  --hop-shadow:0 10px 28px rgba(0,0,0,.08);

  --hop-page-accent:var(--hop-copper);
}

/* IMPORTANT: themes often color a wrapper, not just body */
html, body, .wp-site-blocks, .site, .site-content{
  background: var(--hop-page-bg) !important;
}

body{ background: var(--hop-page-bg); }

/* Page accents */
body.page-id-134{ --hop-page-accent: var(--hop-copper); }     /* All Patriots */
body.page-id-58 { --hop-page-accent: var(--hop-deepgreen); }  /* Yorktown */

/* Cards */
body.page-id-134 .hop-card,
body.page-id-58  .hop-card{
  background: var(--hop-card-bg) !important;
  border: 1px solid var(--hop-border) !important;
  border-radius: 12px;
  box-shadow: var(--hop-shadow);
}

/* FIX: Accent spine WITHOUT color-mix/transparent blending */
body.page-id-134 .hop-card{ border-left: 3px solid rgba(176,122,74,.45) !important; }
body.page-id-58  .hop-card{ border-left: 3px solid rgba(31,77,58,.45) !important; }

/* Titles: neutral band WITHOUT color-mix/transparent blending */
body.page-id-58 .wp-block-post-title,
body.page-id-58 .entry-content > h1,
body.page-id-134 .wp-block-post-title,
body.page-id-134 .entry-content > h1{
  display:inline-block;
  padding: .25rem .6rem;
  border-radius: 10px;
  background: rgba(241,240,232,.90);        /* stone band */
  border: 1px solid rgba(0,0,0,.08);        /* neutral */
  color: var(--hop-midnight);
}

/* Links */
a{ color: var(--hop-midnight); }
a:hover{ color: var(--hop-burgundy); }

/* Buttons */
.wp-element-button,
button,
input[type="submit"]{
  background: var(--hop-burgundy);
  border: 1px solid var(--hop-burgundy);
  color: #fff;
}
.wp-element-button:hover,
button:hover,
input[type="submit"]:hover{
  filter: brightness(0.95);
}

/* Tags / chips */
.hop-card a[class*="tag"],
.hop-card a[rel~="tag"],
.hop-card .wp-block-post-terms a{
  display: inline-block;
  padding: .15rem .5rem;
  border-radius: 999px;
  border: 1px solid rgba(176,122,74,.22);
  background: rgba(176,122,74,.04);
  color: var(--hop-midnight);
  font-size: 13px;
  text-decoration: none;
}

/* =========================
   HEADER BAR — MIDNIGHT BLUE
   Paste at END of Additional CSS
========================= */
header.wp-block-template-part,
.site-header,
.wp-site-blocks > header{
  background: var(--hop-midnight) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  backdrop-filter: none !important; /* remove “glass” */
}

/* Header links */
header a{
  color: rgba(255,255,255,.92) !important;
}
header a:hover{
  color: var(--hop-copper) !important; /* or var(--hop-burgundy) */
}

/* Optional: site title / logo text in header */
header .wp-block-site-title a,
header .site-title a{
  color: rgba(255,255,255,.95) !important;
}
header .wp-block-site-tagline,
header .site-description{
  color: rgba(255,255,255,.75) !important;
}

/* Optional: nav items / buttons inside header */
header .wp-block-navigation a{
  color: rgba(255,255,255,.92) !important;
}
header .wp-block-navigation a:hover{
  color: var(--hop-copper) !important;
}
/* Plain text page title (no padding/band/underline) */
.wp-block-post-title,
.entry-title{
  display: block !important;
  padding: 0 !important;
  margin: 1.25rem 0 .75rem !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;

  color: var(--hop-midnight) !important;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.12;
  font-size: clamp(30px, 3.2vw, 44px);
}
/* Center the page title */
.wp-block-post-title,
.entry-title{
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100%;
  max-width: 1100px; /* optional; remove if you want full width */
}