.wcafcw-categories-container,
.wcafcw-filter-container {
background-color: #f8f8f8;
border: 1px solid #e0e0e0;
padding: 15px;
margin-bottom: 20px;
border-radius: 3px; overflow: hidden;
height: auto;
min-height: 100%;
width: 100%;
display: block;
clear: both;
} .wcafcw-categories-container:after,
.wcafcw-filter-container:after {
content: "";
display: table;
clear: both;
} .wcafcw-category-list {
list-style: none;
padding: 0;
margin: 0; width: 100%;
display: block;
overflow: visible;
}
.wcafcw-category-list li {
padding: 5px 0;
position: relative;
}
.wcafcw-category-list .depth-1 > li {
border-bottom: 1px solid #eee;
padding: 8px 0;
}
.wcafcw-category-list .depth-1 > li:last-child {
border-bottom: none;
}
.wcafcw-category-list .toggle-icon {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
vertical-align: middle;
cursor: pointer;
color: #011547;
position: relative;
}
.wcafcw-category-list .toggle-icon:before {
content: "►";
font-size: 11px;
position: absolute;
left: 0;
top: -2px;
}
.wcafcw-category-list .toggle-icon.expanded:before {
content: "▼";
}
.wcafcw-category-list .bullet-icon {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
vertical-align: middle;
position: relative;
}
.wcafcw-category-list .bullet-icon:before {
content: "○";
color: #011547;
font-size: 11px;
position: absolute;
left: 0;
top: -3px;
}
.wcafcw-category-list a {
text-decoration: none;
color: #333;
font-size: 14px;
}
.wcafcw-category-list a:hover {
color: #011547;
}
.wcafcw-category-list .current > a {
font-weight: bold;
color:#011547;
}
.wcafcw-category-list .subcategories {
display: none;
padding-left: 20px;
margin-top: 5px;
}
.wcafcw-category-list .subcategories.expanded {
display: block;
} .wcafcw-active-filters {
background: transparent;
border: 0;
border-bottom: 1px solid #e8e8e8;
margin: 0 0 18px 0;
padding: 0 0 16px 0;
}
.wcafcw-active-filters-title {
color: #011547;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
margin: 0 0 10px 0;
text-transform: uppercase;
}
.wcafcw-active-filter-list {
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.wcafcw-active-filter-chip {
align-items: center;
appearance: none;
background: #ffffff !important;
border: 1px solid #d5dae6 !important;
border-radius: 999px;
box-shadow: 0 1px 2px rgba(1, 21, 71, 0.06);
color: #1e2740 !important;
cursor: pointer;
display: inline-flex;
flex: 0 1 auto;
font-size: 12px;
font-weight: 700;
gap: 8px;
justify-content: center;
line-height: 1.2;
max-width: 100%;
min-height: 30px;
padding: 6px 10px 6px 12px !important;
text-align: center;
text-decoration: none;
text-transform: none !important;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
white-space: nowrap;
width: auto !important;
}
.wcafcw-active-filter-chip:hover,
.wcafcw-active-filter-chip:focus {
background: #f6f8fc !important;
border-color: #011547 !important;
box-shadow: 0 2px 6px rgba(1, 21, 71, 0.12);
color: #011547 !important;
outline: none;
}
.wcafcw-active-filter-chip span:first-child {
overflow: hidden;
text-overflow: ellipsis;
}
.wcafcw-chip-remove {
align-items: center;
background: #eef1f7;
border-radius: 50%;
color: #011547;
display: inline-flex;
flex: 0 0 18px;
font-size: 15px;
font-weight: 700;
height: 18px;
justify-content: center;
line-height: 1;
margin-right: -3px;
width: 18px;
}
.wcafcw-active-filter-chip:hover .wcafcw-chip-remove,
.wcafcw-active-filter-chip:focus .wcafcw-chip-remove {
background: #011547;
color: #fff;
}
.wcafcw-filter-section {
margin-bottom: 20px;
}
.wcafcw-filter-section h4 {
font-size: 15px;
margin: 0 0 10px 0;
padding-bottom: 5px;
border-bottom: 1px solid #eee;
}
.price-inputs {
display: flex;
justify-content: space-between;
}
.price-inputs label {
flex: 0 0 48%;
font-size: 12px;
color: #666;
}
.wcafcw-price-input {
width: 100%;
padding: 8px;
border: 1px solid #ddd;
border-radius: 3px;
}
.attribute-options {
max-height: 250px;
overflow: hidden;
}
.attribute-list {
display: flex;
flex-direction: column;
}
.attribute-list.scrollable {
max-height: 150px;
overflow-y: auto;
padding-right: 5px;
}
.attribute-option {
display: flex;
align-items: center;
margin-bottom: 5px;
cursor: pointer;
}
.attribute-option input[type="checkbox"] {
margin-right: 8px;
}
.attribute-name {
font-size: 13px;
color: #333;
}
.wcafcw-filter-actions {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.wcafcw-filter-button {
background-color: #011547 !important;
color: white !important;
border: none !important;
padding: 8px 15px !important;
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
font-size: 14px;
border-radius: 3px;
flex: 0 0 48%;
}
.wcafcw-reset-button {
background-color: #f1f1f1 !important;
color: #333 !important;
border: 1px solid #ddd !important;
padding: 8px 15px !important;
cursor: pointer;
font-size: 14px;
border-radius: 3px;
flex: 0 0 48%;
}
.wcafcw-no-results {
background: #f7f9ff;
border: 1px solid #cdd8f4;
border-radius: 6px;
color: #011547;
margin: 20px 0;
padding: 18px 20px;
}
.wcafcw-no-results strong,
.wcafcw-no-results span {
display: block;
}
.wcafcw-no-results strong {
font-size: 18px;
margin-bottom: 5px;
}
.wcafcw-no-results span {
color: #4d5875;
font-size: 14px;
}
.widgettitle, body#top #wrap_all .all_colors .widgettitle, h3 .widgettitle{
color:#0131a9 !important;
}
.widget{
padding: 0px 0 30px 0
}