/*
-------------------------------------------
wf-faq-rekai.css
-------------------------------------------

  Beskrivning: Stilregler för Vanliga frågor genererade av Rek.ai
  Skapad av: Webbfröken AB
  Webbadress: https://webbfroken.se

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


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

Bygger på att utseendet ska följa hopfällbart fält i allmänhet.
Utseendet sätts i stor utsträckning i collapsable-content.css.
Här följer specialare för att få modulen att efterlikna webbplatsen i stort.

------------------------------------------- */
.rekai-news-header-wrapper h2 {
  display: none;
}

.rekai-accordion__list dt:has(button[aria-expanded="false"]):not(:last-of-type),
.rekai-accordion__list dt:has(button[aria-expanded="true"]):not(:last-of-type) + .rekai-accordion__body {
    margin-bottom: var(--wf-space-before-collapse-items);
}

/* Rubriken */
.rek-prediction .rekai-accordion__button .rekai-accordion__question-text {
	font-family:var(--wf-heading-font);
	font-weight: var(--env-ui-text-subheading-font-weight);
  line-height: 1.5;
}

.rek-prediction .rekai-accordion__list dt:last-of-type .rekai-accordion__button[aria-expanded="false"] {
    border-width: var(--wf-collapse-border-width);
    border-color: var(--wf-collapse-border-color);
}

.rek-prediction .rekai-accordion__button svg {
    display: none;
}
  
/* Text i body. Imiterar .normal */
.rek-prediction .rekai-accordion__answer-page,
.rek-prediction .rekai-accordion__answer-text{
	font-size: var(--wf-font-size-normal);
	color:var(--env-font-color);
    margin: 0 0 var(--wf-spacing-40);
}
.rek-prediction .rekai-accordion__answer-page a,
.rek-prediction .rekai-accordion__answer-text a{
	color: var(--env-link-font-color);
}

.rek-prediction .rekai-accordion__answer-page a:hover,
.rek-prediction .rekai-accordion__answer-text a:hover {
	color: var(--env-link-font-color-hover);
}


/*
-------------------------------------------
Rek FAQ i sökordförslag
------------------------------------------- */

ul.rek-sv-autocomplete.sv-autocomplete-search-result:has(li) {
  padding: 0;
}

ul.sv-autocomplete-search-result > dt:first-of-type {
  margin-top: .2em;
}

.rek-sv-autocomplete.sv-autocomplete-search-result .rekai-accordion__button {
  border-color: var(--june-mossa-20);
  font-family: var(--wf-heading-font);
  font-weight: 600;
  display:flex;
  align-items: center;
  justify-content:space-between;
  position:relative;
  transition:border-radius var(--wf-collapse-toggle-duration) ease;
  color:var(--env-collapse-icon-color);
  text-align:left;
  font-size: var(--wf-font-size-small);
  padding: .6em 2em .6em 1.1em;
}

.rek-sv-autocomplete.sv-autocomplete-search-result .rekai-accordion__button:hover{
  background-color: var(--wf-collapse-expanded-background-color);
}

.rek-sv-autocomplete.sv-autocomplete-search-result .rekai-accordion__button svg {
    display: none;
}

.rek-sv-autocomplete.sv-autocomplete-search-result .rekai-accordion__body{
  font-size: var(--wf-font-size-small);
}