.elementor-697 .elementor-element.elementor-element-1fd87a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-697 .elementor-element.elementor-element-1e83c34{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:20px;--padding-left:200px;--padding-right:200px;}.elementor-697 .elementor-element.elementor-element-1e83c34:not(.elementor-motion-effects-element-type-background), .elementor-697 .elementor-element.elementor-element-1e83c34 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF7F500;}.elementor-widget-wc-categories .woocommerce .woocommerce-loop-category__title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-categories .woocommerce-loop-category__title .count{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-697 .elementor-element.elementor-element-11a8328 .product{text-align:center;}.elementor-697 .elementor-element.elementor-element-11a8328{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;z-index:3;}.elementor-697 .elementor-element.elementor-element-11a8328.elementor-wc-products  ul.products{grid-column-gap:50px;grid-row-gap:15px;}.elementor-697 .elementor-element.elementor-element-11a8328 a > img{border-style:none;border-radius:10px 10px 10px 10px;}.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce .woocommerce-loop-category__title{font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce-loop-category__title .count{color:#2E1710;font-family:"Nunito Sans", Sans-serif;font-size:0px;font-weight:600;}@media(max-width:1024px){.elementor-697 .elementor-element.elementor-element-1e83c34{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}}@media(max-width:767px){.elementor-697 .elementor-element.elementor-element-1e83c34{--width:100%;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for wc-categories, class: .elementor-element-11a8328 *//* --- CHOCAFAIRES "CLEAN & FUN" SQUARE CATEGORY CARDS --- */

/* 1. Set up the Flex Layout (Stack image, then text) */
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
    background: transparent !important;
    padding-bottom: 15px; 
}

/* 2. Completely Hide the Product Count */
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a mark.count {
    display: none !important;
}

/* 3. The Image Styling & Float Animation */
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1; /* THIS FORCES THE PERFECT SQUARE */
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 6px 15px rgba(46, 23, 16, 0.05); 
    transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);
    margin: 0 0 20px 0 !important; 
}

/* On hover, lift the image and expand the shadow */
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a:hover img {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 20px 35px rgba(46, 23, 16, 0.15);
}

/* 4. The Category Name Formatting */
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a h2,
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a .woocommerce-loop-category__title {
    color: #2E1710 !important; 
    font-family: 'Nunito Sans', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
    background: transparent !important;
    position: relative;
    display: inline-block;
    transition: color 0.3s ease;
}

/* 5. The "Fun" Expanding Underline Animation */
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a h2::after,
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a .woocommerce-loop-category__title::after {
    content: '';
    position: absolute;
    bottom: -6px; 
    left: 50%;
    transform: translateX(-50%);
    width: 0; 
    height: 1px;
    background-color: #2E1710;
    transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
}

/* On hover, the line shoots out from the middle */
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a:hover h2::after,
.elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a:hover .woocommerce-loop-category__title::after {
    width: 100%;
}

/* --- MOBILE TWEAKS --- */
@media (max-width: 768px) {
    .elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a img {
        margin-bottom: 15px !important; /* Slightly tighter spacing on phones */
    }
    
    .elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a h2,
    .elementor-697 .elementor-element.elementor-element-11a8328 .woocommerce ul.products li.product-category a .woocommerce-loop-category__title {
        font-size: 20px;
    }
}/* End custom CSS */