/* -------------
    SOMMAIRE
------------- */

/*
    @AUTHOR : Nicolas BOUDOT

    PRODUCTS
    Styles des produits WooCommerce
*/

/*
  00 - GÉNÉRAL
  01 - ARCHIVE
  02 - CARD
  03 - SINGLE
*/



/* -----------------
  00 - GÉNÉRAL
----------------- */



/* -----------------
  01 - ARCHIVE
----------------- */

.products__listing {
    margin-bottom: 40px;
}



/* -----------------
  02 - CARD
----------------- */

.card-product {
    transition: transform .4s;
}

    /* Hover */
    .card-product:hover {
        transform: translateY(-10px);
    }

.card-product__picture {
    aspect-ratio: 4 / 5;
}

/* Masque l'image par défaut de WooCommerce */
.card-product__picture img.woocommerce-placeholder,
/* Masque l'image par défaut du thème si l'image est renseignée */
.card-product__picture img:not(.woocommerce-placeholder) + img {
    display: none;
}

/* Badge Promo */
.card-product .onsale {
    display: none;
}


.card-product__title {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 16px 0 2px;
}

.card-product__title a {
    color: var(--color-secondary);
}

.card-produit__price .price {
    display: inline-flex;
    flex-direction: row-reverse;
    color: var(--gray-600);
    font-size: 1.4rem;
}

/* Prix barré */
.card-produit__price .price > del {
    color: var(--gray-500);
}

/* Prix en promo */
.card-produit__price .price > ins {
    background-color: transparent;
    color: inherit;
}

    /* After */
    .card-produit__price .price > ins::after {
        content: "-";
        margin: 0 5px;
    }



/* -----------------
  03 - SINGLE
----------------- */