.elementor-1021 .elementor-element.elementor-element-ca80dee{--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-1021 .elementor-element.elementor-element-ac75786{--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:0px;--padding-left:200px;--padding-right:200px;}.elementor-1021 .elementor-element.elementor-element-ac75786:not(.elementor-motion-effects-element-type-background), .elementor-1021 .elementor-element.elementor-element-ac75786 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.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{--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{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.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-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product{text-align:center;}.elementor-1021 .elementor-element.elementor-element-1b12395c{width:100%;max-width:100%;}.elementor-1021 .elementor-element.elementor-element-1b12395c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products{grid-column-gap:60px;grid-row-gap:20px;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;border-radius:10px 10px 10px 10px;margin-bottom:5px;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Nunito Sans", Sans-serif;font-size:18px;font-weight:600;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:"Nunito Sans", Sans-serif;font-size:16px;font-weight:600;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product .price del {font-family:"EB Garamond Regular", Sans-serif;font-weight:600;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product .button{color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );border-color:#02010100;font-family:"Nunito Sans", Sans-serif;font-weight:500;border-radius:10px 10px 10px 10px;padding:10px 10px 10px 10px;margin-top:0px;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product .button:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-secondary );}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products .added_to_cart{color:#2E171000;font-family:"EB Garamond Regular", Sans-serif;font-weight:500;}.elementor-1021 .elementor-element.elementor-element-1b12395c nav.woocommerce-pagination{margin-top:20px;font-family:"Optima", Sans-serif;}.elementor-1021 .elementor-element.elementor-element-1b12395c nav.woocommerce-pagination ul li a, .elementor-1021 .elementor-element.elementor-element-1b12395c nav.woocommerce-pagination ul li span{padding:10px;}.elementor-1021 .elementor-element.elementor-element-1b12395c nav.woocommerce-pagination ul li a{color:var( --e-global-color-primary );}.elementor-1021 .elementor-element.elementor-element-1b12395c nav.woocommerce-pagination ul li a:hover{color:var( --e-global-color-primary );background-color:var( --e-global-color-accent );}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-1021 .elementor-element.elementor-element-ac75786{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:100px;--padding-right:100px;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1021 .elementor-element.elementor-element-ac75786{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1021 .elementor-element.elementor-element-1b12395c{width:100%;max-width:100%;}.elementor-1021 .elementor-element.elementor-element-1b12395c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1021 .elementor-element.elementor-element-1b12395c.elementor-wc-products ul.products{grid-column-gap:15px;grid-row-gap:0px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-1b12395c *//* --- CHOCAFAIRES PREMIUM PRODUCTS GRID --- */ /* 1. Layout & Positioning Reference */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product { position: relative; text-align: center; list-style: none; } /* 2. Product Link Wrapper (Stack image, then text) */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product a.woocommerce-LoopProduct-link { display: flex !important; flex-direction: column; align-items: center; text-decoration: none !important; background: transparent !important; padding-bottom: 15px; } /* Hide WooCommerce default Sales Badges to keep it clean */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .onsale { display: none !important; } /* 3. The Image Styling & Float Animation */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product a img { width: 100%; height: auto; aspect-ratio: 1 / 1; /* FORCES 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-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product:hover img { transform: translateY(-8px) scale(1.02); box-shadow: 0 20px 35px rgba(46, 23, 16, 0.15); } /* 4. Product Title Formatting */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .woocommerce-loop-product__title { color: #2E1710 !important; font-family: 'Nunito Sans', sans-serif; font-size: 22px; font-weight: 600; margin: 0 0 8px 0; padding: 0; text-align: center; background: transparent !important; position: relative; display: inline-block; transition: color 0.3s ease; } /* 5. Expanding Underline Animation for Title */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .woocommerce-loop-product__title::after { content: ''; position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%); width: 0; height: 1px; background-color: #2E1710; transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1); } .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product:hover .woocommerce-loop-product__title::after { width: 100%; } /* 6. Price Styling */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .price { color: #8C7B6E !important; /* Soft brown/gray to match signature */ font-family: 'Nunito Sans', sans-serif; font-size: 16px; font-weight: 400; margin: 0; } /* ========================================= */ /* 7. THE CUSTOM TOP-RIGHT CART BUTTON */ /* ========================================= */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .button { position: absolute; top: 15px; right: 15px; width: 42px; height: 42px; padding: 0 !important; border-radius: 50% !important; background-color: #2E1710 !important; color: transparent !important; /* Hides default text */ font-size: 0 !important; line-height: 0 !important; display: flex; align-items: center; justify-content: center; opacity: 0; transform: scale(0.8); visibility: hidden; z-index: 99; transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: 0 4px 10px rgba(0,0,0,0.2); overflow: hidden; } /* The White Icon inside the button (SVG Mask) */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .button::before { content: ''; display: block; width: 20px; height: 20px; background-color: #FFFFFF; -webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center; mask: url('data:image/svg+xml;utf8,') no-repeat center; -webkit-mask-size: contain; mask-size: contain; } /* Reveal button on hover */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product:hover .button { opacity: 1; visibility: visible; transform: scale(1); } /* Button hover state */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .button:hover { transform: scale(1.1); background-color: #4a281c !important; } /* Hide the default "View Cart" text that awkwardly appears after clicking */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .added_to_cart { display: none !important; } /* ========================================= */ /* MOBILE TWEAKS */ /* ========================================= */ @media (max-width: 768px) { .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product a img { margin-bottom: 12px !important; } .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 18px; } .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .price { font-size: 14px; } /* Keep cart button permanently visible on mobile */ .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .button { opacity: 1; visibility: visible; transform: scale(1); top: 10px; right: 10px; width: 36px; height: 36px; } .elementor-1021 .elementor-element.elementor-element-1b12395c .woocommerce ul.products li.product .button::before { width: 16px; height: 16px; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'EB Garamond Regular'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://chocaffaires.com/wp-content/uploads/2025/10/eb-garamond.12-regular.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Optima'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://chocaffaires.com/wp-content/uploads/2025/09/Optima-Medium.ttf') format('truetype'); } @font-face { font-family: 'Optima'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://chocaffaires.com/wp-content/uploads/2025/09/OPTIMA_B.ttf') format('truetype'); } /* End Custom Fonts CSS */