:root{--color-primary:rgba(235, 241, 247, 0.5);--color-border:#2c0505;--color-body-text:#222;--color-heading-text:#111;--color-body-link:#111;--color-body-link-hover:#27408b;--color-product-title:#232323;--color-regular-price:#232323;--color-sale-price:#666;--btn-border-radius:30px;--color-btn-bg:#0f5d75;--color-btn-text:#fff;--color-btn-bg-hover:#428bca;--color-btn-text-hover:#fff;--color-tip-bg:#fff;--color-tip-text:#333;--color-ratings:#428bca;--input-border-radius:4px;--color-input-bg:rgba(255, 255, 255, 0.5);--color-input-border:rgba(129, 129, 129, 0.2);--color-input-text:#282828;--color-cookie-bg:rgba(0, 0, 0, 0.8);--color-cookie-txt:#fff;--color-cookie-link:#fff;--color-cookie-btn-bg:#fff;--color-cookie-btn-text:#000;--color-cookie-btn-bg-h:#1d1d1d;--color-cookie-btn-text-h:#fff;--color-box-bg:#fff;--color-box-border:#e5e5e5;--box-border-radius:4px;}.breadcrumb{background:#f9f9f9;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;color:#666;}.breadcrumb .page-heading{color:#232323;}.breadcrumb li:after{color:#666;}.breadcrumb a{color:#666;}.breadcrumb a:hover{color:#232323;}@media (max-width:991px){.breadcrumb{padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px;}}.lang-rtl .breadcrumb{padding-left:0px;padding-right:0px;}@media (max-width:991px){.lang-rtl .breadcrumb{padding-left:0px;padding-right:0px;}}body.boxed main{border:none 1px;overflow:hidden;position:relative;margin:0 15px;box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.2);}@media (min-width:1300px){body.boxed main{max-width:130%;margin:0 auto;}}.container,.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}body{background:#fff;color:var(--color-body-text, #666);}.tdstar:after{color:#428bca;}.product-flags .discount,.product-flags .on-sale{background:#180404;color:#fff;}.product-flags .new{background:#232323;color:#fff;}.product-flags .online-only,.product-flags .pack{background:#d76182;color:#fff;}.product-flags .out_of_stock{background:#232323;color:#fff;}.product-price.has-discount .discount{background:#180404;color:#fff;}table#product_comparison .discount-product,#mywishlist .discount-product,#view_wishlist .discount-product,table#product_comparison .discount-percentage,#mywishlist .discount-percentage,#view_wishlist .discount-percentage{background:#180404;color:#fff;}.products.row{margin-left:calc(-30px/2);margin-right:calc(-30px/2);}.products.row > .col,.products.row > [class*="col-"]{padding-left:calc(30px/2);padding-right:calc(30px/2);margin-bottom:30px;}.products.row .slick-slider .product-miniature{padding-left:calc(30px/2);padding-right:calc(30px/2);margin-bottom:30px;}@media (max-width:767px){.products.row{margin-left:calc(-10px/2);margin-right:calc(-10px/2);}.products.row > .col,.products.row > [class*="col-"]{padding-left:calc(10px/2);padding-right:calc(10px/2);margin-bottom:10px;}.products.row .slick-slider .product-miniature{padding-left:calc(10px/2);padding-right:calc(10px/2);margin-bottom:10px;}}.product-miniature .product-container{border:groove 2px #155263;padding:15px;}@media (max-width:543px){}.product-miniature .product-container .product-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.products .product-miniature .product-container .variant-links{display:none !important;}table#product_comparison .product-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#maintenance{background:#b1b1b1 url("https://kingvape.store/modules/tdthemesettings/views/img/front/maintenance.jpg") center center / auto no-repeat fixed;color:#fff;}#maintenance a{color:#fff;}html{font-size:16px;}@media (max-width:767px){}body{line-height:24px;}body{font-family:Roboto, sans-serif;}.cbp-horizontal > ul > li > a{font-size:15px;font-style:normal;font-weight:500;text-transform:uppercase;line-height:60px;color:#fff;background:#4169e1;padding-left:10px;padding-right:10px;}.cbp-horizontal > ul > li > a:hover{background:#4169e1;color:#232323;}.cbp-horizontal .cbp-tab-title{line-height:1em !important;}.cbp-horizontal .cbp-mainlink-icon,.cbp-horizontal .cbp-mainlink-iicon{font-size:13px;max-height:13px;}.cbp-horizontal .cbp-submenu-aindicator{display:none;}.cbp-hrmenu.cbp-vertical > ul{background:#fff;border:none 1px;box-shadow:0px 15px 25px 0px rgba(74, 63, 63, 0.15);z-index:1;}.cbp-hrmenu.cbp-vertical .cbp-vertical-title{font-size:14px;font-style:normal;font-weight:500;text-transform:uppercase;line-height:50px;color:#fff;background:#232323;}.cbp-hrmenu.cbp-vertical .cbp-vertical-title:hover{background:#0b6bbd;}.cbp-hrmenu.cbp-vertical > ul > li > a{font-size:13px;font-style:normal;font-weight:400;text-transform:uppercase;padding-top:8px;padding-bottom:8px;color:#000;border-top:none 1px;}.cbp-hrmenu.cbp-vertical > ul > li > a .cbp-mainlink-icon,.cbp-hrmenu.cbp-vertical > ul > li > a .cbp-mainlink-iicon{font-size:13px;max-height:13px;}.cbp-hrmenu.cbp-vertical > ul > li > a:hover{color:#428bca;}.cbp-vertical.cbp-vert-expanded .cbp-vertical-title{background:#0b6bbd;}.cbp-hrmenu .cbp-hrsub{font-size:13px;font-style:normal;font-weight:400;text-transform:uppercase;}.cbp-hrmenu .cbp-hrsub-inner,.cbp-hrmenu ul.cbp-hrsub-level2{border:none 1px;box-shadow:0px 15px 25px 0px rgba(74, 63, 63, 0.15);}.cbp-hrmenu .cbp-hrsub-inner,.cbp-hrmenu .cbp-hrsub-inner a{color:#232323 !important;}.cbp-hrmenu .cbp-hrsub-inner a:hover{color:#428bca !important;}.cbp-hrmenu .cbp-tabs-names li a{color:#232323 !important;}.cbp-hrmenu .cbp-tabs-names li a:hover,.cbp-hrmenu .cbp-tabs-names li a.active{color:#428bca !important;}.cbp-hrmenu .cbp-links li a:before{display:none;}.cbp-hrmenu .cbp-links li a{padding-left:0;}.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title{color:#232323 !important;border-bottom:none 1px;font-size:13px;font-style:normal;font-weight:600;text-transform:uppercase;}.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover{color:#428bca !important;}#bitmegamenu-mobile{background:#fff;}.mobile-menu__submenu{background:#fff;}.mobile-menu__tab{border-bottom:solid 1px #ebebeb;min-height:46px;}.mobile-menu__link{color:#444 !important;padding-top:15px;padding-bottom:15px;font-size:16px;font-style:normal;font-weight:400;text-transform:none;}.mobile-menu__arrow{padding-top:15px;padding-bottom:15px;color:#444;font-size:16px;}.mobile-menu__tab-icon{font-size:16px;}.mobile-menu__tab-icon--img{max-height:16px;}.mobile-menu__legend{font-size:12px;font-style:normal;font-weight:400;text-transform:none;color:#fff;background-color:#444;}.mobile-menu__header-wrapper{color:#444;background-color:#f4f4f4;border-bottom:none 1px;}.mobile-menu__title{font-size:16px;font-style:normal;font-weight:400;text-transform:none;}.mobile-menu__column-title{font-size:16px;font-style:normal;font-weight:600;text-transform:uppercase;color:#444 !important;}.mobile-menu__column{font-size:14px;font-style:normal;font-weight:400;text-transform:none;color:#444;margin-bottom:30px;}.mobile-menu__column-categories:not(:last-child){margin-bottom:30px;}.mobile-menu__column-title{margin-bottom:10px;}.mobile-menu__links-list-li{padding-top:6px;padding-bottom:6px;}.mobile-menu__back-btn{color:#444;}@keyframes slideMenuLeft{0%{opacity:0;transform:translateX(100%);}100%{opacity:1;transform:translateX(0);}}@keyframes slideMenuRight{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100%);}}/* ========================= HEADER (inchangé) ========================= */ #header .cbp-hrmenu { background: #0f5d75; width: 100%; max-width: 100%; margin: 0; z-index: 9999; } #header .cbp-hrmenu > ul { display: flex !important; flex-wrap: nowrap; justify-content: center; align-items: center; position: static !important; transform: none !important; height: auto !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; gap: 4px; } #header .cbp-hrmenu > ul > li { margin: 0; border: 0; background: transparent; box-shadow: none; flex: 0 1 auto; } #header .cbp-hrmenu > ul > li > a { display: inline-flex; align-items: center; height: 54px; line-height: 54px; padding: 0 12px; font-weight: 600; font-size: 15px; color: #fff; text-decoration: none; background: transparent; white-space: nowrap; border: 0; } /* ==== HEADER MOBILE ==== */ @media (max-width: 767px) { .hdr-mobile .elementor-container{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; } .hdr-mobile .elementor-column:nth-child(1){ order:1; } .hdr-mobile .elementor-column:nth-child(2){ order:2; width:100%!important; } .hdr-mobile .elementor-column:nth-child(3){ order:3; margin-left:auto; display:flex; justify-content:flex-end; align-items:center; gap:14px; white-space:nowrap; } .hdr-mobile .elementor-column:nth-child(3) a, .hdr-mobile .elementor-column:nth-child(3) .elementor-button, .hdr-mobile .elementor-column:nth-child(3) .btn, .hdr-mobile .elementor-column:nth-child(3) [class*="account"] a, .hdr-mobile .elementor-column:nth-child(3) [class*="account"] .btn{ background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; margin:0!important; width:auto!important; height:auto!important; display:inline-flex!important; align-items:center; justify-content:center; line-height:1!important; } .hdr-mobile .elementor-column:nth-child(3) .elementor-button-icon, .hdr-mobile .elementor-column:nth-child(3) .elementor-icon, .hdr-mobile .elementor-column:nth-child(3) .elementor-view-stacked .elementor-icon, .hdr-mobile .elementor-column:nth-child(3) .elementor-shape-circle .elementor-icon{ background:transparent!important; border:0!important; border-radius:0!important; padding:0!important; width:auto!important; height:auto!important; box-shadow:none!important; } .hdr-mobile .elementor-column:nth-child(3) .elementor-button-text, .hdr-mobile .elementor-column:nth-child(3) .elementor-icon-box-title, .hdr-mobile .elementor-column:nth-child(3) .elementor-icon-box-description, .hdr-mobile .elementor-column:nth-child(3) .account-text, .hdr-mobile .elementor-column:nth-child(3) .account-label{ display:none!important; } .hdr-mobile .elementor-column:nth-child(3) svg{ width:24px; height:24px; fill:#0f5d75; stroke:#0f5d75; } .hdr-mobile .elementor-column:nth-child(3) i, .hdr-mobile .elementor-column:nth-child(3) .fa, .hdr-mobile .elementor-column:nth-child(3) .elementor-icon{ font-size:22px; color:#0f5d75; line-height:1; } .hdr-mobile .elementor-column:nth-child(3) .cart, .hdr-mobile .elementor-column:nth-child(3) .blockcart, .hdr-mobile .elementor-column:nth-child(3) .shopping-cart{ position:relative; display:inline-flex; align-items:center; } .hdr-mobile .elementor-column:nth-child(3) .cart-products-count, .hdr-mobile .elementor-column:nth-child(3) .ajax_cart_quantity, .hdr-mobile .elementor-column:nth-child(3) .cart-badge{ position:absolute; right:-8px; top:-6px; min-width:18px; height:18px; padding:0 4px; border-radius:9px; font-size:11px; line-height:18px; text-align:center; background:#0f5d75; color:#fff; } .hdr-mobile img { max-height:50px; height:auto; } } /* Overlays au-dessus du header */ .elementor-location-header, #header, #header .cbp-hrmenu, .header, .sticky-header, .header-sticky{ position:relative!important; z-index:10!important; } body #_desktop_user_info .dropdown-menu, body #_desktop_cart .dropdown-menu, body .dropdown-menu.show, body .offcanvas, body .offcanvas.show, body .ps-sidepanel, body .ps-sidepanel.is-open, body .elementor-menu-cart__container, body .elementor-menu-cart__main, body .mm-ocd, body .mm-ocd--open{ position:fixed!important; top:0; right:0; bottom:0; max-height:100vh!important; overflow:auto!important; z-index:100000!important; } body .offcanvas-backdrop, body .elementor-menu-cart__overlay, body .site-overlay, body .mm-ocd__backdrop{ position:fixed!important; inset:0!important; z-index:99990!important; } /* ========================= CHECKOUT – NORMALISATION ========================= */ /* Fixes typographiques & Boxtal */ .product-reference{ display:none!important; } #checkout .delivery, #checkout .delivery *{ word-break:normal!important; overflow-wrap:normal!important; white-space:normal!important; } #checkout .boxtal-widget, #checkout .boxtal-widget *{ word-break:normal!important; white-space:normal!important; overflow-wrap:normal!important; } #checkout .delivery-options .delivery-option label{ display:flex; align-items:center; gap:12px; } #checkout .delivery-options .delivery-option .carrier-logo img{ max-width:64px; height:auto; } #checkout .delivery-options .delivery-option .carrier-name{ flex:1 1 auto; min-width:240px; } #checkout .boxtal-widget .bx-dropoff-item{ display:grid; grid-template-columns:1fr auto; gap:8px; } #checkout .boxtal-widget .bx-dropoff-item .bx-name{ font-weight:600; } #checkout .boxtal-widget .bx-dropoff-item--selected{ outline:2px solid #0f5d75; border-radius:8px; } #checkout .delivery-options .delivery-option .carrier-price{ margin-left:auto; font-weight:600; } @media (max-width:767px){ #checkout .delivery-options .delivery-option .carrier-logo img{ max-width:48px; } } /* Radios — Livraison */ #checkout .delivery-options .delivery-option input[type="radio"]{ position:absolute!important; opacity:0!important; appearance:none!important; -webkit-appearance:none!important; -moz-appearance:none!important; margin:0!important; width:22px; height:22px; } #checkout .delivery-options .delivery-option input[type="radio"] + label::before{ content:""!important; display:inline-block!important; width:22px; height:22px; margin-right:10px!important; border:3px solid #0f5d75!important; border-radius:50%; background:#fff!important; vertical-align:middle!important; box-sizing:border-box; } #checkout .delivery-options .delivery-option input[type="radio"]:checked + label::before{ background:radial-gradient(#0f5d75 55%, transparent 56%)!important; } /* Kill dot Bootstrap éventuel */ #checkout .delivery-options .custom-control-label::after, #checkout .delivery-options .form-check-label::after, #checkout .delivery-options .custom-control-input:checked ~ .custom-control-label::after, #checkout .delivery-options .form-check-input:checked ~ .form-check-label::after{ content:none!important; background:none!important; box-shadow:none!important; opacity:0!important; } /* Radios — Paiement (custom control) */ #checkout .payment-options .custom-control-label::before{ width:22px!important; height:22px!important; border:3px solid #0f5d75!important; border-radius:50%!important; background:#fff!important; top:.25rem!important; left:-1.75rem!important; box-sizing:border-box!important; } #checkout .payment-options .custom-control-label::after{ width:10px!important; height:10px!important; border-radius:50%!important; background:#0f5d75!important; top:calc(.25rem + 6px)!important; left:calc(-1.75rem + 6px)!important; transform:none!important; opacity:0; } #checkout .payment-options .custom-control-input:checked ~ .custom-control-label::after{ opacity:1!important; } /* Nettoyage des cartes/entêtes par défaut */ #checkout .checkout-step, #checkout .card, #checkout .card-header, #checkout .step-title{ border:0!important; box-shadow:none!important; background:transparent!important; } /* Cadres principaux (colonne gauche : Adresses / Livraison / Paiement) */ #checkout .addresses-step .content, #checkout .delivery-step .content, #checkout .payment-step .content{ border:2px solid #0f5d75!important; border-radius:8px!important; padding:12px!important; box-sizing:border-box!important; overflow:hidden; } /* Lignes Transporteurs */ #checkout .delivery-options .delivery-option{ border:2px solid #0f5d75!important; border-radius:6px!important; padding:12px!important; margin-bottom:12px!important; box-shadow:none!important; background:#fff; } #checkout .delivery-options .delivery-option input[type="radio"]:checked + label{ border-color:#0f5d75!important; background:#f8fdfd!important; } /* Paiement – on supprime le cadre extérieur (wrapper) et on resserre proprement */ #checkout .payment-options.light-box-bg{ border:none!important; box-shadow:none!important; padding:0!important; /* pas de double cadre */ } #checkout .payment-options .payment-line{ border:0!important; padding:0!important; margin:6px 0!important; background:transparent!important; } #checkout .payment-options .payment-line + .payment-line{ margin-top:4px!important; } #checkout .payment-options .custom-radio > label.custom-control-label, #checkout .payment-options .payment-line .custom-control-label{ display:inline-flex!important; align-items:center!important; padding-left:8px!important; } /* Cadres visibles pour chaque option de paiement */ #checkout .payment-options .payment-option{ border:2px solid #0f5d75!important; border-radius:6px!important; padding:12px!important; margin-bottom:12px!important; background:#fff; box-shadow:none!important; } /* Champ "laisser un message" */ #checkout textarea, #checkout .form-control{ border:2px solid #0f5d75!important; border-radius:8px!important; box-shadow:none!important; } /* ========================= RÉCAP COLONNE DROITE ========================= */ .cart-grid-right .cart-summary{ border:2px solid #0f5d75!important; border-radius:8px!important; padding:16px!important; background:#fff!important; overflow:visible!important; } /* enlever les bordures internes du thème */ .cart-grid-right .cart-summary .cart-item, .cart-grid-right .cart-summary .cart-summary-line, .cart-grid-right .cart-summary .cart-summary-subtotals, .cart-grid-right .cart-summary .cart-summary-totals{ border:none!important; box-shadow:none!important; background:transparent!important; } /* séparateurs internes doux */ .cart-grid-right .cart-summary .cart-item + .cart-item, .cart-grid-right .cart-summary .cart-summary-line + .cart-summary-line, .cart-grid-right .cart-summary .cart-summary-subtotals + .cart-summary-totals, .cart-grid-right .cart-summary .cart-item + .cart-summary-line, .cart-grid-right .cart-summary .cart-summary-line + .cart-summary-subtotals{ border-top:1px solid #e6eef0!important; margin-top:10px!important; padding-top:10px!important; } /* champ code promo propre */ .cart-grid-right .cart-summary input[type="text"], .cart-grid-right .cart-summary .form-control{ border:1px solid #cfd9dd!important; border-radius:6px!important; } /* ========================= BLOCS D’ADRESSE VISIBLES ========================= */ #checkout .order-summary-address .light-box-bg{ border:2px solid #0f5d75!important; border-radius:8px!important; box-shadow:0 2px 8px rgba(0,0,0,.1)!important; padding:15px!important; } /* === Étape "Vérifier" — ligne récap du transporteur ===================== */ /* 1) Stopper la casse caractère-par-caractère dans le bloc récap */ #checkout .order-summary-shipping, #checkout .order-summary-shipping *, #order-summary-content .summary-selected-carrier, #order-summary-content .summary-selected-carrier * { word-break: normal !important; overflow-wrap: normal !important; white-space: normal !important; } /* 2) Forcer l’affichage en ligne : logo + nom + délai + prix */ #checkout .summary-selected-carrier .delivery-option, #order-summary-content .summary-selected-carrier .delivery-option { display: flex !important; align-items: center !important; gap: 12px !important; } /* Le conteneur interne du thème (d-flex flex-wrap …) NE DOIT PAS wrap */ #checkout .summary-selected-carrier .delivery-option .d-flex, #order-summary-content .summary-selected-carrier .delivery-option .d-flex { flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; gap: 12px !important; } /* Logo */ #checkout .summary-selected-carrier .carrier-logo, #order-summary-content .summary-selected-carrier .carrier-logo { flex: 0 0 auto !important; } #checkout .summary-selected-carrier .carrier-logo img, #order-summary-content .summary-selected-carrier .carrier-logo img { max-width: 64px; height: auto; } /* Nom/délai : prennent la place centrale */ #checkout .summary-selected-carrier .shipping-name, #checkout .summary-selected-carrier .carrier-name, #order-summary-content .summary-selected-carrier .shipping-name, #order-summary-content .summary-selected-carrier .carrier-name { flex: 1 1 auto !important; min-width: 220px; white-space: normal !important; } /* Prix calé à droite */ #checkout .summary-selected-carrier .price, #order-summary-content .summary-selected-carrier .price { margin-left: auto !important; font-weight: 600; } /* Contours visibles autour des blocs Adresses */ #checkout .order-summary-address .light-box-bg { border: 2px solid #0f5d75 !important; /* couleur du contour */ border-radius: 8px !important; padding: 15px !important; background: #fff !important; box-shadow: 0 2px 6px rgba(0,0,0,0.08); /* petite ombre douce */ } /* Contours visibles autour du bloc Articles de la commande */ #checkout .order-confirmation-table.light-box-bg { border: 2px solid #0f5d75 !important; border-radius: 8px !important; padding: 15px !important; background: #fff !important; box-shadow: 0 2px 6px rgba(0,0,0,0.08); } /* Contour visible autour du bloc Mode de livraison */ #checkout .summary-selected-carrier.light-box-bg { border: 2px solid #0f5d75 !important; border-radius: 8px !important; padding: 15px !important; background: #fff !important; box-shadow: 0 2px 6px rgba(0,0,0,0.08); } /* ===== CGV : case à cocher bien visible ===== */ #checkout .custom-checkbox .custom-control-label::before { width: 22px !important; height: 22px !important; border: 2px solid #0f5d75 !important; /* contour */ border-radius: 4px !important; background: #fff !important; top: .1rem !important; /* ajuste verticalement */ left: -1.6rem !important; /* position par défaut Bootstrap */ box-shadow: none !important; } #checkout .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background: #0f5d75 !important; /* fond quand coché */ border-color: #0f5d75 !important; } /* coche blanche lisible */ #checkout .custom-checkbox .custom-control-label::after { width: 22px !important; height: 22px !important; top: .1rem !important; left: -1.6rem !important; transform: none !important; /* annule l’anim Bootstrap */ background-image: none !important; /* on remplace l’icône par défaut */ content: "" !important; } #checkout .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { content: "✔" !important; color: #fff !important; font-size: 16px !important; line-height: 22px !important; text-align: center !important; } /* Décaler le texte des CGV à droite */ #checkout .custom-checkbox .custom-control-label { padding-left: 6px !important; /* espace entre la case et le texte */ } /* Tableau fiche technique */ .product-tech-table { width: 100%; border-collapse: collapse; margin: 15px 0; font-size: 14px; } .product-tech-table td { border: 1px solid #e0e0e0; padding: 10px 12px; vertical-align: middle; } .product-tech-table td:first-child { font-weight: 600; background-color: #f9f9f9; /* couleur légère pour différencier */ width: 30%; } .product-tech-table tr:nth-child(even) td { background-color: #fafafa; /* alternance discrète */ } .product-tech-table tr:hover td { background-color: #f1f7f7; /* effet hover doux */ } /* Barre du menu - version normale + sticky + variantes thème */ #header .cbp-hrmenu, .header .cbp-hrmenu, .header-sticky .cbp-hrmenu, .sticky-header .cbp-hrmenu { background:#0f5d75 !important; } /* Liens du menu (texte blanc) + hover lisible */ #header .cbp-hrmenu > ul > li > a { color:#fff !important; } #header .cbp-hrmenu > ul > li > a:hover { color:#dbe9ff !important; } /* Supprimer la ligne du sous-menu */ #header .cbp-hrmenu .cbp-hrsub { border-top: none !important; } .product-thumbnail img { width: 100%; height: 300px; /* ajuste selon ton design */ object-fit: contain; /* garde l’image entière sans déformation */ background: #fff; /* optionnel : ajoute un fond propre */ } /* Carré homogène + zoom auto */ .block.new-products .product-miniature .product-thumbnail, #new-products .product-miniature .product-thumbnail { width: 100%; aspect-ratio: 1 / 1; background:#fff; overflow:hidden; } .block.new-products .product-miniature .product-thumbnail img, #new-products .product-miniature .product-thumbnail img { width:100%; height:100%; object-fit: cover; } /* === Page produit FULL-WIDTH (fluid) + gouttières ============ */ @media (min-width: 1200px){ /* Déverrouille TOUS les containers de la page produit */ body#product #wrapper > .container, body#product .page-header .container, body#product .breadcrumb, body#product .breadcrumb .container, body#product .page-content > .container, body#product .container, body#product .container-lg, body#product .container-xl, body#product .container-xxl { max-width: none !important; width: 100% !important; margin: 0 auto !important; padding-left: 24px; padding-right: 24px; } /* Largeur de lecture (facultatif, pour éviter des lignes trop longues) */ body#product .rte, body#product .product-description, body#product #description, body#product .product-short-description, body#product .product-features, body#product .tab-content .rte { max-width: 1260px; width: auto; margin-left: 0; /* collé à gauche de la colonne */ margin-right: auto; } } /* la zone image devient le parent positionné */ .product-miniature .thumbnail-inner { position: relative !important; } /* 1) Le parent de l’image doit être positionné */ .product-miniature .thumbnail-container { position: relative !important; } /* 2) On ancre le bloc d’icônes au bas de la vignette, centré */ .product-miniature .button-container { position: absolute !important; left: 50% !important; bottom: 10px !important; /* ajuste: 0–20px selon l’espace voulu */ transform: translateX(-50%) !important; display: flex !important; gap: 6px; justify-content: center !important; z-index: 5; /* on neutralise les styles du thème qui le recentrent au milieu */ top: auto !important; right: auto !important; height: auto !important; align-items: center !important; } .subcategories .subcategory-image{width:80px;height:120px;margin:0 auto 10px;} .subcategories .subcategory-image img{width:100%!important;height:100%!important;object-fit:contain;display:block;} /* Catégorie : habillage du bloc description */ body#category .category-description, body#category .block-category .category-description { background: linear-gradient(180deg, #f6fbfc 0%, #ffffff 100%); border: 1px solid #dceff1; border-radius: 14px; padding: 14px 18px; max-width: 1100px; /* évite les lignes trop longues */ margin: 6px auto 18px; line-height: 1.75; font-size: 15.5px; color: #0f2f35; } /* Titre fort dans le texte */ body#category .category-description strong { color: #0f5d75; } /* Liste propre, puces alignées */ body#category .category-description ul { margin: 10px 0 0 18px; padding: 0; list-style: disc; } body#category .category-description li { margin: 6px 0; } /* Petite barre de marque à gauche (optionnel) */ body#category .category-description { box-shadow: 0 8px 20px rgba(15,93,117,0.06); position: relative; } body#category .category-description::before { content: ""; position: absolute; left: -1px; top: -1px; bottom: -1px; width: 4px; border-radius: 14px 0 0 14px; background: linear-gradient(180deg,#0f5d75, #00cccc); } /* Carte sous-catégories : mêmes dimensions + centrage parfait */ .subcategories .subcategory { text-align: center; display: flex; flex-direction: column; align-items: center; } .subcategories .subcategory-image{ width: 160px; /* ajustez si besoin */ height: 160px; /* même hauteur pour toutes */ margin: 0 auto 8px; display: flex; align-items: center; /* centre vertical */ justify-content: center; /* centre horizontal */ } .subcategories .subcategory-image img{ max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; /* gère les ratios différents */ display: block; } /* Titre : hauteur minimale identique, pour caler la ligne */ .subcategories .subcategory-name{ display: block; min-height: 22px; /* même ligne de base sous chaque icône */ line-height: 22px; margin-top: 4px; } /* ============================== 1. Bouton "Ajouter au panier" ============================== */ button.add-to-cart, button.btn-secondary.add-to-cart { background-color: #0f5d75; /* bleu foncé KingVape */ border-color: #0f5d75; color: #fff; font-weight: 600; text-transform: uppercase; transition: 0.3s ease-in-out; border-radius: 8px; padding: 12px 18px; width: 100%; } button.add-to-cart:hover, button.btn-secondary.add-to-cart:hover { background-color: #000000; /* noir au survol (contraste) */ border-color: #000000; color: #fff; } /* ============================== 2. Bloc reassurance ============================== */ .blockreassurance_product { border: 2px solid #155263; border-radius: 8px; padding: 15px; background: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } /* ============================== 3. Bloc image produit ============================== */ .images-container { border: 2px solid #155263; border-radius: 8px; padding: 10px; background: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } /* ============================== 4. Hover liens ============================== */ a:hover { color: #00cccc; } /* ============================== 5. Logo manufacturer ============================== */ .product-manufacturer img { border: 1px solid #dcdcdc; border-radius: 6px; padding: 4px; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.05); } /* ============================== 6. Bloc variation (select) ============================== */ .product-variants select.custom-select { border-radius: 8px; border: 2px solid #0f5d75; padding: 8px 12px; background: #fff; color: #0f5d75; font-weight: 500; transition: all 0.3s ease-in-out; } .product-variants select.custom-select:focus { outline: none; border-color: #0f5d75; box-shadow: 0 0 6px rgba(0,204,204,0.4); } /* ============================== 7. Bloc quantité ============================== */ .product-quantity .qty { border-radius: 8px; border: 2px solid #0f5d75; background: #fff; overflow: hidden; display: flex; align-items: center; } .product-quantity input { border: none; text-align: center; font-weight: 600; color: #0f5d75; width: 60px; } .product-quantity .input-group-btn button { border: none; background: #0f5d75; color: #fff; padding: 6px 12px; transition: 0.3s; } .product-quantity .input-group-btn button:hover { background: #00cccc; /* turquoise au hover */ }