/*
 * FacetWP Css
 */

.facetwp-facet {
  margin-bottom:0!important;
}

 /* Reset */
 .facetwp-facet-rensa {
  transform: translateY(-1px)!important;
 }
 a.facetwp-reset {
  font-size: 12px;
  text-decoration: none;
  color:darkred;
  line-height: 1;
 }

/* Results */
.facetwp-facet-resultat {
  font-size: 14px;
  margin-bottom:0!important;
}

/* Loader */
.facetwp-facet-ladda_fler {
  text-align:center;
  margin-top:3rem;
}

.facetwp-facet-ladda_fler button {
  font-size:1rem;
  padding:.3rem 1.5rem;
  background-color:transparent;
  color: var(--wp--preset--color--primary);
  font-family:inherit;
  border:1px solid var(--wp--preset--color--primary);
  border-radius:100em;;
}

/* FAQ-filter */

.facetwp-facet-faq_sok {
  text-align:center;
}
.facetwp-facet-faq_sok input.facetwp-search {
  padding:.5rem 1rem;
  background: none;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 4px;
  font-size: 14px;
  font-family: inherit;
}
.facetwp-facet-faq .fs-label-wrap {
  background: none;
  font-size: 14px;
  font-family: inherit;
}
.facetwp-facet-faq .fs-label-wrap .fs-label {
  padding:.65rem 1rem;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 4px;
}
.facetwp-facet-faq .fs-arrow {
  right:1rem;
}

/* Radios/checkboxes */

.facetwp-radio .facetwp-counter, .facetwp-checkbox .facetwp-counter {
  display:none;
}
.facetwp-display-value {
  padding:0!important;
}
.facetwp-facet-sp_stil, 
.facetwp-facet-sp_dia, 
.facetwp-facet-sp_pro,
.facetwp-facet-faq {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap:0 2rem;
  font-size: .75rem;
}
.facetwp-facet-faq {
  justify-content: center;
  gap:1rem;
}
.facetwp-facet-sp_stil .facetwp-checkbox, 
.facetwp-facet-sp_dia .facetwp-checkbox, 
.facetwp-facet-sp_pro .facetwp-checkbox {
  display: block;
  width: 20%;
  padding:1rem;
  margin-bottom: 0;
  text-align: center;
}
.facetwp-facet-sp_stil .facetwp-display-value {
  padding-right:0;
}
.facetwp-facet-sp_stil .facetwp-checkbox,
.facetwp-facet-sp_dia .facetwp-checkbox, 
.facetwp-facet-sp_pro .facetwp-checkbox,
.facetwp-facet-sp_stil .facetwp-checkbox.checked,
.facetwp-facet-sp_dia .facetwp-checkbox.checked,
.facetwp-facet-sp_pro .facetwp-checkbox.checked,
.facetwp-facet-faq .facetwp-radio.checked {
  background-image: none;
}

/* Filterbilder */
.facetwp-facet-sp_stil [data-value]::before {
  content: '';
  display: block;
  height:24px;
  width:auto;
  margin-bottom: .5rem;
}
.facetwp-facet-sp_dia [data-value]::before {
  content: '';
  display: block;
  height:100px;
  width:auto;
  margin-bottom: .5rem;
  mix-blend-mode: multiply;
}
.facetwp-facet-sp_pro [data-value]::before {
  content: '';
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/filterbild-placeholder.webp');
  display: block;
  height:100px;
  width:auto;
  margin-bottom: .5rem;
}

[data-value='halo-ringar']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/stil-halo.png');
}
[data-value='multistensringar']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/stil-multistone.png');
}
[data-value='sidostensringar']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/stil-sidestone.png');
}
[data-value='solitarringar']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/stil-solitar.png');
}
[data-value='tiara-ringar']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/stil-tiara.png');
}
[data-value='alliansringar']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/stil-allians.png');
}
[data-value='slata-ringar']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/stil-plain.png');
}
[data-value='halo-ringar']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/icons/stil-halo.png');
}
[data-value='cushion']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/diamanter/sigfrid-petersson-diamant-cushion.webp');
}
[data-value='emerald']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/diamanter/sigfrid-petersson-diamant-emerald.webp');
}
[data-value='marquise']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/diamanter/sigfrid-petersson-diamant-marquise.webp');
}
[data-value='oval']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/diamanter/sigfrid-petersson-diamant-oval.webp');
}
[data-value='pear']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/diamanter/sigfrid-petersson-diamant-pear.webp');
}
[data-value='princess']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/diamanter/sigfrid-petersson-diamant-princess.webp');
}
[data-value='round']::before {
  background: no-repeat center/contain url('/wp-content/themes/sigfrid/assets/img/diamanter/sigfrid-petersson-diamant-round.webp');
}
/* User selections */
.facetwp-selections ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;  
    padding:0;
    margin: 0;
    font-size: 12px;
}
.facetwp-selections li {
    display: inline-block;
    list-style-type: none;
}
.facetwp-selections .facetwp-selection-label {
    font-weight: 600;
}
.facetwp-selections .facetwp-selection-value {
    color: var(--wp--preset--color--primary);
}

.facetwp-selections .facetwp-selection-value:hover {
    text-decoration: underline;
}
.facetwp-selections .facetwp-selection-value:last-child {
    margin-right: 0;
}
.facetwp-selections .facetwp-selection-value {
    background-size: 10px 10px!important;
}

/* Filter Ringar v2 */
.sp-filters .facetwp-facet {
  margin:0!important;
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .8px;
  text-transform: uppercase;
}
.sp-filters .fs-label-wrap {
  background-color:transparent;
  border-color:var(--wp--preset--color--primary);
  border-radius:4px;
  border-style: dashed;
}
.sp-filters .fs-label-wrap .fs-label {
  padding:.6rem 1rem;
}

.sp-filters .fs-arrow {
    right: 16px;
}

.sp-filters .facetwp-facet-sp_kat {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap:1.2rem;
}
.sp-filters .facetwp-facet-sp_kat .facetwp-radio {
  /*flex-grow: 1;*/
}
.sp-filters .facetwp-radio, .facetwp-facet-faq .facetwp-radio {
  background: none;
  display: block;
  padding: 3px 12px;
  margin-bottom:0;
  border: 1px solid var(--wp--preset--color--primary);
  border-radius: 4px;
}

/* Style the hover and 'checked' states */
.sp-filters .facetwp-radio:hover,
.facetwp-facet-faq .facetwp-radio:hover,
.sp-filters .facetwp-radio.checked,
.facetwp-facet-faq .facetwp-radio.checked {
  background-image: none;
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--secondary);
}
.facetwp-facet-sp_stil .facetwp-checkbox.checked,
.facetwp-facet-sp_dia .facetwp-checkbox.checked,
.facetwp-facet-sp_pro .facetwp-checkbox.checked {
  border-radius:4px;
  background-color: #eaeaea;
}

/* Diamantform */