#block-ai-search {
  .grid-outer {
    padding-bottom: 1.75rem;
  }

  & + .l-grid-section {
    .grid-outer.with-border {
      border-top: 0;
      padding-top: 0;
      padding-bottom: 3.75rem;
    }
  }

  .ai-search-form-wrapper {
    .form-submit {
      display: none;

      &+img {
        height: 100%;
        margin: auto 0;
      }
    }
  }
}

form.ai-search-block-form {
  .ai-search-form-wrapper {
    display: flex;
    border-color: #30515F;
    height: 3.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.125rem;
    line-height: 1.6875rem;
    font-weight: normal;
    font-size: 0.9375rem;
    font-style: normal;
    line-height: 1.375rem;
    font-family: SV Bold, Arial, sans-serif;
    color: #30515F;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: transparent;
    padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
    border-color: #97A8AF;
    border-radius: 0.125rem;
    border-width: 0.1875rem !important;
    border-style: solid;
    -webkit-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;

    > * {
      &:first-child {
        flex: 1;
      }
    }
    .search-form-send.button {
      opacity: 0.3;
    }
  }
}

#ai-search-block-form {
  .form-item-query {
    input {
      border: 0;
      font-size: 1.125rem;
      line-height: 1.6875rem;
      font-family: SV Bold, Arial, sans-serif;
      color: #30515F;
      width: 100%;
      height: 100%;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      background: transparent;
      padding: 0.3125rem 0.625rem 0.3125rem 0.625rem;
      transition-property: border-color;
      -webkit-transition-duration: 300ms;
      transition-duration: 300ms;
    }
  }
}

/* The AI search response (only rendered on /search) is hidden from
   anonymous users; the user-logged-in body class is set in html.html.twig. */
body:not(.user-logged-in) .ai-search-block-response {
  display: none;
}

.ai-search-block-response {
  .grid-outer.with-border {
    padding-bottom: 1.75rem !important;
  }

  a, a:link, a:visited {
    color: #8BA791;
  }

  & + #block-cake-system-main {
    .views-element-container {
      .l-grid-section {
        .grid-outer.with-border {
          .inputfield.search {
            display: none;
            /*opacity: 0.1;*/
          }
        }
      }
    }
  }

  .ai-search-block-wrap:has(> .ai-search-block-response > .ai-search-block-output:first-child):has(> #ai-search-block-response-links:nth-child(2)) {
    display: flex;
    > .ai-search-block-response {
      width: 60%;
      padding-right: 1rem;

      ul {
        margin-left: 2rem;
      }
    }
    > #ai-search-block-response-links {
      flex: 1;
      font-size: small;
      border-left: 1px solid #ccc;
      padding-left: 1rem;

      .ai-search-block-response-link {
          padding-bottom: 0.5rem;

        & + .ai-search-block-response-link {
          padding-top: 0.5rem;
          border-top: 1px solid #ccc;
        }
      }
    }


    .ai-search-block-expand {
      button.expand-button {
        background-color: transparent;
        padding: 0.5rem 1rem;
        border: 1px solid #ccc;
        color: inherit;
        border-radius: 0.25rem;
        margin-top: 1rem;
      }
    }
  }

  /* Ensure content type label is visible and styled. */
  .content-type {
    font-weight: bold;
    color: #30515F;
    text-transform: uppercase;
    font-size: 0.8em;
    margin-right: 0.2rem;
  }
}

#block-ai-search-response {
  h2 {
    padding-bottom: 0.5rem;
  }
}

.ai-search-button-pseudo-submit {
  cursor: pointer;
}