﻿/* ------------------------------------ */
/* start collapsible */
/* ------------------------------------ */

.collapsible__header .input-radio {
    position: relative;
    top: 5px;
    display: inline-block
}

.collapsible .collapsible__header h3[data-handler=toggle-collapsible], .collapsible .collapsible__header > button {
    border: 0;
    display: inline-block;
    padding: .0em;
    text-decoration: none;
    padding-left: 1em;
    background-repeat: no-repeat;
    background-position: left 50%;
    background-size: .9em;
    background-color: transparent;
    background-image: url(../../../static/images/icon-plus-filled-blue.svg)
}

    .collapsible .collapsible__header h3[data-handler=toggle-collapsible][aria-expanded=true] {
        background-image: url(../../../static/images/icon-min-filled-blue.svg)
    }

    .collapsible .collapsible__header > button[aria-expanded=true] {
        background-image: url(../../../static/images/icon-min-filled-blue.svg)
    }

.collapsible__header.sidebar {
    padding: 0px;
}

.collapsible__content.sidebar {
    margin: 0 0 0 0 !important;
    padding: 0px;
}

.facet--heading.sub {
}

/* ------------------------------------ */
/* end collapsible */
/* ------------------------------------ */

/* ------------------------------------ */
/* start sub collapsible */
/* ------------------------------------ */

h4.facet--heading.sub {
    position: relative;
    background-image: url(../../images/icon-plus.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 11px 11px;
    background-position: 9px center;
    padding-left: 25px;
}

h4.facet--heading.sub .facet-toggle {
    font-size: 0;
    color: transparent;
    background: none;
    position: absolute;
    top: 50%;
    left: 9px;
    width: 11px;
    height: 11px;
    transform: translateY(-50%);
    border: 0;
    padding: 0;
    cursor: pointer;
    z-index: 2;
}

h4.facet--heading.sub .facet-toggle:focus {
    outline: none;
}

h4.facet--heading.sub {
    background-image: url(../../images/icon-plus.svg);
}

h4.facet--heading.sub:has(.facet-toggle[aria-expanded="true"]) {
    background-image: url(../../images/icon-minus.svg);
}

h4.facet--heading.sub:has(.facet-toggle[aria-expanded="false"]) {
    background-image: url(../../images/icon-plus.svg);
}
.overall-collapsible-sub .list__item {
    margin-left: 12px;
    border: 0px solid;
}
/* ------------------------------------ */
/* end sub collapsible */
/* ------------------------------------ */
