.wp-block-woocommerce-product-categories {
--eds-pca-font-size: 13px;
--eds-pca-font-weight: 500;
--eds-pca-text-transform: uppercase;
--eds-pca-line-height: 1.4;
--eds-pca-text-color: #222;
--eds-pca-hover-color: #ed1c24;
--eds-pca-active-color: #ed1c24;
--eds-pca-divider-color: #eee;
--eds-pca-divider-width: 1px;
--eds-pca-padding-y: 8px;
--eds-pca-padding-x: 5px;
--eds-pca-child-indent: 12px;
--eds-pca-icon-size: 16px;
--eds-pca-icon-color: #222;
--eds-pca-image-size: 44px;
--eds-pca-image-radius: 4px;
--eds-pca-image-gap: 10px;
--eds-pca-image-fit: cover;
--eds-pca-count-font-size: 12px;
--eds-pca-count-weight: 500;
--eds-pca-count-color: #666;
--eds-pca-count-background: #f3f3f3;
--eds-pca-count-padding-y: 2px;
--eds-pca-count-padding-x: 6px;
--eds-pca-count-radius: 10px;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced ul {
list-style: none;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li.eds-pca-parent {
grid-template-columns: minmax(0, 1fr) auto calc(var(--eds-pca-icon-size) + var(--eds-pca-padding-x) * 2 + 16px);
margin-right: 0;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .wc-block-product-categories-list--has-images .wc-block-product-categories-list-item {
margin: 0;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li + li {
border-top: var(--eds-pca-divider-width) solid var(--eds-pca-divider-color);
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li > a {
display: flex;
grid-column: 1;
grid-row: 1;
align-items: center;
gap: var(--eds-pca-image-gap);
box-sizing: border-box;
padding: var(--eds-pca-padding-y) var(--eds-pca-padding-x);
font-size: var(--eds-pca-font-size);
font-weight: var(--eds-pca-font-weight);
line-height: var(--eds-pca-line-height);
text-transform: var(--eds-pca-text-transform);
color: var(--eds-pca-text-color);
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li > a:hover,
.wp-block-woocommerce-product-categories.eds-pca-enhanced li > a:focus-visible {
color: var(--eds-pca-hover-color);
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li.current-cat > a {
color: var(--eds-pca-active-color);
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li > ul {
grid-column: 1 / -1;
margin: 0 0 0 var(--eds-pca-child-indent);
overflow: hidden;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .wc-block-product-categories-list-item__image {
flex: 0 0 var(--eds-pca-image-size);
box-sizing: border-box;
width: var(--eds-pca-image-size);
aspect-ratio: 1 / 1;
max-width: none;
margin: 0;
padding: 0;
overflow: hidden;
border-radius: var(--eds-pca-image-radius);
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .wc-block-product-categories-list-item__image img {
display: block;
width: 100%;
height: 100%;
margin: 0;
object-fit: var(--eds-pca-image-fit);
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li > .wc-block-product-categories-list-item-count {
grid-column: 2;
grid-row: 1;
align-self: center;
margin: 0 var(--eds-pca-padding-x);
padding: var(--eds-pca-count-padding-y) var(--eds-pca-count-padding-x);
border-radius: var(--eds-pca-count-radius);
background: var(--eds-pca-count-background);
color: var(--eds-pca-count-color);
font-size: var(--eds-pca-count-font-size);
font-weight: var(--eds-pca-count-weight);
line-height: 1.2;
text-transform: none;
white-space: nowrap;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced li > .wc-block-product-categories-list-item-count::before,
.wp-block-woocommerce-product-categories.eds-pca-enhanced li > .wc-block-product-categories-list-item-count::after {
content: none;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-toggle {
position: relative;
z-index: 1;
display: grid;
grid-column: 3;
grid-row: 1;
place-items: center;
box-sizing: border-box;
width: calc(var(--eds-pca-icon-size) + var(--eds-pca-padding-x) * 2 + 16px);
height: 100%;
min-height: 40px;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--eds-pca-icon-color);
cursor: pointer;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-toggle:hover,
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-toggle:focus-visible {
color: var(--eds-pca-hover-color);
background: transparent;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-toggle:focus-visible {
outline: 2px solid currentColor;
outline-offset: -3px;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-icon {
position: relative;
display: block;
width: var(--eds-pca-icon-size);
height: var(--eds-pca-icon-size);
transition: transform 160ms ease;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-icon::before,
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-icon::after {
content: "";
position: absolute;
top: 50%;
width: 58%;
height: 2px;
border-radius: 2px;
background: currentColor;
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-icon::before {
left: 2%;
transform: rotate(45deg);
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-icon::after {
right: 2%;
transform: rotate(-45deg);
}
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-toggle[aria-expanded="true"] .eds-pca-icon {
transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
.wp-block-woocommerce-product-categories.eds-pca-enhanced .eds-pca-icon {
transition: none;
}
}