.elementor-447 .elementor-element.elementor-element-4ba0680{--display:flex;--min-height:50vh;--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;--overlay-opacity:0.2;}.elementor-447 .elementor-element.elementor-element-4ba0680::before, .elementor-447 .elementor-element.elementor-element-4ba0680 > .elementor-background-video-container::before, .elementor-447 .elementor-element.elementor-element-4ba0680 > .e-con-inner > .elementor-background-video-container::before, .elementor-447 .elementor-element.elementor-element-4ba0680 > .elementor-background-slideshow::before, .elementor-447 .elementor-element.elementor-element-4ba0680 > .e-con-inner > .elementor-background-slideshow::before, .elementor-447 .elementor-element.elementor-element-4ba0680 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-40b03fa );--background-overlay:'';}.elementor-447 .elementor-element.elementor-element-4ba0680:not(.elementor-motion-effects-element-type-background), .elementor-447 .elementor-element.elementor-element-4ba0680 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-447 .elementor-element.elementor-element-41ead66{text-align:center;}.elementor-447 .elementor-element.elementor-element-41ead66 .elementor-heading-title{font-family:var( --e-global-typography-222a7f0-font-family ), Sans-serif;font-size:var( --e-global-typography-222a7f0-font-size );font-weight:var( --e-global-typography-222a7f0-font-weight );color:var( --e-global-color-secondary );}.elementor-447 .elementor-element.elementor-element-eef33d4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447 .elementor-element.elementor-element-36ff3fb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:18px 0px;--row-gap:18px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:5;}.elementor-447 .elementor-element.elementor-element-36ff3fb:not(.elementor-motion-effects-element-type-background), .elementor-447 .elementor-element.elementor-element-36ff3fb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-447 .elementor-element.elementor-element-666241b{--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-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price{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-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-wc-archive-products .elementor-products-nothing-found{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-447 .elementor-element.elementor-element-e57e25a{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-447 .elementor-element.elementor-element-e57e25a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-447 .elementor-element.elementor-element-e57e25a.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-447 .elementor-element.elementor-element-2552bfb{--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;--margin-top:4em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-447 .elementor-element.elementor-element-bcad97b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447 .elementor-element.elementor-element-27b894e .elementor-heading-title{font-family:var( --e-global-typography-ea218e2-font-family ), Sans-serif;font-size:var( --e-global-typography-ea218e2-font-size );font-weight:var( --e-global-typography-ea218e2-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-447 .elementor-element.elementor-element-847799b{color:#0E4806DB;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{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-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-447 .elementor-element.elementor-element-293d779.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-447 .elementor-element.elementor-element-293d779.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-447 .elementor-element.elementor-element-2e1b3fe{--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;--margin-top:4em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-447 .elementor-element.elementor-element-3b4a1d9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447 .elementor-element.elementor-element-8f4c9a6 .elementor-heading-title{font-family:var( --e-global-typography-ea218e2-font-family ), Sans-serif;font-size:var( --e-global-typography-ea218e2-font-size );font-weight:var( --e-global-typography-ea218e2-font-weight );}.elementor-447 .elementor-element.elementor-element-caf915b{color:#0E4806DB;}.elementor-447 .elementor-element.elementor-element-935092e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-447 .elementor-element.elementor-element-eb3f911{--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;--margin-top:4em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}@media(max-width:1024px){.elementor-447 .elementor-element.elementor-element-41ead66 .elementor-heading-title{font-size:var( --e-global-typography-222a7f0-font-size );}.elementor-447 .elementor-element.elementor-element-eef33d4{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-447 .elementor-element.elementor-element-36ff3fb{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-wc-archive-products .elementor-products-nothing-found{font-size:var( --e-global-typography-text-font-size );}.elementor-447 .elementor-element.elementor-element-e57e25a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-447 .elementor-element.elementor-element-e57e25a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-447 .elementor-element.elementor-element-27b894e .elementor-heading-title{font-size:var( --e-global-typography-ea218e2-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-447 .elementor-element.elementor-element-293d779.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-447 .elementor-element.elementor-element-8f4c9a6 .elementor-heading-title{font-size:var( --e-global-typography-ea218e2-font-size );}}@media(max-width:767px){.elementor-447 .elementor-element.elementor-element-4ba0680{--min-height:50vh;}.elementor-447 .elementor-element.elementor-element-41ead66 .elementor-heading-title{font-size:var( --e-global-typography-222a7f0-font-size );}.elementor-447 .elementor-element.elementor-element-eef33d4{--margin-top:-40px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-widget-wc-archive-products .elementor-products-nothing-found{font-size:var( --e-global-typography-text-font-size );}.elementor-447 .elementor-element.elementor-element-e57e25a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-447 .elementor-element.elementor-element-e57e25a.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-447 .elementor-element.elementor-element-2552bfb{--margin-top:3em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-447 .elementor-element.elementor-element-27b894e .elementor-heading-title{font-size:var( --e-global-typography-ea218e2-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-447 .elementor-element.elementor-element-293d779.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-447 .elementor-element.elementor-element-2e1b3fe{--margin-top:3em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-447 .elementor-element.elementor-element-8f4c9a6 .elementor-heading-title{font-size:var( --e-global-typography-ea218e2-font-size );}.elementor-447 .elementor-element.elementor-element-eb3f911{--margin-top:3em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}}@media(min-width:768px){.elementor-447 .elementor-element.elementor-element-eef33d4{--width:100%;}.elementor-447 .elementor-element.elementor-element-36ff3fb{--width:14%;}.elementor-447 .elementor-element.elementor-element-666241b{--width:78%;}}@media(max-width:1024px) and (min-width:768px){.elementor-447 .elementor-element.elementor-element-36ff3fb{--width:100%;}.elementor-447 .elementor-element.elementor-element-666241b{--width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-e0d5461 *//* BARRE DE RECHERCHE - SIDEBAR CATÉGORIE */
.bocolis-sidebar-selection .bocolis-product-search {
width: 100%;
position: relative;
margin-bottom: 38px;
font-family: "Afacad", sans-serif !important;
}
.bocolis-sidebar-selection .bocolis-product-search-field {
width: 100% !important;
height: 36px !important;
border: none !important;
border-radius: 999px !important;
padding: 0 42px 0 16px !important;
font-size: 12px !important;
font-weight: 500 !important;
font-family: "Afacad", sans-serif !important;
background: #ffffff !important;
color: #3FA34D !important;
outline: none !important;
box-shadow: none !important;
}
.bocolis-sidebar-selection .bocolis-product-search-field::placeholder {
color: #3FA34D !important;
opacity: 1 !important;
font-family: "Afacad", sans-serif !important;
}
.bocolis-sidebar-selection .bocolis-product-search-submit {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
border: none !important;
background: transparent !important;
cursor: pointer;
padding: 0 !important;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
}
.bocolis-sidebar-selection .bocolis-search-icon {
width: 18px;
height: 18px;
stroke: #3FA34D;
stroke-width: 2.3;
fill: none;
stroke-linecap: round;
stroke-linejoin: round;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-b6bd25d *//* CONTENEUR GLOBAL SIDEBAR */
.bocolis-sidebar-selection {
background: #003B12 !important;
border-radius: 0 28px 28px 0 !important;
padding: 34px 36px 40px 36px !important;
color: #ffffff !important;
max-width: 360px;
min-height: 620px;
position: relative;
z-index: 5;
font-family: "Afacad", sans-serif !important;
}
/* TITRE NOTRE SÉLECTION */
.bocolis-sidebar-selection .bocolis-selection h3 {
color: #ffffff !important;
font-size: 22px !important;
line-height: 1.1 !important;
font-weight: 800 !important;
text-align: center !important;
margin: 0 0 42px 0 !important;
font-family: "Afacad", sans-serif !important;
}
/* LISTE DES PRODUITS */
.bocolis-sidebar-selection .bocolis-selection-list {
display: flex !important;
flex-direction: column !important;
gap: 24px !important;
}
/* ITEM PRODUIT */
.bocolis-sidebar-selection .bocolis-selection-item {
display: grid !important;
grid-template-columns: 64px 1fr !important;
align-items: center !important;
gap: 22px !important;
color: #ffffff !important;
text-decoration: none !important;
font-family: "Afacad", sans-serif !important;
}
/* IMAGE PRODUIT */
.bocolis-sidebar-selection .bocolis-selection-item img {
width: 64px !important;
height: 64px !important;
min-width: 64px !important;
object-fit: cover !important;
border-radius: 12px !important;
border: 2px solid #ffffff !important;
}
/* NOM PRODUIT */
.bocolis-sidebar-selection .bocolis-selection-item span {
color: #ffffff !important;
font-size: 19px !important;
line-height: 1.15 !important;
font-weight: 500 !important;
font-family: "Afacad", sans-serif !important;
}
/* HOVER */
.bocolis-sidebar-selection .bocolis-selection-item:hover {
opacity: 0.85;
}
/* TABLETTE */
@media (max-width: 1024px) {
.bocolis-sidebar-selection {
max-width: 100%;
border-radius: 28px !important;
padding: 28px 24px !important;
min-height: auto;
}
.bocolis-sidebar-selection .bocolis-selection h3 {
font-size: 22px !important;
margin-bottom: 32px !important;
}
.bocolis-sidebar-selection .bocolis-selection-item {
grid-template-columns: 58px 1fr !important;
gap: 18px !important;
}
.bocolis-sidebar-selection .bocolis-selection-item img {
width: 58px !important;
height: 58px !important;
min-width: 58px !important;
}
.bocolis-sidebar-selection .bocolis-selection-item span {
font-size: 18px !important;
}
}
/* MOBILE */
@media (max-width: 767px) {
.bocolis-sidebar-selection {
border-radius: 24px !important;
padding: 24px 20px !important;
}
.bocolis-sidebar-selection .bocolis-selection-list {
gap: 18px !important;
}
.bocolis-sidebar-selection .bocolis-selection-item {
grid-template-columns: 52px 1fr !important;
gap: 14px !important;
}
.bocolis-sidebar-selection .bocolis-selection-item img {
width: 52px !important;
height: 52px !important;
min-width: 52px !important;
border-radius: 10px !important;
}
.bocolis-sidebar-selection .bocolis-selection-item span {
font-size: 16px !important;
}
}/* End custom CSS */
/* Start custom CSS for wc-archive-products, class: .elementor-element-e57e25a *//* ============================================
BOCOLIS - GRILLE PRODUITS CATÉGORIE
============================================ */
.bocolis-products-zone {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
box-sizing: border-box !important;
overflow: hidden !important;
font-family: "Afacad", sans-serif !important;
}
/* Liste produits */
.bocolis-products-zone ul.products,
.bocolis-products-zone .products {
display: flex !important;
flex-wrap: wrap !important;
gap: 24px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
list-style: none !important;
}
/* Carte produit */
.bocolis-products-zone ul.products li.product,
.bocolis-products-zone .products .product {
position: relative !important;
flex: 0 0 calc(25% - 18px) !important;
max-width: calc(25% - 18px) !important;
width: calc(25% - 18px) !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 22px !important;
overflow: hidden !important;
cursor: pointer !important;
list-style: none !important;
background: transparent !important;
box-sizing: border-box !important;
transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}
/* Hover */
.bocolis-products-zone ul.products li.product:hover,
.bocolis-products-zone .products .product:hover {
transform: translateY(-6px) !important;
box-shadow: 0 12px 30px rgba(16, 133, 1, 0.25) !important;
}
/* Lien principal */
.bocolis-products-zone ul.products li.product > a,
.bocolis-products-zone .products .product > a {
display: block !important;
position: relative !important;
border-radius: 22px !important;
overflow: hidden !important;
}
/* Image */
.bocolis-products-zone ul.products li.product img,
.bocolis-products-zone .products .product img {
width: 100% !important;
height: 260px !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
border-radius: 22px !important;
transition: transform 0.6s ease !important;
}
/* Zoom image */
.bocolis-products-zone ul.products li.product:hover img,
.bocolis-products-zone .products .product:hover img {
transform: scale(1.08) !important;
}
/* Overlay */
.bocolis-products-zone ul.products li.product::before,
.bocolis-products-zone .products .product::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.78) 0%,
rgba(0, 0, 0, 0.35) 48%,
rgba(0, 0, 0, 0.05) 100%
);
border-radius: 22px;
pointer-events: none;
z-index: 1;
transition: background 0.4s ease;
}
/* Titre */
.bocolis-products-zone ul.products li.product .woocommerce-loop-product__title,
.bocolis-products-zone .products .product .woocommerce-loop-product__title,
.bocolis-products-zone ul.products li.product h2,
.bocolis-products-zone .products .product h2 {
position: absolute !important;
bottom: 50px !important;
left: 16px !important;
right: 16px !important;
margin: 0 !important;
padding: 0 !important;
color: #ffffff !important;
font-family: "Afacad", sans-serif !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
z-index: 2 !important;
}
/* Prix */
.bocolis-products-zone ul.products li.product .price,
.bocolis-products-zone .products .product .price {
position: absolute !important;
bottom: 20px !important;
left: 16px !important;
margin: 0 !important;
color: #ffffff !important;
font-family: "Afacad", sans-serif !important;
font-size: 15px !important;
font-weight: 800 !important;
line-height: 1 !important;
z-index: 2 !important;
}
/* Poids */
.bocolis-products-zone ul.products li.product .loop-product-weight,
.bocolis-products-zone .products .product .loop-product-weight {
position: absolute !important;
bottom: 20px !important;
right: 16px !important;
color: #ffffff !important;
font-family: "Afacad", sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
z-index: 2 !important;
}
/* Bouton panier rond */
.bocolis-products-zone ul.products li.product .button,
.bocolis-products-zone .products .product .button {
position: absolute !important;
top: 15px !important;
right: 15px !important;
width: 46px !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 !important;
margin: 0 !important;
background: #108501 !important;
color: transparent !important;
border: none !important;
border-radius: 50% !important;
font-size: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 3 !important;
transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease !important;
}
/* Icône panier */
.bocolis-products-zone ul.products li.product .button::before,
.bocolis-products-zone .products .product .button::before {
content: "";
display: block;
width: 22px;
height: 22px;
background: url('https://bocolis.tc-agency.fr/wp-content/uploads/2026/04/Cadie.svg') no-repeat center / contain;
transition: background-image 0.3s ease;
}
/* Hover bouton */
.bocolis-products-zone ul.products li.product:hover .button,
.bocolis-products-zone .products .product:hover .button {
transform: scale(1.15) !important;
background: #0d6e01 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
/* ============================================
ÉTAT « AJOUTÉ AU PANIER »
============================================ */
/* Bouton : couleur foncée + animation pulse */
.bocolis-products-zone ul.products li.product .button.added,
.bocolis-products-zone .products .product .button.added {
background: #0d6e01 !important;
animation: bocolis-added-pulse 0.6s ease !important;
}
/* L'icône caddie devient une coche */
.bocolis-products-zone ul.products li.product .button.added::before,
.bocolis-products-zone .products .product .button.added::before {
background-image: url("data:image/svg+xml;utf8,") !important;
width: 24px !important;
height: 24px !important;
}
/* Carte produit : halo vert doux quand un article est ajouté */
.bocolis-products-zone ul.products li.product:has(.button.added),
.bocolis-products-zone .products .product:has(.button.added) {
box-shadow: 0 8px 24px rgba(16, 133, 1, 0.45) !important;
}
.bocolis-products-zone ul.products li.product:has(.button.added):hover,
.bocolis-products-zone .products .product:has(.button.added):hover {
box-shadow: 0 14px 32px rgba(16, 133, 1, 0.55) !important;
}
/* Badge "Ajouté" en haut à gauche */
.bocolis-products-zone ul.products li.product:has(.button.added)::after,
.bocolis-products-zone .products .product:has(.button.added)::after {
content: "✓ Ajouté";
position: absolute;
top: 15px;
left: 15px;
background: #108501;
color: #ffffff;
padding: 6px 12px;
border-radius: 20px;
font-family: "Afacad", sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1;
z-index: 3;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
animation: bocolis-badge-in 0.4s ease;
pointer-events: none;
}
/* Animations */
@keyframes bocolis-added-pulse {
0% { transform: scale(1); }
50% { transform: scale(1.3); }
100% { transform: scale(1); }
}
@keyframes bocolis-badge-in {
from { opacity: 0; transform: translateY(-8px) scale(0.8); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
/* ============================================
CACHER LE LIEN « VOIR LE PANIER »
============================================ */
.bocolis-products-zone .added_to_cart,
.bocolis-products-zone a.added_to_cart,
.bocolis-products-zone .product .added_to_cart,
.bocolis-products-zone .product a.added_to_cart,
.bocolis-products-zone .woocommerce a.added_to_cart,
.bocolis-products-zone ul.products li.product a.added_to_cart,
.bocolis-products-zone .products .product a.added_to_cart,
.bocolis-products-zone .added_to_cart.wc-forward,
.bocolis-products-zone a.added_to_cart.wc-forward {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* Cacher éléments inutiles */
.bocolis-products-zone .star-rating {
display: none !important;
}
/* Cacher le compteur "2 résultats affichés" */
.bocolis-products-zone .woocommerce-result-count {
display: none !important;
}
/* Cacher le tri "Tri par défaut" */
.bocolis-products-zone .woocommerce-ordering {
display: none !important;
}
/* ============================================
RESPONSIVE TABLETTE
============================================ */
@media (max-width: 1024px) {
.bocolis-products-zone ul.products,
.bocolis-products-zone .products {
gap: 18px !important;
}
.bocolis-products-zone ul.products li.product,
.bocolis-products-zone .products .product {
flex: 0 0 calc(33.333% - 12px) !important;
max-width: calc(33.333% - 12px) !important;
width: calc(33.333% - 12px) !important;
}
.bocolis-products-zone ul.products li.product img,
.bocolis-products-zone .products .product img {
height: 230px !important;
}
}
/* ============================================
RESPONSIVE MOBILE
============================================ */
@media (max-width: 767px) {
.bocolis-products-zone ul.products,
.bocolis-products-zone .products {
gap: 12px !important;
}
.bocolis-products-zone ul.products li.product,
.bocolis-products-zone .products .product {
flex: 0 0 calc(50% - 6px) !important;
max-width: calc(50% - 6px) !important;
width: calc(50% - 6px) !important;
border-radius: 18px !important;
}
.bocolis-products-zone ul.products li.product img,
.bocolis-products-zone .products .product img {
height: 180px !important;
border-radius: 18px !important;
}
.bocolis-products-zone ul.products li.product::before,
.bocolis-products-zone .products .product::before {
border-radius: 18px !important;
}
.bocolis-products-zone ul.products li.product .woocommerce-loop-product__title,
.bocolis-products-zone .products .product .woocommerce-loop-product__title,
.bocolis-products-zone ul.products li.product h2,
.bocolis-products-zone .products .product h2 {
font-size: 13px !important;
bottom: 38px !important;
left: 10px !important;
right: 10px !important;
}
.bocolis-products-zone ul.products li.product .price,
.bocolis-products-zone .products .product .price {
font-size: 12px !important;
bottom: 12px !important;
left: 10px !important;
}
.bocolis-products-zone ul.products li.product .loop-product-weight,
.bocolis-products-zone .products .product .loop-product-weight {
font-size: 12px !important;
bottom: 12px !important;
right: 10px !important;
}
.bocolis-products-zone ul.products li.product .button,
.bocolis-products-zone .products .product .button {
width: 38px !important;
height: 38px !important;
min-height: 38px !important;
top: 10px !important;
right: 10px !important;
}
.bocolis-products-zone ul.products li.product .button::before,
.bocolis-products-zone .products .product .button::before {
width: 18px;
height: 18px;
}
/* Ajustement badge "Ajouté" sur mobile */
.bocolis-products-zone ul.products li.product:has(.button.added)::after,
.bocolis-products-zone .products .product:has(.button.added)::after {
top: 10px;
left: 10px;
font-size: 11px;
padding: 4px 9px;
}
}/* End custom CSS */
/* Start custom CSS for woocommerce-products, class: .elementor-element-293d779 *//* ============================================
BOCOLIS - SECTION PANIERS (3 cartes)
============================================ */
.bocolis-paniers-zone {
width: 100%;
font-family: "Afacad", sans-serif !important;
}
/* Liste produits */
.bocolis-paniers-zone ul.products,
.bocolis-paniers-zone .products {
display: flex !important;
flex-wrap: wrap !important;
gap: 40px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
/* Carte produit - 3 colonnes sur desktop */
.bocolis-paniers-zone ul.products li.product,
.bocolis-paniers-zone .products .product {
position: relative !important;
flex: 0 0 calc(33.333% - 27px) !important;
max-width: calc(33.333% - 27px) !important;
width: calc(33.333% - 27px) !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 22px !important;
overflow: hidden !important;
cursor: pointer !important;
list-style: none !important;
background: transparent !important;
transition: transform 0.4s ease, box-shadow 0.4s ease !important;
}
/* Hover */
.bocolis-paniers-zone ul.products li.product:hover,
.bocolis-paniers-zone .products .product:hover {
transform: translateY(-6px) !important;
box-shadow: 0 12px 30px rgba(16, 133, 1, 0.25) !important;
}
/* Lien principal */
.bocolis-paniers-zone ul.products li.product > a,
.bocolis-paniers-zone .products .product > a {
display: block !important;
position: relative !important;
border-radius: 22px !important;
overflow: hidden !important;
}
/* Image - plus haute pour les paniers */
.bocolis-paniers-zone ul.products li.product img,
.bocolis-paniers-zone .products .product img {
width: 100% !important;
height: 320px !important;
object-fit: cover !important;
display: block !important;
margin: 0 !important;
border-radius: 22px !important;
transition: transform 0.6s ease !important;
}
/* Zoom image */
.bocolis-paniers-zone ul.products li.product:hover img,
.bocolis-paniers-zone .products .product:hover img {
transform: scale(1.08) !important;
}
/* Overlay dégradé */
.bocolis-paniers-zone ul.products li.product::before,
.bocolis-paniers-zone .products .product::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(0, 0, 0, 0.78) 0%,
rgba(0, 0, 0, 0.35) 48%,
rgba(0, 0, 0, 0.05) 100%
);
border-radius: 22px;
pointer-events: none;
z-index: 1;
transition: background 0.4s ease;
}
/* Titre */
.bocolis-paniers-zone ul.products li.product .woocommerce-loop-product__title,
.bocolis-paniers-zone .products .product .woocommerce-loop-product__title,
.bocolis-paniers-zone ul.products li.product h2,
.bocolis-paniers-zone .products .product h2 {
position: absolute !important;
bottom: 50px !important;
left: 16px !important;
right: 16px !important;
margin: 0 !important;
padding: 0 !important;
color: #ffffff !important;
font-family: "Afacad", sans-serif !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
z-index: 2 !important;
}
/* Prix */
.bocolis-paniers-zone ul.products li.product .price,
.bocolis-paniers-zone .products .product .price {
position: absolute !important;
bottom: 20px !important;
left: 16px !important;
margin: 0 !important;
color: #ffffff !important;
font-family: "Afacad", sans-serif !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1 !important;
z-index: 2 !important;
}
/* Sous-titre / poids */
.bocolis-paniers-zone ul.products li.product .loop-product-weight,
.bocolis-paniers-zone .products .product .loop-product-weight {
position: absolute !important;
bottom: 20px !important;
right: 16px !important;
color: #ffffff !important;
font-family: "Afacad", sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
z-index: 2 !important;
}
/* Bouton panier rond */
.bocolis-paniers-zone ul.products li.product .button,
.bocolis-paniers-zone .products .product .button {
position: absolute !important;
top: 15px !important;
right: 15px !important;
width: 46px !important;
height: 46px !important;
min-height: 46px !important;
padding: 0 !important;
margin: 0 !important;
background: #108501 !important;
color: transparent !important;
border: none !important;
border-radius: 50% !important;
font-size: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 3 !important;
transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease !important;
}
/* Icône panier */
.bocolis-paniers-zone ul.products li.product .button::before,
.bocolis-paniers-zone .products .product .button::before {
content: "";
display: block;
width: 22px;
height: 22px;
background: url('https://bocolis.tc-agency.fr/wp-content/uploads/2026/04/Cadie.svg') no-repeat center / contain;
transition: background-image 0.3s ease;
}
/* Hover bouton */
.bocolis-paniers-zone ul.products li.product:hover .button,
.bocolis-paniers-zone .products .product:hover .button {
transform: scale(1.15) !important;
background: #0d6e01 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
/* ============================================
ÉTAT « AJOUTÉ AU PANIER »
============================================ */
/* Bouton : couleur foncée + animation pulse */
.bocolis-paniers-zone ul.products li.product .button.added,
.bocolis-paniers-zone .products .product .button.added {
background: #0d6e01 !important;
animation: bocolis-paniers-added-pulse 0.6s ease !important;
}
/* L'icône caddie devient une coche */
.bocolis-paniers-zone ul.products li.product .button.added::before,
.bocolis-paniers-zone .products .product .button.added::before {
background-image: url("data:image/svg+xml;utf8,") !important;
width: 24px !important;
height: 24px !important;
}
/* Carte produit : halo vert doux quand un article est ajouté */
.bocolis-paniers-zone ul.products li.product:has(.button.added),
.bocolis-paniers-zone .products .product:has(.button.added) {
box-shadow: 0 8px 24px rgba(16, 133, 1, 0.45) !important;
}
.bocolis-paniers-zone ul.products li.product:has(.button.added):hover,
.bocolis-paniers-zone .products .product:has(.button.added):hover {
box-shadow: 0 14px 32px rgba(16, 133, 1, 0.55) !important;
}
/* Badge "Ajouté" en haut à gauche */
.bocolis-paniers-zone ul.products li.product:has(.button.added)::after,
.bocolis-paniers-zone .products .product:has(.button.added)::after {
content: "✓ Ajouté";
position: absolute;
top: 15px;
left: 15px;
background: #108501;
color: #ffffff;
padding: 6px 12px;
border-radius: 20px;
font-family: "Afacad", sans-serif;
font-size: 13px;
font-weight: 700;
line-height: 1;
z-index: 3;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
animation: bocolis-paniers-badge-in 0.4s ease;
pointer-events: none;
}
/* Animations */
@keyframes bocolis-paniers-added-pulse {
0% { transform: scale(1); }
50% { transform: scale(1.3); }
100% { transform: scale(1); }
}
@keyframes bocolis-paniers-badge-in {
from { opacity: 0; transform: translateY(-8px) scale(0.8); }
to { opacity: 1; transform: translateY(0) scale(1); }
}
/* ============================================
CACHER LE LIEN « VOIR LE PANIER »
============================================ */
.bocolis-paniers-zone .added_to_cart,
.bocolis-paniers-zone a.added_to_cart,
.bocolis-paniers-zone .product .added_to_cart,
.bocolis-paniers-zone .product a.added_to_cart,
.bocolis-paniers-zone .woocommerce a.added_to_cart,
.bocolis-paniers-zone ul.products li.product a.added_to_cart,
.bocolis-paniers-zone .products .product a.added_to_cart,
.bocolis-paniers-zone .added_to_cart.wc-forward,
.bocolis-paniers-zone a.added_to_cart.wc-forward {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
/* Cacher éléments inutiles */
.bocolis-paniers-zone .star-rating,
.bocolis-paniers-zone .woocommerce-result-count,
.bocolis-paniers-zone .woocommerce-ordering {
display: none !important;
}
/* Responsive tablette */
@media (max-width: 1024px) {
.bocolis-paniers-zone ul.products,
.bocolis-paniers-zone .products {
gap: 24px !important;
justify-content: center !important;
}
.bocolis-paniers-zone ul.products li.product,
.bocolis-paniers-zone .products .product {
flex: 0 0 calc(50% - 12px) !important;
max-width: calc(50% - 12px) !important;
width: calc(50% - 12px) !important;
}
.bocolis-paniers-zone ul.products li.product:nth-child(3):last-child,
.bocolis-paniers-zone .products .product:nth-child(3):last-child {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
.bocolis-paniers-zone ul.products li.product img,
.bocolis-paniers-zone .products .product img {
height: 280px !important;
}
.bocolis-paniers-zone ul.products li.product:nth-child(3):last-child img,
.bocolis-paniers-zone .products .product:nth-child(3):last-child img {
height: 320px !important;
}
}
/* Responsive mobile */
@media (max-width: 767px) {
.bocolis-paniers-zone ul.products,
.bocolis-paniers-zone .products {
gap: 16px !important;
justify-content: center !important;
}
.bocolis-paniers-zone ul.products li.product,
.bocolis-paniers-zone .products .product {
flex: 0 0 calc(50% - 8px) !important;
max-width: calc(50% - 8px) !important;
width: calc(50% - 8px) !important;
border-radius: 18px !important;
}
.bocolis-paniers-zone ul.products li.product:nth-child(3):last-child,
.bocolis-paniers-zone .products .product:nth-child(3):last-child {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
}
.bocolis-paniers-zone ul.products li.product img,
.bocolis-paniers-zone .products .product img {
height: 220px !important;
border-radius: 18px !important;
}
.bocolis-paniers-zone ul.products li.product:nth-child(3):last-child img,
.bocolis-paniers-zone .products .product:nth-child(3):last-child img {
height: 260px !important;
}
.bocolis-paniers-zone ul.products li.product::before,
.bocolis-paniers-zone .products .product::before {
border-radius: 18px !important;
}
.bocolis-paniers-zone ul.products li.product .woocommerce-loop-product__title,
.bocolis-paniers-zone .products .product .woocommerce-loop-product__title,
.bocolis-paniers-zone ul.products li.product h2,
.bocolis-paniers-zone .products .product h2 {
font-size: 15px !important;
bottom: 40px !important;
left: 12px !important;
right: 12px !important;
}
.bocolis-paniers-zone ul.products li.product .price,
.bocolis-paniers-zone .products .product .price {
font-size: 14px !important;
bottom: 14px !important;
left: 12px !important;
}
.bocolis-paniers-zone ul.products li.product .loop-product-weight,
.bocolis-paniers-zone .products .product .loop-product-weight {
font-size: 13px !important;
bottom: 14px !important;
right: 12px !important;
}
.bocolis-paniers-zone ul.products li.product .button,
.bocolis-paniers-zone .products .product .button {
width: 40px !important;
height: 40px !important;
min-height: 40px !important;
top: 12px !important;
right: 12px !important;
}
.bocolis-paniers-zone ul.products li.product .button::before,
.bocolis-paniers-zone .products .product .button::before {
width: 18px;
height: 18px;
}
/* Ajustement badge "Ajouté" sur mobile */
.bocolis-paniers-zone ul.products li.product:has(.button.added)::after,
.bocolis-paniers-zone .products .product:has(.button.added)::after {
top: 12px;
left: 12px;
font-size: 12px;
padding: 5px 10px;
}
}/* End custom CSS */