/* =========================================
   CF7 Newsletter — STANDARD FLOW
   input -> button -> checkbox
   Scope: .me-newsletter-cf7
   Optional light variant: add "me-newsletter-cf7--light" in Elementor
========================================= */

.me-newsletter-cf7{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.me-newsletter-cf7 form.wpcf7-form{
  margin: 0 !important;
  padding: 0 !important;
}

/* remove CF7 layout breakers */
.me-newsletter-cf7 br{ display:none !important; }

.me-newsletter-cf7 .wpcf7-spinner{
  display:none !important;
  width:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* reset p spacing inside CF7 */
.me-newsletter-cf7 form p{
  margin: 0 !important;
  padding: 0 !important;
}

/* --- INPUT --- */
.me-newsletter-cf7 .wpcf7-form-control-wrap{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

.me-newsletter-cf7 input[type="email"]{
  display:block !important;
  width:100% !important;
  height:44px !important;

  margin:0 !important;
  padding:12px 16px !important;

  background:#FFFFFF !important;
  border:1px solid rgba(255,255,255,0.7) !important;
  border-radius:38px !important;

  font-family:'Open Sans', sans-serif !important;
  font-weight:400 !important;
  font-size:14px !important;
  line-height:145% !important;
  color:#537363 !important;

  outline:none !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}

.me-newsletter-cf7 input[type="email"]::placeholder{
  color:#537363 !important;
  opacity:1 !important;
}

/* spacing between input and button */
.me-newsletter-cf7 .me-newsletter-cf7__row{
  margin:0 !important;
  padding:0 !important;
}

.me-newsletter-cf7 .me-newsletter-cf7__row p{
  display:block !important;
}

.me-newsletter-cf7 .me-newsletter-cf7__row p .wpcf7-form-control-wrap{
  margin:0 0 12px 0 !important;
}

/* --- BUTTON --- */
.me-newsletter-cf7 input[type="submit"],
.me-newsletter-cf7 button[type="submit"]{
  display:block !important;
  width:100% !important;
  height:44px !important;

  margin:0 !important;
  padding:12px 24px !important;

  background:#FA5A68 !important;
  border:none !important;
  border-radius:38px !important;

  font-family:'Open Sans', sans-serif !important;
  font-weight:600 !important;
  font-size:14px !important;
  line-height:145% !important;
  color:#F5F5F5 !important;

  cursor:pointer !important;
  outline:none !important;
  box-shadow:none !important;
}

/* --- CONSENT --- */
.me-newsletter-cf7__consent{
  margin:8px 0 0 0 !important;
  padding:0 !important;
}

.me-newsletter-cf7__consent,
.me-newsletter-cf7__consent label,
.me-newsletter-cf7__consent span{
  font-family:'Open Sans', sans-serif !important;
  font-weight:400 !important;
  font-size:14px !important;
  line-height:145% !important;
  color: rgba(255,255,255,0.6) !important; /* dark block default */
}

.me-newsletter-cf7__consent input[type="checkbox"]{
  margin:0 8px 0 0 !important;
  accent-color:#FA5A68 !important;
}

/* Hide inline tip (it overlaps). Errors/success only at bottom output */
.me-newsletter-cf7 .wpcf7-not-valid-tip{
  display:none !important;
}

/* Bottom output message */
.me-newsletter-cf7 .wpcf7-response-output{
  display:block !important;
  margin:16px 0 0 0 !important;
  padding:0 !important;
  border:none !important;
  background:none !important;

  font-family:'Open Sans', sans-serif !important;
  font-size:14px !important;
  line-height:145% !important;

  color: rgba(255,255,255,0.6) !important; /* dark block default */
}

/* =========================================
   LIGHT variant (Elementor extra class)
   me-newsletter-cf7--light
========================================= */

.me-newsletter-cf7--light input[type="email"]{
  border:1px solid rgba(83,115,99,0.2) !important; /* #537363 @20% */
}

.me-newsletter-cf7--light .me-newsletter-cf7__consent,
.me-newsletter-cf7--light .me-newsletter-cf7__consent label,
.me-newsletter-cf7--light .me-newsletter-cf7__consent span,
.me-newsletter-cf7--light .wpcf7-response-output{
  color:#537363 !important;
}

/* ===== CF7 spinner: remove space 100% (only this newsletter form) ===== */

/* 1) remove element from layout */
.me-newsletter-cf7 .wpcf7-spinner{
  display: none !important;
}

/* 2) safety: if some CSS forces display back, kill size & spacing */
.me-newsletter-cf7 .wpcf7-spinner{
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}


/* ===== CF7 spinner: kill it inside this form block (your current markup) ===== */
.me-newsletter-cf7__row .wpcf7-spinner,
.me-newsletter-cf7__row p .wpcf7-spinner{
  display: none !important;     /* главное */
  visibility: hidden !important; /* на всякий случай */
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* У CF7 submit имеет класс has-spinner — иногда он сам добавляет “место” */
.me-newsletter-cf7__row .wpcf7-submit.has-spinner{
  margin-right: 0 !important;
}


/* =========================
   Newsletter CF7 — LIGHT
   existing modifier: .me-newsletter-cf7--light
   real row class: .me-newsletter-cf7__row
   ========================= */

/* INPUT */
.me-newsletter-cf7--light .me-newsletter-cf7__row input[type="email"],
.me-newsletter-cf7--light .me-newsletter-cf7__row .wpcf7-form-control.wpcf7-email {
  box-sizing: border-box !important;

  display: block !important;
  width: 100% !important;
  height: 44px !important;

  padding: 12px 16px !important;

  background: #FFFFFF !important;
  border: 1px solid rgba(83, 115, 99, 0.2) !important;
  border-radius: 38px !important;

  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 145% !important;
  color: #537363 !important;

  outline: none !important;
  box-shadow: none !important;
}

.me-newsletter-cf7--light .me-newsletter-cf7__row input[type="email"]::placeholder,
.me-newsletter-cf7--light .me-newsletter-cf7__row .wpcf7-form-control.wpcf7-email::placeholder {
  color: #537363 !important;
  opacity: 1 !important;
}

/* BUTTON */
.me-newsletter-cf7--light .me-newsletter-cf7__row input[type="submit"],
.me-newsletter-cf7--light .me-newsletter-cf7__row button[type="submit"],
.me-newsletter-cf7--light .me-newsletter-cf7__row .wpcf7-submit {
  height: 44px !important;
  padding: 12px 24px !important;

  background: #FA5A68 !important;
  border: none !important;
  border-radius: 38px !important;

  font-family: 'Open Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 145% !important;
  color: #FFFFFF !important;

  cursor: pointer !important;
  outline: none !important;
  box-shadow: none !important;
}

/* keep hover/focus same */
.me-newsletter-cf7--light .me-newsletter-cf7__row input[type="submit"]:hover,
.me-newsletter-cf7--light .me-newsletter-cf7__row input[type="submit"]:focus,
.me-newsletter-cf7--light .me-newsletter-cf7__row button[type="submit"]:hover,
.me-newsletter-cf7--light .me-newsletter-cf7__row button[type="submit"]:focus,
.me-newsletter-cf7--light .me-newsletter-cf7__row .wpcf7-submit:hover,
.me-newsletter-cf7--light .me-newsletter-cf7__row .wpcf7-submit:focus {
  background: #FA5A68 !important;
  color: #FFFFFF !important;
  outline: none !important;
  box-shadow: none !important;
}

/* LIGHT — уменьшить отступ между input и button */
.me-newsletter-cf7--light .me-newsletter-cf7__row p br {
  display: none !important;
}