/* RD Station Form Custom Styling - Usando estilos padrão do tema aulaapp */

/* Container do formulário RD Station */
.rd-station-form-container {
  width: 100%;
  max-width: 435px;
  background: transparent !important;
}

/* Aplicando os estilos padrão do tema aulaapp ao formulário RD Station */
.bricks--section {
  width: 100%;
  max-width: 435px;
  background: transparent !important;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

.bricks--column.rd-column > div {
  background: transparent !important;
}

/* Remover background branco de todos os elementos do formulário */
.bricks--section *,
.bricks--section,
.bricks--column,
.bricks--column *,
.bricks-form__field,
.bricks-form__field *,
.bricks-form_field,
.bricks-form_field *,
.bricks--component,
.bricks--component *,
[class*="bricks-form"],
[class*="bricks-form"] *,
[class*="rd-form"],
[class*="rd-form"] *,
[class*="rdstation"],
[class*="rdstation"] * {
  background: transparent !important;
}

/* Ocultar o título "Faça uma demonstração gratuita" */
.bricks--section h1,
.bricks--section h2,
.bricks--section h3,
.bricks--section h4,
.bricks--section h5,
.bricks--section h6,
.bricks--section .bricks-form__title,
.bricks--section .bricks-form_title,
.bricks--section [class*="title"],
.bricks--section [class*="heading"] {
  display: none !important;
}

/* Labels - usando estilos padrão do tema aulaapp */
.bricks-form__label,
.bricks-form_label {
  color: var(--color-white) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  display: block;
  margin-bottom: 4px !important;
  font-family: "Encode Sans", sans-serif !important;
  background: transparent !important;
}

/* Inputs - usando estilos padrão do tema aulaapp */
.bricks-form__input,
.bricks-form_input[type="text"],
.bricks-form_input[type="email"],
.bricks-form_input[type="tel"] {
  width: 100%;
  margin-bottom: 24px !important;
  padding: 12px !important;
  border-radius: 4px !important;
  border: 1px solid #386a73 !important;
  background: #2a575f !important;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  transition: all 0.2s ease-in-out;
}

.bricks-form__input:focus,
.bricks-form_input[type="text"]:focus,
.bricks-form_input[type="email"]:focus,
.bricks-form_input[type="tel"]:focus,
.bricks-form__input:active,
.bricks-form_input[type="text"]:active,
.bricks-form_input[type="email"]:active,
.bricks-form_input[type="tel"]:active,
.bricks-form__input:hover,
.bricks-form_input[type="text"]:hover,
.bricks-form_input[type="email"]:hover,
.bricks-form_input[type="tel"]:hover {
  border-color: #0db793 !important;
  outline: none !important;
}

/* Placeholder dos inputs - usando estilos padrão do tema aulaapp */
.bricks-form__input::placeholder,
.bricks-form_input[type="text"]::placeholder,
.bricks-form_input[type="email"]::placeholder,
.bricks-form_input[type="tel"]::placeholder {
  color: rgba(254, 254, 254, 0.6);
}

/* Focus dos inputs - usando estilos padrão do tema aulaapp */
.bricks-form__input:focus,
.bricks-form_input[type="text"]:focus,
.bricks-form_input[type="email"]:focus,
.bricks-form_input[type="tel"]:focus,
.bricks-form__input:active,
.bricks-form_input[type="text"]:active,
.bricks-form_input[type="email"]:active,
.bricks-form_input[type="tel"]:active,
.bricks-form__input:hover,
.bricks-form_input[type="text"]:hover,
.bricks-form_input[type="email"]:hover,
.bricks-form_input[type="tel"]:hover {
  border-color: var(--color-pink);
  outline: none;
  box-shadow: 0 0 0 2px rgba(226, 77, 126, 0.2);
}

/* Botão de submit - usando estilos padrão do tema aulaapp (.c-btn) */
.bricks-form__submit button,
.bricks-form_submit button,
.bricks-form_submit input[type="submit"],
.rd-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 16px 32px;
  border-radius: 32px !important;
  gap: 8px !important;
  color: var(--color-white) !important;
  background-color: var(--color-pink) !important;
  transition: all 0.2s ease-in-out;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 120% !important;
  font-family: "Encode Sans", sans-serif !important;
  border: none !important;
  cursor: pointer !important;
}

.bricks-form__submit button:hover,
.bricks-form_submit button:hover,
.bricks-form_submit input[type="submit"]:hover,
.rd-button:hover,
.bricks-form__submit button:focus,
.bricks-form_submit button:focus,
.bricks-form_submit input[type="submit"]:focus,
.rd-button:focus {
  opacity: 0.7;
  transform: scale(1.01);
}

/* Checkbox */
input[type="checkbox"] {
  width: 16px;
  height: 16px;
  accent-color: var(--color-green-normal);
  margin: 0;
  margin-top: 2px;
  background: transparent !important;
}

/* Links nos termos */
.bricks-form__static {
  color: var(--color-white) !important;
}
.bricks-form__static a,
.bricks-form_terms .bricks-form_label a {
  color: var(--color-green-normal);
  text-decoration: underline;
  background: transparent !important;
  color: var(--color-white) !important;
}

.bricks-form__static a:hover,
.bricks-form_terms .bricks-form_label a:hover {
  color: var(--color-pink);
}

/* Select2 (campo de telefone) - mantendo consistência com o tema */
.select2-container .select2-choice {
  background: var(--color-green-dark) !important;
  border: 1px solid var(--color-green-normal);
  border-radius: 4px;
  color: var(--color-white);
  padding: 12px 8px;
  font-family: "Encode Sans", sans-serif;
}

.select2-drop {
  background: var(--color-green-dark) !important;
  border: 1px solid var(--color-green-normal);
  border-radius: 4px;
  color: var(--color-white);
}

.select2-results li {
  color: var(--color-white);
  background: var(--color-green-dark) !important;
  padding: 8px 12px;
  font-family: "Encode Sans", sans-serif;
}

.select2-results li:hover,
.select2-results li.select2-highlighted {
  background: var(--color-green-normal) !important;
}

/* Campos de privacidade e termos */
.bricks-form__static,
.bricks-form_privacy .bricks-form_label,
.bricks-form_terms .bricks-form_label {
  font-size: 14px;
  font-weight: 400;
  color: rgba(254, 254, 254, 0.8);
  line-height: 1.4;
  font-family: "Encode Sans", sans-serif;
  background: transparent !important;
}

/* Responsividade - usando estilos padrão do tema aulaapp */
@media (max-width: 991px) {
  .rd-station-form-container {
    max-width: 100%;
    background: transparent !important;
  }

  .bricks--section {
    max-width: 100%;
    padding: 0;
    background: transparent !important;
  }

  .bricks-form__input,
  .bricks-form_input[type="text"],
  .bricks-form_input[type="email"],
  .bricks-form_input[type="tel"] {
    font-size: 16px;
  }

  .bricks-form__submit button,
  .bricks-form_submit button,
  .bricks-form_submit input[type="submit"],
  .rd-button {
    font-size: 16px;
    padding: 14px 24px;
  }
}
