/* Back-in-Stock Notify form — dark teal box */
.hh-bis-wrap {
  margin: 20px 0;
  padding: 28px 30px;
  background: #217876;
  border: 1px solid #1a5f5d;
  border-radius: 30px;
}

.hh-bis-wrap .hh-bis-eyebrow,
p.hh-bis-eyebrow {
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: #5BC1AD !important;
}

.hh-bis-wrap .hh-bis-title,
.hh-bis-wrap h3.hh-bis-title,
h3.hh-bis-title {
  margin: 0 0 18px !important;
  padding: 0 !important;
  font-size: 20px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: #ffffff !important;
}

.hh-bis-wrap .hh-bis-title em,
h3.hh-bis-title em {
  font-style: italic !important;
  color: #b8e8d8 !important;
}

.hh-bis-wrap .hh-bis-form {
  margin: 0 !important;
  padding: 0 !important;
}

.hh-bis-honeypot {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}

.hh-bis-wrap .hh-bis-field-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 !important;
}

/* Inline variant: arrow button visually part of the input field */
.hh-bis-wrap .hh-bis-field-row--inline {
  position: relative;
  display: block;
}

.hh-bis-wrap .hh-bis-field-row--inline input.hh-bis-input {
  width: 100%;
  padding-right: 50px !important;
  flex: 1 1 auto;
}

.hh-bis-wrap button.hh-bis-btn--icon,
.hh-bis-wrap .hh-bis-field-row--inline button.hh-bis-btn--icon {
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: none !important;
  border-radius: 50% !important;
  color: #006967 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease;
  margin: 0 !important;
}

.hh-bis-wrap button.hh-bis-btn--icon:hover,
.hh-bis-wrap button.hh-bis-btn--icon:focus {
  background: rgba(0, 105, 103, 0.12) !important;
  color: #004a48 !important;
  border: none !important;
}

.hh-bis-wrap button.hh-bis-btn--icon svg {
  display: block;
  width: 18px;
  height: 18px;
}

.hh-bis-wrap input.hh-bis-input {
  flex: 1 1 200px;
  padding: 12px 18px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: 50px !important;
  font-size: 14.5px !important;
  color: #0d2a2a !important;
  outline: none;
  transition: border-color 0.2s ease, background 0.2s ease;
  box-shadow: none !important;
  margin: 0 !important;
}

.hh-bis-wrap input.hh-bis-input:focus {
  border-color: #ffffff !important;
  background: #ffffff !important;
}

.hh-bis-wrap input.hh-bis-input::placeholder {
  color: rgba(0, 0, 0, 0.4) !important;
}

.hh-bis-wrap button.hh-bis-btn,
button.hh-bis-btn {
  padding: 12px 28px !important;
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #217876 !important;
  font-size: 14.5px !important;
  font-weight: 400 !important;
  border-radius: 50px !important;
  cursor: pointer;
  text-decoration: none !important;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: 0.02em;
  flex-shrink: 0;
  line-height: 1.2;
  margin: 0 !important;
}

.hh-bis-wrap button.hh-bis-btn:hover,
.hh-bis-wrap button.hh-bis-btn:focus {
  background: #b8e8d8 !important;
  border-color: #b8e8d8 !important;
  color: #0d2a2a !important;
  box-shadow: none !important;
}

.hh-bis-wrap button.hh-bis-btn:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.hh-bis-wrap .hh-bis-finetext,
p.hh-bis-finetext {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-weight: 400 !important;
}

.hh-bis-wrap .hh-bis-finetext strong {
  color: #ffffff !important;
}

.hh-bis-wrap .hh-bis-feedback {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  line-height: 1.45;
  color: #b8e8d8 !important;
  font-weight: 600;
}

.hh-bis-wrap .hh-bis-feedback:empty {
  display: none !important;
}

.hh-bis-wrap .hh-bis-feedback:not(:empty) {
  margin-top: 10px !important;
}

.hh-bis-wrap .hh-bis-feedback--err {
  color: #ffb3a8 !important;
}

.hh-bis-wrap[data-state="subscribed"] .hh-bis-title em {
  color: #b8e8d8 !important;
}

/* Hide WooCommerce out-of-stock notice */
.kwt-add-to-cart-wrap p.stock.out-of-stock,
.product-template-default .single-product .summary p.stock.out-of-stock,
.woocommerce.single-product div.product p.stock.out-of-stock {
  display: none !important;
}

@media screen and (max-width: 480px) {
  .hh-bis-wrap .hh-bis-field-row { flex-direction: column; }
  .hh-bis-wrap button.hh-bis-btn { width: 100%; }
}