/* ============================================================
   eb4u header redesign — Variant A
   Pine announcement bar + white header, pine underline on nav.
   Additive only: does not touch existing header markup/styles.
   ============================================================ */
:root{
  --eb4u-pine:#2b5d4a;
  --eb4u-pine-deep:#1e4437;
  --eb4u-pine-dark:#173a2e;
  --eb4u-gold:#b8903a;
  --eb4u-gold-light:#d4af6a;
}

/* ---------- announcement bar ---------- */
.eb4u-announce{
  background:linear-gradient(90deg,var(--eb4u-pine-dark),var(--eb4u-pine) 30%,var(--eb4u-pine-deep));
  color:#fff;
  text-align:center;
  font-size:13.5px;
  font-weight:600;
  padding:9px 16px;
  letter-spacing:.02em;
  line-height:1.4;
}
.eb4u-announce b{color:var(--eb4u-gold-light);font-weight:700}
.eb4u-announce .eb4u-announce-star{color:var(--eb4u-gold-light);margin-right:6px}
.eb4u-announce a{
  color:#fff;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-color:var(--eb4u-gold);
  margin-left:8px;
  white-space:nowrap;
}
.eb4u-announce a:hover{color:var(--eb4u-gold-light)}

/* ---------- pine underline on the sticky nav band ---------- */
#page .col-full-nav{border-bottom:3px solid var(--eb4u-pine)}

/* pine hover on primary nav links (desktop) */
.col-full-nav .main-navigation ul.menu > li > a:hover,
.col-full-nav .main-navigation ul.menu > li.current-menu-item > a{color:var(--eb4u-pine)}

/* ---------- mobile ---------- */
@media (max-width:600px){
  .eb4u-announce{font-size:12px;padding:8px 10px}
  .eb4u-announce .eb4u-announce-sub{display:none}
}