/**
 * Bongoto WooCommerce — Subscribe Styles (ONLY)
 * ---------------------------------------------
 * Standalone subscribe block + footer logo size
 *
 * @package BongotoWooCommerce
 */

/* Centered card with fixed width */
.bt-subscribe{
  max-width: 560px;     /* You can tweak between 480–560px */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;   /* Center title/description */
  display: block;
}

/* Centered title/description */
.bt-subscribe__title,
.bt-subscribe__desc{
  text-align: center;
}

/* Input + button on the same line, centered */
.bt-subscribe__form{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;    /* Prevent button from wrapping below */
  width: 100%;
}

/* Compact, smaller input */
.bt-subscribe__input{
  flex: 0 1 340px;      /* Target width ~340px; shrink if space is limited */
  min-width: 220px;     /* Prevents input from becoming too small */
  width: 100%;
  height: 38px;
  line-height: 38px;
  padding: 0 12px;
  font-size: 16px;      /* Avoid iOS zoom on focus */
  border-radius: 10px;
  box-sizing: border-box;
}

/* Button same height as input with non-wrapping text */
.bt-subscribe__btn{
  height: 38px;
  padding: 0 14px;
  border-radius: 10px;
  white-space: nowrap;
}

/* On very small screens, stack nicely */
@media (max-width: 420px){
  .bt-subscribe__form{
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
  .bt-subscribe__btn{ width: 100%; }
}

/* Footer logo size */
.site-footer .bt-footer-branding img {
    max-width: 100px;   /* Adjust up/down as needed */
    height: auto;
}