/* ESTILOS FORMULARIOS */

.form {
  & input,
  & button,
  & label {
    font-family: "Neue Haas Unica" !important;
  }

  & input,
  & select,
  & textarea {
    border: 1px solid var(--border-primary-light) !important;
    padding: 1rem !important;
    color: var(--primary) !important;
    font-size: 1rem !important;
    height: unset !important;
    line-height: 1.3rem !important;

    &::placeholder {
      color: var(--grey-light) !important;
    }
  }

  & .bcontact-embed {
    width: unset !important;
    border: unset;
    max-width: 700px;
  }

  & .bcontact-content {
    padding: 0 0 1rem 0;
    min-height: unset;

    & .bcontact-title,
    & .bcontact-description,
    & .bcontact-field-help-text,
    & .bcontact-field-heading {
      display: none;
    }

    & .bcontact-field--radio .bcontact-field-heading {
      display: block;
      margin-bottom: 0.5rem;
    }

    & .bcontact-form {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      column-gap: 0rem;
      row-gap: 1rem;
      margin: 0 !important;
    }

    & .bcontact-field,
    & .bcontact-submit {
      margin: 0;
      padding: 0;
    }

    & .bcontact_input,
    & .bcontact_select,
    & .bcontact-submit-btn,
    & .bcontact-file {
      min-height: 50px;
    }

    & .bcontact_select:after {
      bottom: 23px;
    }

    & .bcontact_input,
    & .bcontact-submit-btn,
    & .bcontact_select,
    & .bcontact-file,
    & .bcontact_textarea,
    & .bcontact-success-message {
      font-weight: 400;
      font-family: "Neue Haas Unica" !important;
    }

    & .bcontact-file,
    & .bcontact-submit-btn {
      width: 100%;
    }

    & .bcontact-submit-btn {
      text-align: center;
    }

    & div:has(.bcontact_select):after {
      bottom: 27px;
    }
  }

  /* Dropdown arrow for country select */
  & #selector_pais {
    position: relative;

    &::after {
      content: "";
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid black;
      display: inline;
      position: absolute;
      bottom: 27px;
      right: 20px;
      pointer-events: none;
    }
  }

  &.form--newsletter,
  &.form--backinstock {
    & .bcontact-embed {
      & .bcontact-content {
        & .bcontact-form {
          & .bcontact-field {
            flex: unset;
            margin: 0;
            flex-grow: 1;
          }

          & .bcontact-field,
          & .bcontact-submit {
            border: 1px solid var(--text-color-light);
            width: 100%;
          }
        }

        & .bcontact-success-notification {
          margin: 0;

          & svg > path {
            fill: var(--text-color-light);
          }
        }
      }
    }

    @media (width >=768px) {
      & .bcontact-embed {
        & .bcontact-content {
          & .bcontact-form {
            flex-direction: row;

            & .bcontact-field,
            & .bcontact-submit {
              width: unset;
            }
          }
        }
      }
    }
  }

  &.form--newsletter {
    & .bcontact-embed {
      max-width: unset;

      & .bcontact-content {
        & .bcontact-form {
          row-gap: 1rem;

          & .bcontact_input,
          & .bcontact-submit-btn {
            height: 68px !important;
          }
        }
      }
    }
  }

  &.form--backinstock {
    & .bcontact-embed {
      max-width: unset;

      & .bcontact-content {
        & .bcontact-form {
          row-gap: 0.5rem;

          & .bcontact_input,
          & .bcontact-submit-btn {
            height: 50px !important;
          }
        }
      }
    }
  }
}