/* SECTION Algolia */

/*!SECTION Algolia */

/* SECTION Home Page */
.home-page {
  .search-field {
    background-color: var(--clr-white);
    display: block !important;
  }
  .search-wrapper {
    position: relative;
    display: block !important;
  }

  .home-search {
    position: relative;
    width: 100%;
    z-index: 2;
    margin-block-start: 0.5rem;
  }
}
/*SECTION - Dropdown */

.aa-dropdown-menu {
  box-shadow: 0px 4px 12.7px 4px rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  border: 1px solid var(--clr-neutral-40);
  font-size: var(--step-1);
  text-align: start;
  padding: var(--space-2xs);
  background-color: var(--clr-white);
  margin-block-start: 0.5rem;
}

.aa-dataset-articles {
  padding-inline: var(--space-s);
  overflow: auto;
}

.aa-suggestion {
  cursor: pointer;
  border-bottom: 1px solid var(--clr-neutral-40);
  padding-block: var(--space-xs);
}
.aa-suggestion:last-child {
  border-bottom: none;
}
.aa-article-hit__sm .aa-article-hit--category,
.aa-article-hit__xs .aa-article-hit--category {
  color: var(--clr-neutral-160);
  font-weight: var(--font-bold);
  margin-block-end: 1rem;
}

.aa-article-hit__section-first .aa-article-hit--section {
  display: none;
}

.aa-article-hit__sm .aa-article-hit--body {
  font-size: var(--step-0);
  line-height: 1.5;
}
.aa-article-hit__sm .aa-article-hit--title,
.aa-article-hit__xs .aa-article-hit--title {
  font-weight: var(--font-bold);
}
.aa-article-hit--body .aa-article-hit--highlight {
  font-weight: var(--font-bolder);
}

.aa-suggestion.aa-cursor .aa-article-hit--content:hover {
  background-color: var(--clr-neutral-5);
  transition-duration: var(--transition-duration);
}
.aa-article-hit--content:focus {
  background-color: var(--clr-white);
  border: var(--clr-black);
}

.aa-article-hit__sm .aa-article-hit--content {
  border-radius: 0.25rem;
  margin: 0;
  width: 100%;
  padding: var(--space-2xs) var(--space-xs);
}

.aa-article-hit--title .aa-article-hit--highlight {
  background-color: var(--clr-secondary-5);
  text-decoration: underline;
  font-weight: var(--font-bolder);
}

/*!SECTION - Dropdown */

.search-button {
  position: absolute;
  z-index: 10;
  inset-block-start: 20px;
  inset-inline-start: 24px;
  color: var(--clr-neutral-160);
}

[dir='rtl'] .search-button {
  inset-inline-start: 5px;
}

/* SECTION - Header Search */

.navbar-search {
  height: 2.375rem;
  width: 2.375rem;
  justify-content: center;
}
.home-page .mobile-navbar,
.home-page .navbar-search,
.search-results-page .navbar-search {
  display: none;
}

.navbar-search {
  margin-inline-end: 1rem;
}

.header-search {
  --size: 2.375rem;
  border: 1px solid var(--clr-neutral-160);
  border-radius: 100vh;
  display: flex;
  overflow: hidden;
  position: absolute;
  width: var(--size);
  height: var(--size);
  font-size: var(--step-0);
  color: black;
}

input#query.aa-input {
  padding-inline-start: 3rem;
}

.header-search:focus-within {
  width: 30%;
  background-color: var(--clr-white);
  z-index: 1000;
  border-radius: 0.25rem;
  border: 2px solid var(--clr-primary-100);
  box-shadow: 0px 0px 0px 2px #fce1d3;
}

.header-search:focus-within .aa-input {
  opacity: 1;
  z-index: initial;
  cursor: initial;
  outline-color: transparent;
}

.header-search:focus-visible {
  box-shadow: none;
}

.header-search:focus-within .search-submit {
  color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.header-search:focus-within .search-submit:hover,
.header-search:focus-within .search-submit:focus {
  outline: 0;
  transition-duration: var(--transition-duration);
}

@media (prefers-reduced-motion: no-preference) {
  .header-search {
    transition: width 400ms cubic-bezier(0.18, 0.89, 0.32, 1.08);
  }
}

.expand .aa-input {
  border: 0;
  opacity: 0;
  cursor: pointer;
  padding: 0 1rem;
  color: var(--clr-neutral-160);
  background-color: var(--clr-white);
  width: 100%;
}

.results .form-field {
  display: flex;
}

.search-submit {
  --size: 2.375rem;
  font-size: var(--step-0);
  background: 0;
  border: 0;
  cursor: pointer;
  border-radius: 50%;
  transition: background 200ms ease-out;
  width: calc(var(--size)-10px);
  height: calc(var(--size)-10px);
  color: var(--clr-neutral-160);
  margin-inline-start: 0.35rem;
  margin-block-start: 0.7rem;

  @media screen and (max-width: 44.93em) {
    margin-inline-start: 0;
    margin-block-start: 0.7rem;
  }
}

[dir='rtl'] .search-submit {
  margin-inline-end: 0.4rem;
}

[dir='rtl'] .search-submit input::placeholder {
  padding-right: 3rem;
}

[dir='rtl'] .search-submit input::placeholder-shown {
  margin-block-start: 0.25rem;
}

/*!SECTION - Header Search */