/**
 * Codersly Shop — Subscribe Styles (ONLY)
 * ---------------------------------------------
 * Standalone subscribe block + footer branding
 *
 * @package CoderslyShop
 */

/* 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%; }
}

/* Base footer branding dimensions. The licensed add-on may override these CSS variables. */
.site-footer .bt-footer-branding .custom-logo-link,
.site-footer .bt-footer-branding .site-logo {
  display: inline-block;
  line-height: 0;
}
.site-footer .bt-footer-branding img,
.site-footer .bt-footer-branding .custom-logo,
.site-footer .bt-footer-branding .custom-logo-link img,
.site-footer .bt-footer-branding .site-logo img {
  width: var(--bt-footer-logo-width, 100px) !important;
  max-width: var(--bt-footer-logo-width, 100px) !important;
  min-width: 0 !important;
  max-height: none !important;
  height: auto !important;
}

/* Fix: remove the white divider line under subscribe section */
.site-footer .footer-widgets {
  border-top: 0 !important;
}

.site-footer .footer-subscribe {
  border-bottom: 0 !important;
}

.site-footer .footer-widgets::before,
.site-footer .footer-widgets::after,
.site-footer .footer-subscribe::before,
.site-footer .footer-subscribe::after {
  content: none !important;
  display: none !important;
}


/* Footer branding: site name always appears directly below the logo. */
.bt-footer-branding{margin-bottom:1rem;}
.bt-footer-site-name{margin-top:.8rem;font-size:var(--bt-footer-title-size,22px);font-weight:700;line-height:1.25;}
.bt-footer-site-name a{color:inherit;text-decoration:none;}
.bt-footer-site-name a:hover{text-decoration:none;opacity:.9;}
.bt-footer-info{max-width:320px;}
.bt-footer-info .widget{margin:0;}
.codersly-default-footer-links{list-style:none;margin:0;padding:0;}