.elementor-4170101 .elementor-element.elementor-element-70f50d6{z-index:0;}.elementor-4170101 .elementor-element.elementor-element-d97e231{padding:0px -10px 0px -10px;}.elementor-4170101 .elementor-element.elementor-element-ebd7996 > .elementor-column-wrap > .elementor-widget-wrap{row-gap:0px;column-gap:0px;}.elementor-4170101 .elementor-element.elementor-element-31fd125.elementor-column > .elementor-column-wrap > .elementor-widget-wrap{justify-content:space-between;}.elementor-4170101 .elementor-element.elementor-element-2985b35 .breadcrumb li:not(#e), .elementor-4170101 .elementor-element.elementor-element-2985b35 .ce-breadcrumb__item{font-weight:500;}.elementor-4170101 .elementor-element.elementor-element-2985b35 .ce-breadcrumb__item:not(:last-child)::after{content:"/" / "";color:#ddd;}.elementor-4170101 .elementor-element.elementor-element-70ee3a8 .ce-category-list{justify-content:safe center;gap:10px;}.elementor-4170101 .elementor-element.elementor-element-70ee3a8 .elementor-button{font-family:"AkkuratMono", sans-serif;background-color:#000000;}.elementor-4170101 .elementor-element.elementor-element-4f5cf47 .elementor-spacer-inner{height:10px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__tab-icon{order:1;font-size:20px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__toggle .elementor-button-content-wrapper{gap:12px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__toggle .elementor-button-text{flex-grow:min(0, 12);}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__clear{justify-content:stretch;flex-direction:column;margin-bottom:calc(24px - 10px);}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__clear .elementor-button-content-wrapper{gap:6px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__clear .elementor-button-text{flex-grow:min(0, 6);}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__toggle .elementor-button{font-family:"AkkuratMono", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;background-color:#CD2E25;border-width:0px;border-radius:32px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__toggle a.elementor-button:not(#e){color:#FFFFFF;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters--shown .ce-filters{box-shadow:0px 0px 20px 0px rgba(0,0,0,0.2);}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .dialog-lightbox-close-button{color:#151515;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-heading-title{font-family:"AkkuratMono", sans-serif;font-size:28px;font-weight:600;margin-bottom:calc(40px - 10px);}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__clear .elementor-button{font-family:"AkkuratMono", sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:2px;background-color:#CD2E25;border-radius:32px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-group{padding:calc(10px / 2) 0;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__title{font-family:"AkkuratMono", sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__tab{padding:8px 0px 16px 0px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-option{gap:10px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-label{color:#888888;font-family:"AkkuratMono", sans-serif;font-size:14px;font-weight:400;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-label[data-magnitude]:after{content:"(" attr(data-magnitude) ")" / "";}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-label:after{padding-inline-start:0.2em;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-checkbox{font-size:18px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 input:checked ~ .ce-checkbox{background-color:#FF6852;border-color:#FF6852;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-option i[style]{font-size:26px;border-color:#E5E5E5;border-radius:20px;background-clip:content-box;padding:2px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-type-color .ce-checkbox::before{transform:scale(0.5);}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-option input:checked ~ i[style]{border-color:#222222;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .elementor-field-option input:checked ~ i.ce-color--light{color:#000000;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 select.elementor-field{font-family:"AkkuratMono", sans-serif;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-dual-range{--ce-range-height:2px;background-color:#CD2E25;--ce-range-active-color:#CD2E25;--ce-range-thumb-size:18px;--ce-range-thumb-color:#CD2E25;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 > .elementor-widget-container{margin:10px 10px 10px 0px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71{width:auto;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 .ce-active-filters__clear{order:1;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 .ce-active-filters{flex-wrap:nowrap;gap:10px;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 .elementor-button-text{white-space:pre;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 .elementor-button{text-transform:uppercase;line-height:1.6em;background-color:#FFFFFF;border-color:#E8E8E8;border-width:1px;border-radius:0px;padding:4px 8px 4px 8px;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 a.elementor-button:not(#e){color:#151515;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 a.elementor-button:not(#e):hover, .elementor-4170101 .elementor-element.elementor-element-1a6c9b65 a.elementor-button:not(#e):active{color:#FFFFFF;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 .elementor-button:hover, .elementor-4170101 .elementor-element.elementor-element-1a6c9b65 .elementor-button:active{background-color:#FF6852;border-color:#FF6852;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 a.elementor-button.ce-active-filters__clear:not(#e):hover{color:#222222;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 .elementor-button.ce-active-filters__clear:hover{background-color:#FFFFFF;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 .elementor-button.ce-active-filters__clear{border-width:0px;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65 > .elementor-widget-container{padding:5px 0px 5px 0px;}.elementor-4170101 .elementor-element.elementor-element-1a6c9b65{width:auto;align-self:center;flex-grow:1;}.elementor-4170101 .elementor-element.elementor-element-79e42bc9 .elementor-field-group{gap:8px;}.elementor-4170101 .elementor-element.elementor-element-79e42bc9 .elementor-form label{font-family:"AkkuratMono", sans-serif;}.elementor-4170101 .elementor-element.elementor-element-79e42bc9 .elementor-field{font-family:"AkkuratMono", sans-serif;}.elementor-4170101 .elementor-element.elementor-element-79e42bc9 .elementor-field-textual{border-color:#E8E8E8;border-radius:24px 24px 24px 24px;}.elementor-4170101 .elementor-element.elementor-element-79e42bc9 > .elementor-widget-container{margin:10px 0px 10px 0px;}.elementor-4170101 .elementor-element.elementor-element-79e42bc9{width:initial;align-self:center;}.elementor-4170101 .elementor-element.elementor-element-4b96303 .elementor-spacer-inner{height:50px;}.elementor-4170101 .elementor-element.elementor-element-07e379c{width:100%;}.elementor-4170101 .elementor-element.elementor-element-d16b4c2 .elementor-spacer-inner{height:50px;}.elementor-4170101 .elementor-element.elementor-element-7dce733 .ce-pagination{margin:0 calc(-16px/2);}.elementor-4170101 .elementor-element.elementor-element-7dce733 .ce-pagination .elementor-icon-list-item{margin:0 calc(16px/2);}.elementor-4170101 .elementor-element.elementor-element-7dce733 .elementor-icon-list-item:after{inset-inline-end:calc(-16px/2);}.elementor-4170101 .elementor-element.elementor-element-7dce733 .elementor-icon-list-item > *{font-family:"AkkuratMono", sans-serif;}@media(max-width:767px){.elementor-4170101 .elementor-element.elementor-element-31fd125 > .elementor-column-wrap > .elementor-widget-wrap{flex-wrap:wrap;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__toggle{justify-content:stretch;flex-direction:column;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71 .ce-filters__toggle .elementor-button{padding:15px 15px 15px 15px;}.elementor-4170101 .elementor-element.elementor-element-3fa56d71{order:-99999;}.elementor-4170101 .elementor-element.elementor-element-79e42bc9{order:-99999;}}/* Start custom CSS for shortcode, class: .elementor-element-a993780 *//* Le slider garde son contexte */ .layerslider .ls-inner, .jpresta_layerslider_displaytop .ls-inner { position: relative !important; } /* Overlay uniquement sur la zone background */ .layerslider .ls-slide-backgrounds, .jpresta_layerslider_displaytop .ls-slide-backgrounds { position: relative !important; } .layerslider .ls-slide-backgrounds::after, .jpresta_layerslider_displaytop .ls-slide-backgrounds::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.28); pointer-events: none; z-index: 2; } /* Le fond reste sous l’overlay */ .layerslider .ls-bg-outer, .layerslider .ls-bg-wrap, .layerslider .ls-bg, .jpresta_layerslider_displaytop .ls-bg-outer, .jpresta_layerslider_displaytop .ls-bg-wrap, .jpresta_layerslider_displaytop .ls-bg { position: relative; z-index: 1; } /* Les layers texte restent au-dessus */ .layerslider .ls-wrapper.ls-in-out, .layerslider .ls-layer, .jpresta_layerslider_displaytop .ls-wrapper.ls-in-out, .jpresta_layerslider_displaytop .ls-layer { z-index: 10 !important; } .ls-inner { z-index: 1; }/* End custom CSS */ /* Start custom CSS for listing-sort-order, class: .elementor-element-79e42bc9 */.elementor-element.elementor-element-edit-mode.elementor-element-79e42bc9.elementor-element--toggle-edit-tools.elementor-widget.elementor-widget-listing-sort-order.ce-sort-order--layout-stacked.elementor-widget__width-calc.elementor-element-editable { width: 50% !important; }/* End custom CSS */ /* Start custom CSS for listing-block, class: .elementor-element-07e379c *//* ================================================================ 1. LA CARTE PRODUIT (TAILLE BASÉE SUR L'IMAGE) ================================================================ */ .product-miniature { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; background-color: #1a1a1a !important; padding: unset !important; } /* LE CADRE DE L'IMAGE */ .pm-header { position: relative !important; z-index: 2 !important; background: #fff !important; clip-path: inset(0 0 0 0) !important; transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; border: 1px solid lightgray; } .pm-header img { width: 100% !important; height: auto !important; display: block !important; transition: opacity 0.4s ease !important; } .pm-header img.product-cover-2 { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover !important; opacity: 0 !important; } /* ================================================================ 2. ZONE TEXTE (NOM BLANC + PRIX À DROITE) ================================================================ */ .pm-body { position: absolute !important; bottom: -2px !important; left: 0 !important; width: 100% !important; z-index: 3 !important; padding: 15px 20px !important; background: rgba(0,0,0); display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; box-sizing: border-box !important; transition: bottom 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; pointer-events: none; min-height: 59px; } .pm-name, .pm-name a { color: #ffffff !important; margin: 0 !important; font-size: 12px !important; text-decoration: none !important; font-weight: 600 !important; text-transform: uppercase !important; width: 65%; font-family: "AkkuratMono", sans-serif; } .product-miniature:has(.variant-links):hover .pm-body { bottom:99px !important; } .pm-price .price { color: #ffffff !important; font-weight: 400 !important; font-size: 15px !important; white-space: nowrap !important; font-family: "AkkuratMono", sans-serif; } .product-miniature .pm-body .regular-price { color: red; font-weight: bolder } .product-miniature .pm-body .pm-price { white-space: wrap; text-overflow: ellipsis; overflow: hidden; width: 33%; text-align: right; display: flex; flex-direction: column-reverse; } /* ================================================================ 3. LE BOUTON D'ACTION (IMMOBILE DERRIÈRE) ================================================================ */ .pm-actions { position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 60px !important; z-index: 1 !important; margin: 0 !important; font-family: "AkkuratMono", sans-serif; } .pm-actions .btn-primary { height: 100% !important; width: 100% !important; background-color: #e60019 !important; color: #fff !important; border: none !important; border-radius: 0 !important; font-weight: bold !important; text-transform: uppercase !important; display: flex !important; align-items: center !important; justify-content: center !important; font-family: "AkkuratMono", sans-serif; } /* Bouton grisé si out of stock */ .product-miniature:has(.pm-flag.out_of_stock) .pm-actions .btn-primary { background-color: #666 !important; cursor: not-allowed !important; opacity: 0.7 !important; } .pm-actions form, .product-miniature .pm-footer .btn-group { height: 100%; } /* ================================================================ 4. ANIMATION AU HOVER (ROGNAGE SANS BOUGER LA PAGE) ================================================================ */ .product-miniature:hover .pm-header { clip-path: inset(0 0 60px 0) !important; } .product-miniature:hover .pm-body { bottom: 60px !important; } /* Switch d'image */ .product-miniature:hover img.product-cover-1 { opacity: 0 !important; } .product-miniature:hover img.product-cover-2 { opacity: 1 !important; } /* ================================================================ 5. FLAGS (TOTALEMENT FIXES) ================================================================ */ .pm-flags { position: absolute !important; top: 15px !important; right: 0 !important; z-index: 10 !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; gap: 5px !important; list-style: none; font-family: "AkkuratMono", sans-serif; } .pm-flag { background: rgba(0, 0, 0, 0.8) !important; color: #fff !important; padding: 5px 12px !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; border-radius: 4px 0 0 4px !important; } .pm-flag.discount-percentage { background-color: #6c757d !important; } .pm-flag-sale { background-color: #6c757d !important; } .pm-flag.out_of_stock { background-color: #e60019 !important; } /* ================================================================ 6. NAVIGATION TOYOTA STYLE ================================================================ */ .elementor-nav-tabs .elementor-item { position: relative !important; padding: 10px 25px !important; color: #333 !important; } .elementor-nav-tabs .elementor-item::before { content: "" !important; position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd; transform: skewX(-20deg); z-index: -1; } .elementor-nav-tabs .elementor-item:hover::before, .elementor-nav-tabs .elementor-item.elementor-item-active::before { border: 2px solid #e60019 !important; } /* ================================================================ 7. GRILLE PRODUITS ================================================================ */ .products.row col, .products.row > [class*="col-"] { padding: 10px 3px !important; } .products.row { margin: unset; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-1ec1dae7 *//* Mobile first - styles par defaut = mobile */ .elementor-element-3fa56d71, .elementor-element-79e42bc9 { /* tes styles mobile ici */ display: flex !important; flex: 0 0 47% !important; } /* Desktop - on annule si besoin */ @media (min-width: 768px) { .elementor-element-3fa56d71, .elementor-element-79e42bc9 { /* styles desktop ou reset */ flex: 0 0 auto !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */ @font-face { font-family: 'AkkuratMono'; font-weight: normal; font-style: normal; font-display: swap; src: url('/modules/creativeelements/views/fonts/AkkuratMono-Regular.ttf') format('truetype'); } /* End Custom Fonts CSS */