/* Filtres de couleur sur 2 colonnes */
.filter_group--color .filter_options {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 10px !important;
}
/* Chaque option : carré + nom à côté */
.filter_group--color .filter_option {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
/* Cacher la checkbox */
.filter_group--color input[type="checkbox"] {
position: absolute !important;
opacity: 0 !important;
}
/* Label avec carré coloré */
.filter_group--color label {
display: flex !important;
align-items: center !important;
gap: 8px !important;
cursor: pointer !important;
}
/* Carré coloré 30x30px */
.filter_group--color label::before {
content: '' !important;
width: 30px !important;
height: 30px !important;
min-width: 30px !important;
border-radius: 4px !important;
border: 1px solid #ddd !important;
display: inline-block !important;
background-color: var(--color-swatch, #fff) !important;
}
