/* START SIDEBAR GENERAL */

.sidebar_left .inner_sidebar {
    margin-right: 0 !important;
    margin-left: 0;
}

.inner_sidebar h3.widgettitle {
    text-transform: inherit;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}

/* END SIDEBAR GENERAL */

/************************************** */

/* START WIDGET PRODUCT CATEGORIE */

.widget_product_categories li {
    padding: 0;
}

.widget_product_categories li a {
    padding: 0;
    background: none;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #323334 !important;
    transition: 0.3s ease;
}

.widget_product_categories li a:hover {
    color: #e60c80 !important;
}

.widget_product_categories li.current-cat a {
    color: #e60c80 !important;
    text-decoration: underline #323334 !important;
    text-underline-position: under;
}

/* Cacher le sous-menu par défaut */
.cat-parent .children {
    display: none;
    margin-top: 10px; /* Ajoute un petit espace entre le parent et les enfants */
    padding: 0;
    list-style: none;
    transition: 0.3s ease;
}

/* Afficher le sous-menu lors du survol */
.cat-parent:hover .children,
.cat-item.current-cat .children,
.cat-item.current-cat-parent .children {
    display: block; /* Garde le sous-menu visible si la catégorie parente ou enfant est active */
}

/* Style pour les éléments du sous-menu */
.children li {
    margin-bottom: 5px; /* Espace entre les éléments enfants */
}

.children li a {
    text-decoration: none;
    color: #000;
    display: block;
    /*padding: 5px 10px;*/
}

@media only screen and (max-width: 767px) {
    .widget_product_categories li.cat-parent,
    .widget_product_categories li.cat-item {
        margin: 5px 0;
    }


}

/* END WIDGET PRODUCT CATEGORIE */

/************************************** */

/* START WIDGET PRODUCT SAISON */

li.widget_saison_nom label {
    cursor: pointer;
    color: #323334;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    transition: 0.3s ease;
}

li.widget_saison_nom input {
    display: none !important;
}

li.widget_saison_nom label:hover {
    color: #e60c80 !important;
}

label.couleur-checkbox.active_couleur {
    color: #e60c80;
    text-decoration: underline #323334;
    text-underline-position: under;
}

/* END WIDGET PRODUCT SAISON */

/************************************** */

/* START WIDGET COULEUR */
ul.widget_couleur {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

ul.widget_couleur li.widget_couleur_nom {
    position: relative;
    width: 35px;
    height: 35px;
    margin: 10px;
}

li.widget_couleur_nom input[type=checkbox] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    height: 70%;
    visibility: hidden;
}

li.widget_couleur_nom span.couleur-checkbox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 2px solid #AAAAAC99;
    border-radius: 5px;
    background-color: #ffffff;
    transition: 0.3s ease;
    opacity: 0.3;
}

/* Hover + état actif */
li.widget_couleur_nom span.couleur-checkbox:hover,
li.widget_couleur_nom span.couleur-checkbox.active_couleur {
    opacity: 1;
}

/* Tooltip */
li.widget_couleur_nom span.couleur-checkbox::after {
    content: attr(data-label);
    position: absolute;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    z-index: 99;
}

li.widget_couleur_nom span.couleur-checkbox:hover::after {
    opacity: 1;
}
/* END WIDGET COULEUR */


/************************************** */


/* START WIDGET SEXE */

ul.widget_sexe {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

li.widget_sexe_nom label {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #323334;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
}

li.widget_sexe_nom input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}

li.widget_sexe_nom span.couleur-checkbox {
    display: block;
    width: 30px;
    height: 30px;
    border: 2px solid #AAAAAC99;
    border-radius: 5px;
    background-color: #ffffff;
    transition: 0.3s ease;
    margin: 5px 10px 5px 0;
    opacity: 0.3;
}

li.widget_sexe_nom span.couleur-checkbox:hover {
    opacity: 1;
}

li.widget_sexe_nom span.couleur-checkbox.active_couleur {
    opacity: 1;
    background-color: #323334;
}

/* END WIDGET SEXE */

/************************************** */

/* START WIDGET PRIX */

ul.widget_prix {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

li.widget_prix_nom label {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #323334;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
}

li.widget_prix_nom input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}

li.widget_prix_nom span.couleur-checkbox {
    display: block;
    width: 30px;
    height: 30px;
    border: 2px solid #AAAAAC99;
    border-radius: 5px;
    background-color: #ffffff;
    transition: 0.3s ease;
    margin: 5px 10px 5px 0;
    opacity: 0.3;
}

li.widget_prix_nom span.couleur-checkbox:hover {
    opacity: 1;
}

li.widget_prix_nom span.couleur-checkbox.active_couleur {
    opacity: 1;
    background-color: #323334;
}

/* END WIDGET PRIX */

/************************************** */

/* START WIDGET MARQUE */

ul.widget_marque {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: wrap;
    */
}
/*
ul.widget_marque li.widget_marque_nom {
    width: 50%;
}
*/
li.widget_marque_nom label {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #323334;
    font-size: 16px !important;
    /*font-size: 12px !important;*/
    font-style: normal;
    font-weight: 400 !important;
}

li.widget_marque_nom input[type=checkbox] {
    position: absolute;
    visibility: hidden;
}

li.widget_marque_nom span.couleur-checkbox {
    display: block;
    width: 30px;
    height: 30px;
    /*width: 15px;
    height: 15px;*/
    border: 2px solid #AAAAAC99;
    border-radius: 5px;
    background-color: #ffffff;
    transition: 0.3s ease;
    margin: 5px 10px 5px 0;
    opacity: 0.3;
}

li.widget_marque_nom span.couleur-checkbox:hover {
    opacity: 1;
}

li.widget_marque_nom span.couleur-checkbox.active_couleur {
    opacity: 1;
    background-color: #323334;
}

    /* START VOIR PLUS OU MOINS DE MARQUES */

    .hidden-marques {
        display: none;
    }

    .see-more-wrapper {
        margin-top: 10px;
    }

    .see-more-marques,
    .see-less-marques {
        cursor: pointer;
        font-size: 14px;
    }

    @media only screen and (max-width: 767px) {
        aside.sidebar.smartphones_sidebar_active div#marque_taxonomy_widget-2 ul.widget_marque {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: flex-start;
            width: 100%;
            height: auto;
        }

        aside.sidebar.smartphones_sidebar_active div#marque_taxonomy_widget-2 ul.widget_marque li.widget_marque_nom {
            width: 33%;
        }
    }

    @media only screen and (max-width: 600px) {
        aside.sidebar.smartphones_sidebar_active div#marque_taxonomy_widget-2 ul.widget_marque li.widget_marque_nom {
            width: 50%;
        }
    }

    /* END VOIR PLUS OU MOINS DE MARQUES */

@media only screen and (max-width: 767px) {
    .responsive #top #main .sidebar.smartphones_sidebar_active {
        border-top: unset;
    }
    
    aside.sidebar.smartphones_sidebar_active .widget {
        padding: 15px 0 15px 0;
        margin: 50px 0;
    }
}

@media only screen and (max-width: 468px) {
    aside.sidebar.smartphones_sidebar_active li a,
    aside.sidebar.smartphones_sidebar_active li label {
        font-size: 14px !important;
    }

    aside.sidebar.smartphones_sidebar_active li span.couleur-checkbox {
        width: 25px;
        height: 25px;
    }

    aside.sidebar.smartphones_sidebar_active ul.widget_couleur li.widget_couleur_nom {
        margin: 5px;
    }
}

/* END WIDGET MARQUE */

/************************************** */

/* START */



/* END */

/************************************** */