.elementor-5787 .elementor-element.elementor-element-7ef0ec4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-primary );--border-color:var( --e-global-color-primary );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5787 .elementor-element.elementor-element-550250b{--display:flex;}.elementor-5787 .elementor-element.elementor-element-550250b:not(.elementor-motion-effects-element-type-background), .elementor-5787 .elementor-element.elementor-element-550250b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5787 .elementor-element.elementor-element-d5f364d > .elementor-widget-container{padding:15px 0px 15px 0px;}.elementor-5787 .elementor-element.elementor-element-d5f364d{text-align:center;}.elementor-5787 .elementor-element.elementor-element-d5f364d .elementor-heading-title{font-size:24px;color:var( --e-global-color-blocksy_palette_8 );}.elementor-5787 .elementor-element.elementor-element-b98292f > .elementor-widget-container{margin:0px 0px 0px 0px;border-style:none;}.elementor-5787 .elementor-element.elementor-element-b98292f.elementor-element{--align-self:center;}/* Start custom CSS for container, class: .elementor-element-7ef0ec4 *//* 外层容器样式 */
.woocommerce.widget_product_categories {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* 列表项样式 */
.woocommerce.widget_product_categories ul.product-categories li.cat-item {
    position: relative;
    padding: 0; /* 移除 padding，以便链接填充整个区域 */
    margin-bottom: 10px;
    border-radius: 5px;
    background-color: #eaeaea;
    transition: background-color 0.3s ease;
    overflow: hidden; /* 保证链接按钮背景扩展完整 */
}

/* 使链接覆盖整个按钮区域 */
.woocommerce.widget_product_categories ul.product-categories li.cat-item a {
    display: block; /* 让链接填充整个列表项 */
    padding: 10px 35px; /* 给链接设置内边距，使其看起来像按钮 */
    color: #333;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.3s ease, background-color 0.3s ease;
}

/* 悬停样式 */
.woocommerce.widget_product_categories ul.product-categories li.cat-item:hover {
    background-color: #6ec1e4;
}

/* 链接悬停样式 */
.woocommerce.widget_product_categories ul.product-categories li.cat-item:hover a {
    color: #ffffff;
}

/* 当前分类的高亮效果 */
.woocommerce.widget_product_categories ul.product-categories li.current-cat {
    background-color: #ccc;
    font-weight: 600;
}

/* 图标样式：在每个列表项下面添加一个图标 */
.woocommerce.widget_product_categories ul.product-categories li.cat-item::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #888;
    position: absolute;
    bottom: 12px;
    left: 15px;
    font-size: 12px;
}

.woocommerce.widget_product_categories ul.product-categories li:hover.cat-item::after {
 
    color: #ffffff;

}

.e-con.e-con>.e-con-inner>.elementor-widget{width: 100%;}
.ct-sidebar{margin-top: -25px;}/* End custom CSS */