.tech-filter-collapsible {
position: relative;
margin-block-start: 0 !important;
}
.tech-filter-collapsible:not([hidden]) {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.tech-filter-collapsible.is-tech-filter-expanded:not([hidden]) {
padding-bottom: 16px !important;
}
.tech-filter-collapsible > h2,
.tech-filter-collapsible > h3,
.tech-filter-collapsible > h4,
.tech-filter-collapsible > h5,
.tech-filter-collapsible > h6 {
box-sizing: border-box;
min-height: 50px;
margin: 0 !important;
padding: 15px 36px 15px 18px !important;
border: 0;
line-height: 20px;
font-size: 14px !important;
}
.tech-filter-collapsible > .wp-block-heading::before {
display: block !important;
top: 50% !important;
transform: translateY(-50%) !important;
}
.tech-filter-collapsible.is-tech-filter-collapsed > :not(h2):not(h3):not(h4):not(h5):not(h6):not(.tech-filter-collapsible__toggle) {
display: none !important;
}
.tech-filter-collapsible__toggle {
position: absolute;
z-index: 2;
top: 0;
right: 0;
display: block;
width: 100%;
height: 50px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: transparent;
font-size: 0;
cursor: pointer;
}
.tech-filter-collapsible__toggle::after {
content: "";
position: absolute;
top: 50%;
right: 7px;
width: 7px;
height: 7px;
border-right: 2px solid #adb8c5;
border-bottom: 2px solid #adb8c5;
transform: translateY(-70%) rotate(45deg);
transition: border-color 160ms ease, transform 160ms ease;
}
.tech-filter-collapsible.is-tech-filter-expanded > .tech-filter-collapsible__toggle::after {
transform: translateY(-25%) rotate(225deg);
}
.tech-filter-collapsible__toggle:hover::after {
border-color: #fe6614;
}
.tech-filter-collapsible__toggle:focus-visible {
outline: 2px solid rgb(254 102 20 / 30%);
outline-offset: -2px;
}
.tech-filter-collapsible.is-tech-filter-expanded > :not(h2):not(h3):not(h4):not(h5):not(h6):not(.tech-filter-collapsible__toggle) {
margin-top: 12px;
}
.tech-filter-collapsible .wc-block-product-filter-checkbox-list__show-more {
display: none !important;
}
@media (prefers-reduced-motion: reduce) {
.tech-filter-collapsible__toggle::after {
transition: none;
}
}