/* ============================================================================
   Good Hands² — rescue-mode banner
   Printed sitewide by improve-equine-rescue-and-routing-setup.php (v1.2.0)
   when a supporter is shopping for a rescue. Fixed bottom bar so it never
   collides with the header and causes no layout shift.
   ============================================================================ */

.ie-gh2-banner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px;
  padding: 12px 20px;
  background: var(--ie-color-forest-deep, #1B2E1B);
  color: #fff;
  font-family: var(--ie-font-body, system-ui, sans-serif);
  font-size: 14px;
  line-height: 1.4;
  box-shadow: 0 -4px 18px rgba(0, 0, 0, .18);
}

.ie-gh2-banner strong { color: var(--ie-color-gold, #C8A96E); font-weight: 700; }

.ie-gh2-banner-exit {
  color: #fff;
  text-decoration: underline;
  font-size: 13px;
  white-space: nowrap;
  opacity: .85;
}
.ie-gh2-banner-exit:hover { opacity: 1; }

@media (max-width: 600px) {
  .ie-gh2-banner { gap: 8px; padding: 10px 14px; font-size: 13px; }
}