/* ============================================================
   Masthead upgrade — 2026-04-28
   Consolidates 5 stacked bars into a tight 2-element header.
   - Removes redundant .utility-bar (info repeats in masthead + bylines)
   - Hides masthead-position .nl-strip (newsletter still lives in pages/footer)
   - Slims .omnibus-banner and .fp-strip
   - Dynamic dateline replaces the static "Friday 25 April 2026"
   ============================================================ */

/* 1. KILL REDUNDANT BARS ─────────────────────────────────── */
.utility-bar { display: none !important; }

/* Newsletter strip immediately after masthead reads as clutter.
   The page-level newsletter section + footer signup remain. */
header.masthead + .nl-strip,
.masthead + .nl-strip { display: none !important; }

/* 2. OMNIBUS LIVE BAR ─ slimmer, single-line ──────────────── */
.omnibus-banner {
  padding: 8px 0 !important;
  font-size: 0.78rem !important;
  line-height: 1.4 !important;
  border-bottom: 1px solid rgba(240, 236, 223, 0.08);
}
.omnibus-banner .container {
  display: flex !important;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  overflow: hidden;
}
.omnibus-banner-pill {
  font-size: 0.62rem !important;
  letter-spacing: 0.16em;
  padding: 2px 8px !important;
  flex-shrink: 0;
}
.omnibus-banner-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.78rem !important;
}
.omnibus-banner-cta {
  flex-shrink: 0;
  font-size: 0.74rem !important;
  letter-spacing: 0.06em;
}
.omnibus-banner-close {
  flex-shrink: 0;
  font-size: 1rem !important;
  opacity: 0.55;
}
.omnibus-banner-close:hover { opacity: 1; }

/* 3. FP NETWORK STRIP ─ thinner, refined ──────────────────── */
.fp-strip {
  font-size: 0.66rem !important;
  letter-spacing: 0.16em !important;
}
.fp-strip .container {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
  gap: 1.2rem !important;
}
.fp-strip .fp-mark { font-size: 0.66rem !important; }
.fp-strip .fp-mark-glyph { width: 11px !important; height: 11px !important; }
.fp-strip .fp-mark-glyph::after { inset: 2px !important; }
.fp-strip .fp-nodes a {
  padding: 0 14px !important;
  font-size: 0.64rem !important;
}
.fp-strip .fp-tag { font-size: 0.62rem !important; opacity: 0.75; }

/* 4. DATELINE ─ replaces "The Authority Stack" tag in fp-strip ─ */
.fp-strip .fp-tag.fp-dateline {
  font-size: 0.62rem !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  opacity: 0.85;
  font-weight: 500;
  color: var(--ochre-soft, #c79a4f);
}
@media (max-width: 720px) {
  .fp-strip .fp-dateline { display: none; }
}
/* Hide any legacy dateline that may have been placed under the wordmark */
.masthead .wordmark .masthead-dateline { display: none !important; }

/* 5. NEWSLETTER STRIP — when shown elsewhere on a page, polish ─ */
.nl-strip:not(.masthead + .nl-strip):not(header.masthead + .nl-strip) {
  background: var(--cream, #f4efe2);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: 28px 0;
}
.nl-strip__inner {
  display: grid;
  grid-template-columns: 1fr auto auto;
  gap: 24px;
  align-items: center;
}
.nl-strip__title { display: block; font-family: 'Fraunces', serif; font-size: 1.15rem; }
.nl-strip__desc { display: block; font-size: 0.85rem; color: rgba(0,0,0,0.6); margin-top: 2px; }
.nl-form .nl-field-row { display: flex; gap: 8px; }
.nl-form input[type="email"] {
  padding: 10px 14px; min-width: 240px; border: 1px solid rgba(0,0,0,0.15);
  border-radius: 0; font-size: 0.9rem; background: #fff;
}
.nl-form button {
  padding: 10px 20px; background: var(--navy-deep, #0c1a36); color: #fff;
  border: none; cursor: pointer; font-size: 0.85rem; letter-spacing: 0.08em;
  text-transform: uppercase; font-weight: 500;
}
.nl-form button:hover { opacity: 0.9; }
.nl-strip__archive { font-size: 0.82rem; color: rgba(0,0,0,0.6); border-bottom: 1px solid currentColor; }
@media (max-width: 720px) {
  .nl-strip__inner { grid-template-columns: 1fr; gap: 14px; }
  .nl-form input[type="email"] { min-width: 0; flex: 1; }
}
