/* V36 · DAV-N8 — HPG waitlist badge for non-HPG visitors.
   Brand-aligned with admin warning palette (do not change colors). */
.hpg-waitlist-badge {
  position: sticky;
  bottom: 16px;
  margin: 24px auto;
  max-width: 640px;
  background: #FFF7ED;
  border: 1px solid #FED7AA;
  border-radius: 6px;
  padding: 14px 18px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  color: #7C2D12;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  display: none;
}
.hpg-waitlist-badge.is-active { display: block; }
.hpg-waitlist-badge__title { font-weight: 600; margin-bottom: 6px; color: #9A3412; }
.hpg-waitlist-badge__form { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.hpg-waitlist-badge__form input[type=email] {
  flex: 1 1 220px;
  padding: 8px 10px;
  border: 1px solid #FED7AA;
  border-radius: 4px;
  font-size: 14px;
  background: #FFFFFF;
}
.hpg-waitlist-badge__form button {
  padding: 8px 16px;
  background: #9A3412;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}
.hpg-waitlist-badge__form button:disabled { background: #C2410C; cursor: not-allowed; }
.hpg-waitlist-badge__success {
  margin-top: 10px;
  font-weight: 600;
  color: #14532D;
}
.hpg-waitlist-badge__close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: transparent;
  border: 0;
  color: #9A3412;
  font-size: 18px;
  cursor: pointer;
}