.hwcm-hierarchical-category-menu {
margin-bottom: 30px;
}
.hwcm-title {
margin-bottom: 15px;
font-size: 1.2em;
font-weight: 600;
}
.hwcm-category-menu-list,
.hwcm-subcategory-menu-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.hwcm-subcategory-menu-list {
padding-left: 20px;
margin-top: 8px;
}
.hwcm-category-menu-list li,
.hwcm-subcategory-menu-list li {
margin-bottom: 8px;
position: relative;
}
.hwcm-subcategory-menu-list li {
margin-bottom: 6px;
}
.hwcm-category-menu-list a,
.hwcm-subcategory-menu-list a {
color: #666;
text-decoration: none;
transition: color 0.3s ease;
display: inline-block;
}
.hwcm-category-menu-list a:hover,
.hwcm-subcategory-menu-list a:hover {
color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1) !important;
}
.hwcm-active-category > a {
color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1) !important;
font-weight: 600;
}
.hwcm-count {
color: #999;
font-size: 0.9em;
}
.hwcm-category-image {
max-width: 30px;
max-height: 30px;
margin-right: 8px;
vertical-align: middle;
border-radius: 3px;
} .hwcm-toggle-button {
display: inline-block;
width: 20px;
height: 20px;
line-height: 18px;
text-align: center;
cursor: pointer;
margin-right: 5px;
border: 1px solid #ddd;
border-radius: 3px;
background-color: #f7f7f7;
user-select: none;
font-weight: bold;
font-size: 14px;
transition: all 0.3s ease;
}
.hwcm-toggle-button:hover {
background-color: #eee;
color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1);
border-color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1);
}
.hwcm-toggle-button.hwcm-expanded {
background-color: #e8e8e8;
color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1);
border-color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1);
} .hwcm-active-category {
font-weight: 600;
} @supports not (color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1)) {
.hwcm-category-menu-list a:hover,
.hwcm-subcategory-menu-list a:hover,
.hwcm-active-category > a,
.hwcm-toggle-button:hover,
.hwcm-toggle-button.hwcm-expanded {
color: #0066cc;
}
.hwcm-toggle-button:hover,
.hwcm-toggle-button.hwcm-expanded {
border-color: #0066cc;
}
} .hwcm-category-filter {
margin-bottom: 30px;
}
.hwcm-filter-title {
margin-bottom: 15px;
font-size: 1.2em;
font-weight: 600;
}
.hwcm-clear-filter {
display: inline-block;
margin-bottom: 15px;
font-size: 0.9em;
text-decoration: none;
color: #666;
transition: color 0.3s ease;
}
.hwcm-clear-filter:hover {
color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1);
}
.hwcm-category-filter-list,
.hwcm-subcategory-filter-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.hwcm-subcategory-filter-list {
padding-left: 20px;
margin-top: 8px;
}
.hwcm-category-filter-list li,
.hwcm-subcategory-filter-list li {
margin-bottom: 8px;
position: relative;
}
.hwcm-subcategory-filter-list li {
margin-bottom: 6px;
}
.hwcm-category-filter-link {
color: #666;
text-decoration: none;
transition: color 0.3s ease;
display: inline-block;
cursor: pointer;
}
.hwcm-category-filter-link:hover {
color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1);
} .hwcm-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
}
.hwcm-spinner {
width: 50px;
height: 50px;
border: 5px solid #f3f3f3;
border-top: 5px solid var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1, #3498db);
border-radius: 50%;
animation: hwcm-spin 1s linear infinite;
}
@keyframes hwcm-spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@supports not (color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1)) {
.hwcm-category-filter-link:hover,
.hwcm-clear-filter:hover {
color: #0066cc;
}
.hwcm-spinner {
border-top-color: #3498db;
}
}
// Aggiungi gli stili per il filtro prodotti
$filter_css = ' .hwcm-product-filter {
margin-bottom: 30px;
font-size: 14px;
}
.hwcm-filter-title {
margin-bottom: 15px;
font-size: 1.2em;
font-weight: 600;
}
.hwcm-filter-form {
margin: 0;
}
.hwcm-filter-categories {
margin-bottom: 20px;
}
.hwcm-filter-category-list {
list-style: none;
padding-left: 0;
margin: 0;
}
.hwcm-subcategory-list {
padding-left: 20px;
margin-top: 8px;
}
.hwcm-filter-item {
margin-bottom: 8px;
position: relative;
}
.hwcm-category-label {
display: inline-flex;
align-items: center;
cursor: pointer;
}
.hwcm-category-name {
margin-left: 5px;
}
.hwcm-filter-buttons {
display: flex;
gap: 10px;
margin-top: 15px;
}
.hwcm-apply-filter {
padding: 8px 16px;
background-color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1, #0066cc);
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
font-weight: 600;
transition: all 0.3s ease;
}
.hwcm-apply-filter:hover {
background-color: rgba(var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1-rgb, 0, 102, 204), 0.8);
}
.hwcm-reset-filter {
padding: 8px 16px;
background-color: #f5f5f5;
color: #666;
border: 1px solid #ddd;
border-radius: 4px;
cursor: pointer;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
text-align: center;
}
.hwcm-reset-filter:hover {
background-color: #ebebeb;
color: #333;
}
.hwcm-selected > .hwcm-category-label {
font-weight: 600;
color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1, #0066cc);
} @supports not (color: var(--bde-palette-color-1-06067fec-fc6f-4902-a1a2-b6fd12b69fa1)) {
.hwcm-apply-filter {
background-color: #0066cc;
}
.hwcm-apply-filter:hover {
background-color: rgba(0, 102, 204, 0.8);
}
.hwcm-selected > .hwcm-category-label {
color: #0066cc;
}
}';
span.hwcm-count {
display: none;
}