.te-ch-product-category-sidebar {
width: 100%;
color: #050505;
}
.te-ch-product-category-sidebar *,
.te-ch-product-category-sidebar *::before,
.te-ch-product-category-sidebar *::after {
box-sizing: border-box;
}
.te-ch-product-category-sidebar__heading {
position: relative;
}
.te-ch-product-category-sidebar__title {
margin: 0 0 27px;
padding: 0 0 10px;
border-bottom: 4px solid #fe6614;
font-size: 34px;
font-weight: 700;
line-height: 1.15;
letter-spacing: 0;
}
.te-ch-product-category-sidebar__menu-toggle {
display: none;
}
.te-ch-product-category-sidebar__list,
.te-ch-product-category-sidebar__children {
margin: 0;
padding: 0;
list-style: none;
}
.te-ch-product-category-sidebar__children[hidden] {
display: none;
}
.te-ch-product-category-sidebar__item {
margin: 0;
padding: 0;
}
.te-ch-product-category-sidebar__row {
display: flex;
min-height: 50px;
align-items: center;
gap: 8px;
border-bottom: 1px solid #e3e3e3;
}
.te-ch-product-category-sidebar__link {
flex: 1;
min-width: 0;
color: #050505;
font-size: 14px;
font-weight: 500;
line-height: 1.3;
letter-spacing: 0;
text-decoration: none;
}
.te-ch-product-category-sidebar__link:hover,
.te-ch-product-category-sidebar__item.is-current > .te-ch-product-category-sidebar__row .te-ch-product-category-sidebar__link {
color: #fe6614;
}
.te-ch-product-category-sidebar__toggle {
display: inline-grid;
flex: 0 0 28px;
width: 28px;
height: 28px;
margin: 0;
padding: 0;
place-items: center;
border: 0;
border-radius: 0;
background: transparent;
color: #050505;
font-size: 17px;
font-weight: 600;
line-height: 1;
cursor: pointer;
box-shadow: none;
}
.te-ch-product-category-sidebar__toggle:hover {
color: #fe6614;
background: transparent;
}
.te-ch-product-category-sidebar__item[class*="te-ch-product-category-sidebar__item--depth-"]:not(.te-ch-product-category-sidebar__item--depth-0) > .te-ch-product-category-sidebar__row {
min-height: 38px;
border-bottom: 0;
}
.te-ch-product-category-sidebar__item--depth-1 > .te-ch-product-category-sidebar__row {
padding-left: 4px;
}
.te-ch-product-category-sidebar__item--depth-2 > .te-ch-product-category-sidebar__row {
padding-left: 22px;
}
.te-ch-product-category-sidebar__item--depth-3 > .te-ch-product-category-sidebar__row {
padding-left: 40px;
}
.te-ch-product-category-sidebar__item--depth-4 > .te-ch-product-category-sidebar__row {
padding-left: 58px;
}
.te-ch-product-category-sidebar__item[class*="te-ch-product-category-sidebar__item--depth-"]:not(.te-ch-product-category-sidebar__item--depth-0) > .te-ch-product-category-sidebar__row .te-ch-product-category-sidebar__link {
font-size: 14px;
font-weight: 400;
}
.te-ch-product-category-sidebar__chevron {
display: inline-grid;
flex: 0 0 14px;
width: 14px;
place-items: center;
color: #fe6614;
font-size: 22px;
font-weight: 600;
line-height: 1;
}
.te-ch-product-category-sidebar__children {
padding: 8px 0 12px;
border-bottom: 1px solid #e3e3e3;
}
.te-ch-product-category-sidebar__children .te-ch-product-category-sidebar__children {
margin: 2px 0 6px;
padding: 6px 0 7px;
border-bottom: 0;
}
.te-ch-product-category-sidebar__item.is-open > .te-ch-product-category-sidebar__row .te-ch-product-category-sidebar__toggle {
color: #fe6614;
}
.te-ch-product-category-sidebar__more {
margin: 2px 0 0;
padding: 0;
}
.te-ch-product-category-sidebar__load-more {
display: flex;
width: 100%;
min-height: 38px;
align-items: center;
gap: 7px;
margin: 0;
padding: 4px 28px 4px var(--te-ch-sidebar-more-indent, 26px);
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
color: #fe6614;
font: inherit;
font-size: 13px;
font-weight: 600;
line-height: 1.3;
text-align: left;
cursor: pointer;
}
.te-ch-product-category-sidebar__load-more span {
font-size: 17px;
line-height: 1;
}
.te-ch-product-category-sidebar__load-more:hover,
.te-ch-product-category-sidebar__load-more:focus-visible {
background: #fff7f2;
color: #e95405;
}
.te-ch-product-category-sidebar__load-more:focus-visible {
outline: 2px solid rgba(254, 102, 20, 0.3);
outline-offset: -2px;
}
.te-ch-product-category-sidebar__load-more:disabled {
cursor: wait;
opacity: 0.65;
}
.te-ch-product-category-sidebar__notice {
padding: 16px;
background: #f5f5f5;
font-size: 14px;
}
@media (max-width: 900px) {
.wp-block-columns:has(.te-ch-product-category-sidebar) {
gap: 14px;
}
.wp-block-column:has(> .te-ch-product-category-sidebar) {
padding-bottom: 0 !important;
}
.wp-block-column:has(> .te-ch-product-category-sidebar) + .wp-block-column > .wp-block-term-description:first-child {
margin-top: 12px !important;
}
.te-ch-product-category-sidebar {
margin-bottom: 18px;
}
.te-ch-product-category-sidebar__heading {
display: flex;
min-height: 56px;
align-items: center;
margin: 0;
padding: 0 50px 0 0;
border: 0;
border-bottom: 3px solid #fe6614;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.te-ch-product-category-sidebar__title {
flex: 1;
margin: 0;
padding: 0;
border-bottom: 0;
font-size: 22px;
font-weight: 700;
line-height: 1.25;
}
.te-ch-product-category-sidebar__menu-toggle {
position: absolute;
top: 50%;
right: 0;
display: grid;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
place-items: center;
transform: translateY(-50%);
border: 0;
border-radius: 4px;
background: transparent;
box-shadow: none;
cursor: pointer;
}
.te-ch-product-category-sidebar__menu-toggle:hover,
.te-ch-product-category-sidebar__menu-toggle:focus-visible {
background: #fff6f0;
}
.te-ch-product-category-sidebar__menu-toggle span {
position: relative;
width: 12px;
height: 7px;
transition: transform 160ms ease;
}
.te-ch-product-category-sidebar__menu-toggle span::before,
.te-ch-product-category-sidebar__menu-toggle span::after {
position: absolute;
top: 2px;
width: 8px;
height: 2px;
background: #aeb7c1;
content: "";
transition: background-color 160ms ease;
}
.te-ch-product-category-sidebar__menu-toggle span::before {
left: 0;
transform: rotate(40deg);
}
.te-ch-product-category-sidebar__menu-toggle span::after {
right: 0;
transform: rotate(-40deg);
}
.te-ch-product-category-sidebar__menu-toggle:hover span::before,
.te-ch-product-category-sidebar__menu-toggle:hover span::after,
.te-ch-product-category-sidebar__menu-toggle:focus-visible span::before,
.te-ch-product-category-sidebar__menu-toggle:focus-visible span::after {
background: #fe6614;
}
.te-ch-product-category-sidebar__menu-toggle:focus-visible {
outline: 2px solid #fe6614;
outline-offset: 2px;
}
.te-ch-product-category-sidebar__list {
display: none;
max-height: min(62vh, 520px);
margin: 0;
padding: 7px 0 10px;
overflow-y: auto;
overscroll-behavior: contain;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
scrollbar-color: #fe6614 #f2f2f2;
scrollbar-width: thin;
}
.te-ch-product-category-sidebar.is-menu-open > .te-ch-product-category-sidebar__list {
display: block;
}
.te-ch-product-category-sidebar.is-menu-open > .te-ch-product-category-sidebar__heading .te-ch-product-category-sidebar__menu-toggle span {
transform: rotate(180deg);
}
.te-ch-product-category-sidebar__row {
min-height: 48px;
padding-inline: 4px;
}
.te-ch-product-category-sidebar__item.is-current > .te-ch-product-category-sidebar__row {
margin-inline: 0;
padding-inline: 8px;
border-left: 3px solid #fe6614;
background: #fff6f0;
}
.te-ch-product-category-sidebar__toggle {
min-width: 38px;
min-height: 38px;
border-radius: 4px;
}
.te-ch-product-category-sidebar__toggle:hover,
.te-ch-product-category-sidebar__toggle:focus-visible {
background: #fff6f0;
outline: none;
}
.te-ch-product-category-sidebar__toggle:focus-visible {
box-shadow: inset 0 0 0 2px rgba(254, 102, 20, 0.45);
}
}
@media (max-width: 600px) {
.wc-block-product-filters {
--wc-product-filter-checkbox-list-option-element-border: #a8a8a8;
--wc-product-filter-checkbox-list-option-element-selected: #fe6614;
--wc-product-filter-price-slider: #fe6614;
--wc-product-filter-price-slider-handle-border: #fe6614;
--wc-product-filter-price-slider-handle: #fff;
}
.wc-block-product-filters > .wc-block-product-filters__open-overlay {
position: fixed;
top: 55%;
right: 0;
bottom: auto;
z-index: 90;
display: grid;
width: 50px;
min-width: 50px;
height: 52px;
min-height: 52px;
place-items: center;
justify-content: center;
margin: 0;
padding: 0;
transform: translateY(-50%);
border: 1px solid #fe6614;
border-radius: 4px 0 0 4px;
background: #fe6614;
box-shadow: 0 10px 26px rgba(80, 34, 8, 0.24);
color: #fff;
font-family: inherit;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, opacity 160ms ease;
}
.wc-block-product-filters > .wc-block-product-filters__open-overlay:hover,
.wc-block-product-filters > .wc-block-product-filters__open-overlay:focus-visible {
border-color: #e95405;
background: #e95405;
box-shadow: 0 12px 30px rgba(80, 34, 8, 0.3);
color: #fff;
}
.wc-block-product-filters > .wc-block-product-filters__open-overlay:focus-visible {
outline: 3px solid rgba(254, 102, 20, 0.3);
outline-offset: 3px;
}
.wc-block-product-filters > .wc-block-product-filters__open-overlay svg {
width: 22px;
height: 22px;
flex: 0 0 22px;
}
.wc-block-product-filters > .wc-block-product-filters__open-overlay span {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.wc-block-product-filters.is-overlay-opened > .wc-block-product-filters__open-overlay {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.te-ch-product-category-sidebar.is-menu-open + .wc-block-product-filters > .wc-block-product-filters__open-overlay {
visibility: hidden;
opacity: 0;
pointer-events: none;
}
.wc-block-product-filters.is-overlay-opened .wc-block-product-filters__overlay {
z-index: 100000;
background: rgba(5, 5, 5, 0.38);
}
.wc-block-product-filters .wc-block-product-filters__overlay-dialog {
gap: 0;
background: #fff;
color: #050505;
}
.wc-block-product-filters .wc-block-product-filters__overlay-header {
position: sticky;
top: 0;
z-index: 2;
display: flex;
min-height: 64px;
align-items: center;
flex-flow: row nowrap;
padding: 0 14px 0 18px;
border-bottom: 3px solid #fe6614;
background: #fff;
}
.wc-block-product-filters .wc-block-product-filters__overlay-header::before {
flex: 1;
font-size: 19px;
font-weight: 700;
line-height: 1.25;
content: "Filtry produktów";
}
.wc-block-product-filters .wc-block-product-filters__close-overlay {
min-height: 42px;
gap: 4px;
padding: 0 8px;
border: 1px solid #dedede;
border-radius: 4px;
background: #fff;
color: #050505;
font-family: inherit;
font-size: 13px;
font-weight: 600;
}
.wc-block-product-filters .wc-block-product-filters__close-overlay:hover,
.wc-block-product-filters .wc-block-product-filters__close-overlay:focus-visible {
border-color: #fe6614;
background: #fff6f0;
color: #e95405;
}
.wc-block-product-filters .wc-block-product-filters__close-overlay:focus-visible {
outline: 2px solid rgba(254, 102, 20, 0.3);
outline-offset: 2px;
}
.wc-block-product-filters .wc-block-product-filters__overlay-content {
gap: 0;
padding: 18px 18px 100px;
background: #fff;
}
.wc-block-product-filters .wc-block-product-filters__overlay-content > [class*="wp-block-woocommerce-product-filter"] {
margin: 0;
padding: 17px 0;
border-bottom: 1px solid #e4e4e4;
}
.wc-block-product-filters .wc-block-product-filters__overlay-content h2,
.wc-block-product-filters .wc-block-product-filters__overlay-content h3 {
margin: 0 0 13px;
color: #050505;
font-size: 16px;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0;
}
.wc-block-product-filters .wc-block-product-filter-checkbox-list__item {
min-height: 42px;
padding: 7px 0;
}
.wc-block-product-filters .wc-block-product-filter-checkbox-list__label {
gap: 10px;
color: #222;
font-size: 15px;
}
.wc-block-product-filters input[type="checkbox"].wc-block-product-filter-checkbox-list__input,
.wc-block-product-filters .wc-block-product-filter-checkbox-list__input-wrapper::before {
width: 20px;
height: 20px;
}
.wc-block-product-filters svg.wc-block-product-filter-checkbox-list__mark {
width: 20px;
height: 20px;
color: #fe6614;
}
.wc-block-product-filters .wc-block-product-filter-checkbox-list__show-more {
min-height: 40px;
color: #e95405;
font-size: 14px;
font-weight: 600;
text-decoration: none;
}
.wc-block-product-filters .wc-block-product-filters__overlay-footer {
position: sticky;
bottom: 0;
z-index: 2;
padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
border-top: 1px solid #dedede;
background: #fff;
box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.09);
}
.wc-block-product-filters .wc-block-product-filters__apply {
min-height: 50px;
border: 1px solid #fe6614;
border-radius: 4px;
background: #fe6614;
color: #fff;
font-family: inherit;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
}
.wc-block-product-filters .wc-block-product-filters__apply:hover,
.wc-block-product-filters .wc-block-product-filters__apply:focus-visible {
border-color: #e95405;
background: #e95405;
color: #fff;
}
.admin-bar .wc-block-product-filters .wc-block-product-filters__overlay {
top: 46px;
}
}
@media (prefers-reduced-motion: reduce) {
.wc-block-product-filters > .wc-block-product-filters__open-overlay {
transition: none;
}
}