/*
  Theme Name: Hanger Divi child  Theme
  Theme URI: https://www.hanger-tools.com/
  Version: 1.0.0
  Template: Divi
  Author: Divi Pixel
  Author URI: https://www.hanger-tools.com/
  Description: le theme enfant pour hanger
  Text Domain: hanger-divi-child--theme
  License: GNU General Public License v2 or later
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.woo-subcategories{width:100% important;}

.woo-subcategories figure {position:relative;z-index:1;}



.woo-subcategories h3  {
   
	font-size:16px;
	display:block;
	    font-weight: 700;
    color: #fff !important;
	position:absolute;
	bottom:16px;
	left:8px;
	z-index:10;
	text-align:left;
	padding-right:10px;
}


.woo-subcategories h3:after{
	content: "";
    background: red;
    width: 100%;
    height: 8px;
    display: block;
    z-index: -1;
    position: absolute;
    bottom: 10px;
    left: -4px;
}

figure img {width:100% !important;height:auto !important}

.woo-subcategories {
    display: flex;
    flex-wrap: wrap;
    margin: -10px; /* Negative margin to counteract padding */
}

.woo-subcategories > div {
    flex: 0 0 16.6%;
    max-width: 16.6%;
    box-sizing: border-box;
    padding: 1%;
}
.woo-subcategories > div figure {transition: transform 300ms ease 0ms;}
.woo-subcategories > div figure:hover{
	transform: scale(1.03);
}
/* Tablet */
@media (max-width: 991px) {
    .woo-subcategories > div {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .woo-subcategories > div {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* Optional: Add some basic styling */
.woo-subcategories figure {
    margin: 0;
    text-align: center;
}

.woo-subcategories img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.woo-subcategories figcaption h3 {
    margin: 0;
    font-size: 1rem;
}