/*
 * Horoh CSS Segura | horoh-newsletter-contact.css
 * Seção extraída do main.css para reduzir conflito e facilitar manutenção.
 */

/* ==========================================================================
   HOROH | Newsletter Mobile - input ao lado do botão
   ========================================================================== */

@media (max-width: 767px) {
  form.elementor-form[name="Newsletter"] .elementor-form-fields-wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    align-items: stretch !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  form.elementor-form[name="Newsletter"] .elementor-field-group-email {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  form.elementor-form[name="Newsletter"] .elementor-field-group-email input {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    line-height: 38px !important;
    box-sizing: border-box !important;
  }

  form.elementor-form[name="Newsletter"] .elementor-field-type-submit {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  form.elementor-form[name="Newsletter"] .elementor-button {
    width: auto !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
  }

  form.elementor-form[name="Newsletter"] .elementor-button-text {
    white-space: nowrap !important;
  }

  /* Mensagens continuam abaixo da linha input + botão */
  form.elementor-form[name="Newsletter"] .elementor-message,
  form.elementor-form[name="Newsletter"] .elementor-error,
  form.elementor-form[name="Newsletter"] .elementor-message-danger,
  form.elementor-form[name="Newsletter"] .elementor-message-success {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: 8px !important;
  }
}

/* ==========================================================================
   HOROH | Newsletter contato
   Classe do bloco/container: horoh-contact-newsletter
   ========================================================================== */

/* Linha: input + botão */
.horoh-contact-newsletter .elementor-form-fields-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 12px !important;
}

/* Remove espaçamentos padrão dos grupos */
.horoh-contact-newsletter .elementor-field-group {
  padding: 0 !important;
  margin: 0 !important;
}

/* Campo de e-mail */
.horoh-contact-newsletter .elementor-field-type-email,
.horoh-contact-newsletter .elementor-field-group-email {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* Input */
.horoh-contact-newsletter .elementor-field-type-email input,
.horoh-contact-newsletter .elementor-field-group-email input,
.horoh-contact-newsletter input[type="email"].elementor-field {
  width: 100% !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 18px !important;
  line-height: 38px !important;
  box-sizing: border-box !important;
}

/* Placeholder */
.horoh-contact-newsletter .elementor-field::placeholder {
}

/* Grupo do botão */
.horoh-contact-newsletter .elementor-field-type-submit {
  display: flex !important;
  align-items: stretch !important;
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 !important;
}

/* Botão Cadastrar - normal */
.horoh-contact-newsletter .elementor-form button[type="submit"],
.horoh-contact-newsletter .elementor-form .elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 38px !important;
  height: 38px !important;

  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-transform: none !important;

  box-shadow: none !important;
  transition: all 0.25s ease !important;
}

/* Texto interno do botão */
.horoh-contact-newsletter .elementor-form .elementor-button-text {
  line-height: inherit !important;
}

/* Botão Cadastrar - hover */
.horoh-contact-newsletter .elementor-form button[type="submit"]:hover,
.horoh-contact-newsletter .elementor-form .elementor-button:hover {
  transform: scale(0.96) !important;
  box-shadow: none !important;
}

/* Remove foco/active estranho */
.horoh-contact-newsletter .elementor-form button[type="submit"]:focus,
.horoh-contact-newsletter .elementor-form .elementor-button:focus,
.horoh-contact-newsletter .elementor-form button[type="submit"]:active,
.horoh-contact-newsletter .elementor-form .elementor-button:active {
  outline: none !important;
  box-shadow: none !important;
}

/* Mobile: mantém input e botão lado a lado */
@media (max-width: 767px) {
  .horoh-contact-newsletter .elementor-form-fields-wrapper {
    gap: 8px !important;
  }

  .horoh-contact-newsletter .elementor-field-type-email,
  .horoh-contact-newsletter .elementor-field-group-email {
    min-width: 0 !important;
  }

  .horoh-contact-newsletter .elementor-form button[type="submit"],
  .horoh-contact-newsletter .elementor-form .elementor-button {
    padding: 0 9px !important;
    white-space: nowrap !important;
  }

  .horoh-contact-newsletter .elementor-field-type-email input,
  .horoh-contact-newsletter .elementor-field-group-email input,
  .horoh-contact-newsletter input[type="email"].elementor-field {
    padding: 0 12px !important;
  }
}