/* Custom Newsletter Section */
.custom-newsletter {
  padding-top: clamp(var(--padding-top-mobile), 4vw, var(--padding-top-desktop));
  padding-bottom: clamp(var(--padding-bottom-mobile), 4vw, var(--padding-bottom-desktop));

  .custom-newsletter--has-bg {
    background-color: var(--color-background);
  }

  .custom-newsletter__wrapper {
    padding: clamp(2.1875rem, 8vw, 5.375rem) 2.95rem;
  }

  .custom-newsletter__container {
    max-width: 26.4rem;
    margin: 0 auto;
  }

  /* Content */
  .custom-newsletter__content {
    text-align: center;
    margin-bottom: clamp(1.25rem, 4vw, 1.375rem);
  }

  .custom-newsletter__title{
    color: var(--color-title);
    margin-bottom: clamp(0.5rem, 1.5vw, 0.75rem);

    p{
      font-size: clamp(calc(var(--font-heading-scale) * 1.75rem), 3vw, calc(var(--font-heading-scale) * 2.25rem));
      line-height: clamp(
        calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 1.75rem)),
        3vw,
        calc(var(--font-heading-line-height-scale) * calc(var(--font-heading-scale) * 2.25rem))
      );
      letter-spacing: clamp(-0.0225rem, -0.032vw, -0.0175rem);;
      line-height: 1.1;
      font-weight: 800;
      margin: 0;
    }
    
  }

  .custom-newsletter__description {
    color: var(--color-text);
    margin: 0;

    p{
      margin: 0;
    }

    @media screen and (min-width: 750px) {
      font-size: 0.9375rem;
      p{
        font-size: 0.9375rem;
      }
    }

    strong{
      font-weight: 800;
    }

  }
}

/* Form */
.custom-newsletter__form-wrapper {
  max-width: 100%;
  margin: 0 auto;

  @media screen and (min-width: 1200px) {
    padding: 0 13.5px;
  }

  .custom-newsletter__form {
    width: 100%;
  }
  .custom-newsletter__input-wrapper {
    display: flex;
    gap: clamp(0.5rem, 1.6vw, 0.9375rem);
    flex-direction: column;
    margin-bottom: 0;

    @media screen and (min-width: 750px){
      flex-direction: row;
    }
  }

  .custom-newsletter__input[type="email"] {
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--color-text);
    font-size: 1rem;
    line-height: 1.45;
    letter-spacing: 0;
    color: var(--color-text);
    border-color: var(--color-text);
    background-color: transparent;
    width: 100%;
    margin: 0;
    outline: none;

    @media screen and (min-width: 750px) {
      flex: 1;
      width: auto;
    }
  }

  .custom-newsletter__input:focus {
    outline: none;
  }

  .custom-newsletter__input::placeholder {
    font-size: 0.875rem;
    line-height: 1.45;
    letter-spacing: 0;
    color: var(--color-text);
    opacity: 0.6;
  }
}


/* Success & Error Messages */
.custom-newsletter__success,
.custom-newsletter__error {
  font-size: 1rem;
  font-weight: 500;
  color: var(--color-title);
  line-height: normal;
  text-align: center;
}


.custom-newsletter__error {
  color: #721c24;
}