/* Self-contained so it cannot be affected by, or affect, the site's Tailwind build. */
#biab-forsale-banner {
  background: linear-gradient(135deg, #b91c1c 0%, #ef4444 100%);
  color: #fff;
  font-family: Lato, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 1.4;
  padding: 10px 16px;
  text-align: center;
  position: relative;
  /* Below the slide-over menus (z-10 / z-40) so an open panel covers the banner
     rather than obscuring its close button. */
  z-index: 5;
  animation: biab-banner-pulse 2.6s ease-in-out infinite;
}
#biab-forsale-banner .biab-forsale-inner {
  max-width: 80rem;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 14px;
}
#biab-forsale-banner .biab-forsale-text { font-weight: 500; }
#biab-forsale-banner strong { font-weight: 800; }
#biab-forsale-banner .biab-forsale-cta {
  display: inline-block;
  background: #fff;
  color: #b91c1c;
  font-weight: 800;
  text-decoration: none;
  padding: 5px 16px;
  border-radius: 9999px;
  white-space: nowrap;
  transition: background-color .15s ease;
  animation: biab-cta-pulse 2.6s ease-in-out infinite;
}
#biab-forsale-banner .biab-forsale-cta:hover { background: #fee2e2; }

/* Kept deliberately gentle: the bar sits above every page, so anything stronger
   than a slow glow becomes tiring to read past. The bar itself is never scaled,
   which would reflow the page on each cycle. */
@keyframes biab-banner-pulse {
  0%, 100% { filter: brightness(1); box-shadow: 0 0 0 rgba(185, 28, 28, 0); }
  50%      { filter: brightness(1.09); box-shadow: 0 3px 16px rgba(185, 28, 28, .5); }
}
@keyframes biab-cta-pulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.045); }
}

/* Respect a reader's motion preference — the banner must still be legible and
   red, just static. */
@media (prefers-reduced-motion: reduce) {
  #biab-forsale-banner,
  #biab-forsale-banner .biab-forsale-cta { animation: none; }
}

@media (max-width: 480px) {
  #biab-forsale-banner { font-size: 13.5px; padding: 8px 12px; }
}