.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) {
.te-ch-product-category-sidebar__heading {
display: flex;
align-items: center;
margin: 0 0 27px;
padding: 0 0 10px;
border-bottom: 4px solid #fe6614;
}
.te-ch-product-category-sidebar__title {
flex: 1;
margin: 0;
padding: 0 42px 0 0;
border-bottom: 0;
font-size: 28px;
}
.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: 0;
background: transparent;
box-shadow: none;
cursor: pointer;
}
.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;
}
.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);
}
}