/* Shoptet: CAPTCHA ve footer newsletteru (formNewsletterWidget) */

#formNewsletterWidget fieldset.box.box-sm.box-bg-default{
  display:grid !important;
  grid-template-columns:170px 1fr !important;
  gap:12px 16px !important;
  align-items:center !important;
  width:100% !important;
  max-width:100% !important;
}

#formNewsletterWidget fieldset.box.box-sm.box-bg-default>h4{
  grid-column:1/-1 !important;
  margin:0 0 6px 0 !important;
}

#formNewsletterWidget fieldset.box.box-sm.box-bg-default .form-group.captcha-image{
  grid-column:1 !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}

#formNewsletterWidget fieldset.box.box-sm.box-bg-default .form-group.captcha-image img{
  display:block !important;
  width:150px !important;
  height:40px !important;
  border-radius:10px !important;
  background:#fff !important;
}

#formNewsletterWidget fieldset.box.box-sm.box-bg-default .form-group.js-validated-element-wrapper{
  grid-column:2 !important;
  margin:0 !important;
  width:100% !important;
}

#formNewsletterWidget fieldset.box.box-sm.box-bg-default .form-group.js-validated-element-wrapper label{
  display:block !important;
  margin:0 0 6px 0 !important;
  font-weight:600 !important;
}

#formNewsletterWidget fieldset.box.box-sm.box-bg-default .form-group.js-validated-element-wrapper input{
  width:100% !important;
  max-width:520px !important;
}

@media (max-width:640px){
  #formNewsletterWidget fieldset.box.box-sm.box-bg-default{
    grid-template-columns:1fr !important;
  }
  #formNewsletterWidget fieldset.box.box-sm.box-bg-default .form-group.captcha-image,
  #formNewsletterWidget fieldset.box.box-sm.box-bg-default .form-group.js-validated-element-wrapper{
    grid-column:1/-1 !important;
  }
  #formNewsletterWidget fieldset.box.box-sm.box-bg-default .form-group.captcha-image img{
    width:100% !important;
    max-width:260px !important;
  }
}
