/*
-------------------------------------------
wf-faceted-search.css
-------------------------------------------

  Beskrivning: Stilregler för facetterad sök
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

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


/*
-------------------------------------------
Facetterad sök
------------------------------------------- */

/* Sökfält */
.sv-facetedsearch-portlet > form > div:first-child {
  display: flex;
  position: relative;
}

.sv-facetedsearch-portlet > form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 var(--env-form-input-border-radius) var(--env-form-input-border-radius) 0;
  max-height: 100%;
}


/* Text för antal sökträffar */
.sv-facetedsearch-portlet > div:last-child > div > p.normal {
  color: var(--june-asfalt);
  margin-top: var(--wf-spacing-10);
}


/*
-------------------------------------------
Sökresultat
------------------------------------------- */

/* Sökresultat */

.sv-facetedsearch-portlet > div:last-child > div > .env-ui-text-sectionheading {
  margin-top: var(--wf-spacing-80) !important;
}

.sv-facetedsearch-portlet > div:last-child > div > div[aria-live="polite"] {  
  max-width: var(--wf-grid-6-col);
}

.wf-sorting-search-page .sv-facetedsearch-portlet > div:last-child > div > div[aria-live="polite"] {
  max-width: unset; /* Undantag för sorteringsguiden */
}

.sv-facetedsearch-portlet > div:last-child > div > div > div:last-child ol {
  list-style: none;
  margin: 0 0 var(--wf-spacing-80);
  display: flex;
  flex-direction: column;
  gap: var(--wf-spacing-60);
}

.sv-facetedsearch-portlet > div:last-child > div > div > div:last-child ol > li {
  border-left: .375em solid var(--june-sand-10);
  border-radius: 0;
  padding-left: var(--wf-spacing-40) !important;
}

.sv-facetedsearch-portlet > div:last-child > div > div > div:last-child li > div:first-child[aria-live="polite"] {
  display: flex;
  align-items: center;
  gap: var(--wf-spacing-20);
  margin-bottom: var(--wf-spacing-20) !important;
}

.sv-facetedsearch-portlet > div:last-child > div > div > div:last-child li > div:first-child a.env-ui-text-sectionheading {
  display: block;
  color: var(--june-mossa);
  font-size: var(--wf-font-size-h3);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
  margin-bottom: 0 !important;
}

/* Namn på mallen */
.sv-facetedsearch-portlet .wf-search-template-name {
  background-color: var(--june-mossa-10);
  color: var(--june-mossa);
  font-size: var(--wf-font-size-small);
  font-weight: bold;
  border-radius: var(--wf-radius-small);
  padding: .45em .75em;
}


/* Text */
.sv-facetedsearch-portlet > div:last-child > div > div > div:last-child li > .normal {
  margin: 0 0 var(--wf-spacing-20) !important;
  color: var(--june-asfalt);
}

/* Målgruppstaggar */
.sv-facetedsearch-portlet > div:last-child > div > div > div:last-child li > .wf-target-group-tags {
  margin-bottom: var(--wf-spacing-20);
}

/* Hover */
.sv-facetedsearch-portlet > div:last-child > div > div > div:last-child li > div:first-child a:hover {
  text-decoration-thickness: 3px;
}


/*
-------------------------------------------
Paginering
------------------------------------------- */

.sv-facetedsearch-portlet > div:last-child > div > div.normal .pagination span.current,
.sv-facetedsearch-portlet > div:last-child > div > div.normal .pagination a {
  background-color: var(--env-element-secondary-background-color);
  border: 2px solid var(--env-element-secondary-font-color);
  color: var(--env-element-secondary-font-color);
  border-radius: var(--env-button-border-radius);
  font-family: var(--wf-heading-font);
}

.sv-facetedsearch-portlet > div:last-child > div > div.normal .pagination span.current,
.sv-facetedsearch-portlet > div:last-child > div > div.normal .pagination a:hover {
  background-color: var(--env-element-secondary-background-color-dark);
}


.sv-facetedsearch-portlet > div:last-child > div > div.normal .pagination .current.prev,
.sv-facetedsearch-portlet > div:last-child > div > div.normal .pagination .current.next {
  display: none;
}


/*
-------------------------------------------
Läsplatta + Mobil
------------------------------------------- */

@media screen and (max-width: 1024px) {


}


/*
-------------------------------------------
Mobil
------------------------------------------- */

@media screen and (max-width: 767px) {

  .sv-facetedsearch-portlet > div:last-child > div > div > div:last-child ol > li {
    border-left: none;
    padding-left: 0 !important;
  }

}