/* ==========================================================================
   Wolf Pack bar. Sits under the header's red rule as part of the masthead.
   One accent (gold), one line, one action.
   ========================================================================== */
.rw-wolfbar {
  --wb-bg:   #0b0f14;
  --wb-gold: #ffaa00;
  --wb-text: #e9eef3;
  --wb-mute: #8fa0b1;
  --wb-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  background: var(--wb-bg);
  border-bottom: 1px solid rgba(255,255,255,.08);
  /* a hairline of the brand gold, so the band belongs to the header above it */
  box-shadow: inset 0 1px 0 rgba(255,170,0,.28);
  opacity: 0; transform: translateY(-6px);
  transition: opacity .26s ease, transform .26s ease;
}
.rw-wolfbar.is-in { opacity: 1; transform: none; }

.rw-wolfbar__in {
  max-width: 1080px; margin: 0 auto;
  padding: 9px 20px;
  display: flex; align-items: center; gap: 18px;
}

.rw-wolfbar__copy {
  margin: 0 !important; padding: 0 !important;
  display: flex; align-items: center; gap: 12px;
  min-width: 0; flex: 1;
  font-family: var(--wb-sans) !important;
}
.rw-wolfbar__tag {
  flex: none;
  font: 800 .62rem/1 var(--wb-sans);
  letter-spacing: .2em; text-transform: uppercase;
  color: #14100a; background: var(--wb-gold);
  padding: 5px 9px; border-radius: 3px;
}
.rw-wolfbar__line {
  font: 500 .86rem/1.3 var(--wb-sans);
  color: var(--wb-text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.rw-wolfbar__cta {
  flex: none; display: inline-flex; align-items: center; gap: 7px;
  font: 700 .82rem/1 var(--wb-sans);
  color: var(--wb-gold) !important;
  text-decoration: none !important;
  /* P1 2026-09-26: visible pill stays the same size; padding+matching
     negative margin grows the actual clickable/measured box to ~44px
     tall without the bar itself growing (net footprint unchanged). */
  padding: 15px 14px;
  margin: -7px 0;
  border: 1px solid rgba(255,170,0,.45);
  border-radius: 999px;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}
.rw-wolfbar__cta svg { width: 15px; height: 15px; transition: transform .16s ease; }
.rw-wolfbar__cta:hover {
  background: var(--wb-gold); color: #14100a !important; border-color: var(--wb-gold);
}
.rw-wolfbar__cta:hover svg { transform: translateX(3px); }


@media (max-width: 860px) {
  .rw-wolfbar__in { padding: 8px 16px; gap: 12px; }
  .rw-wolfbar__line { font-size: .8rem; }
  .rw-wolfbar__cta { padding: 14px 12px; margin: -7px 0; font-size: .78rem; }
}
/* On a phone the header is already tight and the burger lives there. Keep the
   offer, drop everything that costs height or width. */
@media (max-width: 560px) {
  .rw-wolfbar__tag { display: none; }
  .rw-wolfbar__line { font-size: .76rem; white-space: normal;
    display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
  .rw-wolfbar__cta svg { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .rw-wolfbar { transition: none; }
  .rw-wolfbar__cta, .rw-wolfbar__cta svg { transition: none; }
}
@media print { .rw-wolfbar { display: none !important; } }