/*
  CEMENTARE — FOOTER ABONELIK PREMIUM COMPACT SYSTEM
  Scope: yalnız .footer4 içindeki abonelik formları.
  Form işlevi, metin, link ve footer kolon yapısı değiştirilmez.
*/
.footer4 form.cementare-subscribe-v2 .dragArea,
.footer4 form[data-cementare-subscribe] .dragArea {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  max-width: 330px;
  margin: 0 !important;
}

.footer4 form.cementare-subscribe-v2 .form-group,
.footer4 form[data-cementare-subscribe] .form-group {
  flex: 1 1 190px !important;
  width: auto !important;
  max-width: 205px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer4 form.cementare-subscribe-v2 .input-group-btn,
.footer4 form[data-cementare-subscribe] .input-group-btn {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.footer4 form.cementare-subscribe-v2 .form-control,
.footer4 form[data-cementare-subscribe] .form-control {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 14px !important;
  border: 1px solid rgba(43, 39, 35, .16) !important;
  border-radius: 2px !important;
  background: #f7f5f2 !important;
  color: #2b2723 !important;
  font-size: .78rem !important;
  line-height: 1.2 !important;
  text-align: left !important;
  box-shadow: none !important;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease !important;
}

.footer4 form.cementare-subscribe-v2 .form-control::placeholder,
.footer4 form[data-cementare-subscribe] .form-control::placeholder {
  color: #8b837b !important;
  opacity: 1;
}

.footer4 form.cementare-subscribe-v2 .form-control:focus,
.footer4 form[data-cementare-subscribe] .form-control:focus {
  border-color: #635a51 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(99, 90, 81, .08) !important;
  outline: none !important;
}

.footer4 form.cementare-subscribe-v2 .input-group-btn .btn,
.footer4 form[data-cementare-subscribe] .input-group-btn .btn {
  width: auto !important;
  min-width: 112px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-width: 1px !important;
  border-radius: 2px !important;
  font-size: .78rem !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: .025em !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .footer4 form.cementare-subscribe-v2 .input-group-btn .btn:hover,
  .footer4 form[data-cementare-subscribe] .input-group-btn .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(48, 40, 32, .09) !important;
  }
}

@media (max-width: 767.98px) {
  .footer4 form.cementare-subscribe-v2 .dragArea,
  .footer4 form[data-cementare-subscribe] .dragArea {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 420px) {
  .footer4 form.cementare-subscribe-v2 .dragArea,
  .footer4 form[data-cementare-subscribe] .dragArea {
    flex-direction: column !important;
    align-items: stretch !important;
    max-width: 280px;
  }

  .footer4 form.cementare-subscribe-v2 .form-group,
  .footer4 form[data-cementare-subscribe] .form-group,
  .footer4 form.cementare-subscribe-v2 .input-group-btn,
  .footer4 form[data-cementare-subscribe] .input-group-btn {
    flex: 0 0 auto !important;
    width: 100% !important;
    max-width: none !important;
  }

  .footer4 form.cementare-subscribe-v2 .input-group-btn .btn,
  .footer4 form[data-cementare-subscribe] .input-group-btn .btn {
    width: 100% !important;
  }
}