File: /var/www/html/wpdeskera/wp-content/plugins/elementor-addon-components/assets/css/product-grid.css
/**
* Formate les données du produit (shop manager / Vitrine)
*/
/** Défaut pour le contenu texte */
.shop-products__wrapper .shop-product__readmore-wrapper,
.shop-products__wrapper .shop-product__cart-wrapper {
font-size: .7em;
color: #777;
line-height: 1.5;
}
.shop-products__wrapper .shop-product__excerpt-wrapper,
.shop-products__wrapper .shop-product__stock-wrapper,
.shop-products__wrapper .shop-product__notes-wrapper,
.shop-products__wrapper .shop-product__prices-wrapper,
.shop-products__wrapper .shop-product__sold-wrapper {
display: flex;
margin-block-end: 10px;
font-size: 0.7em;
color: #919ca7;
font-weight: unset;
word-break: break-word;
}
.shop-products__wrapper .shop-product__excerpt-wrapper {
display: block;
}
.shop-products__wrapper .shop-product__stock-wrapper,
.shop-products__wrapper .shop-product__notes-wrapper,
.shop-products__wrapper .shop-product__prices-wrapper,
.shop-products__wrapper .shop-product__sold-wrapper {
line-height: 1.3;
}
.shop-products__wrapper .shop-product__stock-wrapper,
.shop-products__wrapper .shop-product__notes-wrapper,
.shop-products__wrapper .shop-product__prices-wrapper,
.shop-products__wrapper .shop-product__sold-wrapper {
align-items: center;
flex-wrap: wrap;
}
.shop-products__wrapper .shop-product__prices-wrapper {
column-gap: 2px;
}
/** Couleur et dimensions des étoiles (Star) de la notation et du stock */
.woocommerce .star-rating {
font-size: 1.1em;
}
.woocommerce .star-rating:before,
.woocommerce .star-rating span:before {
color: #f2b01e
}
.woocommerce .stock:before {
content: '';
position: relative;
display: inline-block;
block-size: 1em;
inline-size: 1em;
inset-block-start: .1em;
background-size: contain;
background-repeat: no-repeat;
margin-inline-end: .2407911001em;
}
.woocommerce .stock.in-stock,
.woocommerce .stock.out-of-stock {
margin-block-end: 5px;
}
.woocommerce .stock.in-stock:before {
background-image: url('data:image/svg+xml;utf8, <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="green"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>');
}
.woocommerce .stock.out-of-stock:before {
background-image: url('data:image/svg+xml;utf8, <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="red"><path d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM159.3 388.7c-2.6 8.4-11.6 13.2-20 10.5s-13.2-11.6-10.5-20C145.2 326.1 196.3 288 256 288s110.8 38.1 127.3 91.3c2.6 8.4-2.1 17.4-10.5 20s-17.4-2.1-20-10.5C340.5 349.4 302.1 320 256 320s-84.5 29.4-96.7 68.7zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>');
}
/** Les badges Promo, stock, nouveau produit */
.badge-sale-yes .shop-products__wrapper .badge-sale,
.badge-stock-yes .shop-products__wrapper .badge-stock,
.badge-cart-quantity-yes .shop-products__wrapper .badge-cart__quantity,
.badge-new-yes .shop-products__wrapper .badge-new {
display: flex;
justify-content: space-around;
align-items: center;
text-align: center;
}
.shop-products__wrapper .badge-sale,
.shop-products__wrapper .badge-stock,
.shop-products__wrapper .badge-new {
display: none;
position: absolute;
block-size: 25px;
inline-size: 90px;
inset-block-start: 10px;
inset-inline-end: 10px;
color: white;
background-color: green;
z-index: 2;
font-size: 14px;
}
.shop-products__wrapper .badge-cart__quantity {
display: none;
position: absolute;
block-size: 20px;
inline-size: 20px;
inset-block-start: -10px;
inset-inline-end: -10px;
color: white;
border-radius: 50%;
z-index: 2;
font-size: 12px;
font-weight: 900;
}
.badge-sale-pos-left .shop-products__wrapper .badge-sale,
.badge-stock-pos-left .shop-products__wrapper .badge-stock,
.badge-new-pos-left .shop-products__wrapper .badge-new {
inset-inline-start: 10px;
inset-inline-end: unset;
}
.badge-cart-quantity-pos-left .shop-products__wrapper .badge-cart__quantity {
inset-inline-start: -10px;
inset-inline-end: unset;
}
.shop-products__wrapper .badge-stock,
.shop-products__wrapper .badge-cart__quantity {
background-color: red;
}
.shop-products__wrapper .badge-new {
background-color: blue;
}