/*
-------------------------------------------
wf-search-suggestions-rekai.css
-------------------------------------------

  Beskrivning: Stilregler för Rekai sökordsförslag
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

------------------------------------------- */


/* Rekai-sökförslag-länkar med ikon */

.rek-sv-autocomplete .wf-autocomplete-rekai-result-item a {
  display: flex;
  padding: .45em 2em .45em .9em;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
}


.rek-sv-autocomplete .wf-autocomplete-rekai-result-item a::before {
  content: '';
  height: 1.25em;
  width: 1.25em;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: .175em;
  margin-right: .5em;
  flex-shrink: 0;
  display: block;
  background-image: var(--wf-icon-page-mossa);
}

/* Självservice */
.rek-sv-autocomplete .wf-search-suggestions-rekai-self-service a::before  {
  background-image: var(--wf-icon-self-service-mossa);
}

/* Fraktion och föremål*/
.rek-sv-autocomplete .wf-search-suggestions-rekai-fraction a::before {
  background-image: var(--wf-icon-avfallstyp-mossa);
}

/* Driftinfo */
.rek-sv-autocomplete .wf-search-suggestions-rekai-service-info a::before  {
  background-image: var(--wf-icon-info-212121);
}

/* Nyhet */
.rek-sv-autocomplete .wf-search-suggestions-rekai-news a::before  {
  background-image: var(--wf-icon-news-mossa);
}

/* Hover */
.rek-sv-autocomplete .wf-autocomplete-rekai-result-item a:hover {
  text-decoration-thickness: 2px;
}

@media screen and (max-width: 767px) {
    ul.rek-sv-autocomplete {
        max-width: calc(350px - (2 * var(--wf-spacing-40)));
  }
}