/*
 * thebamboostudio-v1 theme — newsletter signup band. Posts to the bamboo
 * extension's subscribe endpoint (see theme.js).
 */
.thebamboostudio-v1 .bb-signup-section { padding-inline: clamp(1.1rem, 4vw, 2.5rem); }
.thebamboostudio-v1 .bb-signup {
  background: var(--brand-primary);
  color: var(--color-bg);
  border-radius: 28px;
  max-width: var(--container-max);
  margin-inline: auto;
  padding: clamp(2.2rem, 5vw, 3.4rem) clamp(1.4rem, 5vw, 3rem);
  text-align: center;
  position: relative;
  overflow: hidden;
}
.thebamboostudio-v1 .bb-signup h2 { color: var(--color-bg); font-family: var(--font-display); font-size: clamp(1.6rem, 2vw + 1rem, 2.2rem); font-weight: 600; margin: 0; }
.thebamboostudio-v1 .bb-signup p { opacity: .85; font-size: 1.1rem; margin-top: .6rem; max-width: 46ch; margin-inline: auto; }
.thebamboostudio-v1 .bb-signup-form { display: flex; gap: .6rem; max-width: 420px; margin: 1.6rem auto 0; flex-wrap: wrap; justify-content: center; }
.thebamboostudio-v1 .bb-signup-form input {
  flex: 1;
  min-width: 180px;
  border-radius: var(--radius-pill);
  border: none;
  padding: .85rem 1.2rem;
  font-family: inherit;
  font-size: .95rem;
  background: rgba(255, 255, 255, 0.94);
  color: var(--color-text);
}
.thebamboostudio-v1 .bb-signup-form button {
  border-radius: var(--radius-pill);
  border: none;
  padding: .85rem 1.5rem;
  font-weight: 700;
  background: var(--color-blush);
  color: var(--brand-primary-dark);
  font-size: .95rem;
}
.thebamboostudio-v1 .bb-signup-note { font-size: 1.1rem; margin-top: .8rem; opacity: .75; }
.thebamboostudio-v1 .bb-signup-success { margin-top: 1rem; font-weight: 600; color: var(--color-blush); }
.thebamboostudio-v1 .bb-signup-error { margin-top: 1rem; font-weight: 600; color: #ffd9d9; }
.thebamboostudio-v1 .bb-signup-form input[aria-invalid="true"] { outline: 2px solid #c0392b; outline-offset: 1px; }
.thebamboostudio-v1 .bb-signup-form .bb-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 480px) {
  .thebamboostudio-v1 .bb-signup-form { flex-direction: column; }
  .thebamboostudio-v1 .bb-signup-form input,
  .thebamboostudio-v1 .bb-signup-form button { width: 100%; }
}