.block--search  {
  form {
    position: relative;
  }

  label {
    opacity: 0;
    color: transparent;
    position: absolute;
    line-height: 0;
    font-size: 0;

  }

  .form-text {
    width: 100%;
    font-size: var(--title-xl);
    color: var(--neutral-01);
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--secondary-01);
    padding-left: 0;
    padding-right: 1rem;
    padding-bottom: 0.5rem;

    &::-webkit-search-cancel-button {
      display: none;
    }

    &::placeholder {
      color: var(--neutral-01);
      opacity: 1;
    }
  }

  .form-submit::-webkit-search-cancel-button {
    display: none;
  }

  .form-actions {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);

    &:before {
      font-family: "FontAwesome";
      content: "\f002";
      display: inline-block;
      font-size: 1rem;
      line-height: 0;
      color: var(--secondary-01);
      vertical-align: center;
    }

    .form-submit {
      position: absolute;
      inset: 0;
      font-size: 0;
      line-height: 0;
      width: 1.5rem;
      right: 0;
      height: 100%;
      cursor: pointer;
    }
  }
}


@media only screen and (min-width: 1080px) {
  .block--search  {
    .form-search {
      padding-bottom: 0.75rem;
    }
  }
}

/* Search page form */
.block--sas-theme-exposed-formsearch-page-view {
  form {
    position: relative;
  }

  .form-item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .form-text {
    width: 100%;
    font-size: var(--title-md);
    border: none;
    border-bottom: 1px solid var(--secondary-01);
    padding-left: 0;
    padding-right: 1rem;
    padding-bottom: 0.5rem;

    &::placeholder {
      color: var(--neutral-01);
      opacity: 0;
    }
  }

  .form-actions {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);

    &:before {
      font-family: "FontAwesome";
      content: "\f002";
      display: inline-block;
      font-size: 1rem;
      line-height: 0;
      color: var(--secondary-02);
      vertical-align: center;
    }

    .form-submit {
      position: absolute;
      inset: 0;
      font-size: 0;
      line-height: 0;
      width: 1.5rem;
      right: 0;
      height: 100%;
      cursor: pointer;
    }
  }
}

@media only screen and (min-width: 1080px) {
  .block--sas-theme-exposed-formsearch-page-view {
    .form-item {
      align-items: center;
      flex-direction: row;
      gap: 1rem;
    }
  }
}

/* Dark Mode Search Form */
.sas-theme--dark-theme {
  .block--sas-theme-exposed-formsearch-page-view {
    input.form-text {
      color: var(--neutral-01);
    }
  }
}