/* ============================================================================ kw-produit.css — commande d'un produit : choix du domaine puis configuration (lot PRODUIT, 13/10/2026). Chargée par configureproductdomain.tpl et configureproduct.tpl, après leur feuille en ligne, sauf avec ?kwds=0. PORTÉE : #order-standard_cart.kw-proddom (choix du domaine, gabarit configureproductdomain.tpl) et #order-standard_cart.kw-prod (configuration, configureproduct.tpl). Mêmes jetons et même charte que le panier et le paiement : un seul bouton orange par page, bleu pour ce qui est choisi, ni ombre, ni dégradé, ni vert d'habillage. Aucun champ n'est ajouté, retiré ni renommé : habillage seulement. ============================================================================ */ #order-standard_cart.kw-proddom, #order-standard_cart.kw-prod { --fond: #f6f7fb; --surface: #ffffff; --surface-2: #eef1f7; --encre: #0f1733; --texte: #2a3350; --gris: #5b6480; --filet: #e3e7f0; --filet-fort: #cdd3e1; --bleu: #3651a5; --bleu-doux: #eaeefa; --orange: #ed9322; --orange-fonce: #c2730f; --sur-orange: #0f1733; --erreur: #b3261e; --titre: "Archivo", "Archivo repli", Arial, sans-serif; --corps: "Instrument Sans", "Instrument repli", "Segoe UI", system-ui, sans-serif; --r1: 8px; --r2: 14px; font-family: var(--corps) !important; color: var(--texte); } .dark-mode #order-standard_cart.kw-proddom, .dark-mode #order-standard_cart.kw-prod { --fond: #0b1020; --surface: #121a30; --surface-2: #18213b; --encre: #f1f3f9; --texte: #d2d8e8; --gris: #9aa4bf; --filet: #232c48; --filet-fort: #33405f; --bleu: #93a8ee; --bleu-doux: #1b2547; --orange: #f5a63a; --orange-fonce: #f7bc66; --sur-orange: #0f1733; --erreur: #ff9b8f; } #order-standard_cart.kw-proddom .cart-sidebar, #order-standard_cart.kw-proddom .sidebar-collapsed, #order-standard_cart.kw-prod .cart-sidebar, #order-standard_cart.kw-prod .sidebar-collapsed { display: none !important; } #order-standard_cart.kw-proddom .kh-step-bar, #order-standard_cart.kw-prod .kh-step-bar { display: none; } /* remplacé par l'indicateur d'étapes commun */ /* ── 4.1 Choix du domaine ── */ #order-standard_cart.kw-proddom .cart-body { max-width: 852px !important; padding: 8px 16px 24px !important; } #order-standard_cart.kw-proddom .header-lined { margin: 4px 0 8px; text-align: start; } #order-standard_cart.kw-proddom .header-lined h1 { margin: 0; font: 800 clamp(24px, 3.4vw, 32px)/1.15 var(--titre) !important; letter-spacing: -.01em; color: var(--encre) !important; text-align: start; } #order-standard_cart.kw-proddom .kh-page-subtitle { max-width: none; margin: 0 0 20px; font: 400 16px/1.5 var(--corps); color: var(--gris); text-align: start; } #order-standard_cart.kw-proddom .domain-selection-options { gap: 12px; } #order-standard_cart.kw-proddom .domain-selection-options .option { background: var(--surface) !important; border: 1px solid var(--filet-fort) !important; border-radius: var(--r2) !important; box-shadow: none !important; transform: none !important; } #order-standard_cart.kw-proddom .domain-selection-options .option:hover { border-color: var(--bleu) !important; } /* L'option choisie : filet et fond bleus (ce qui est choisi), plus d'orange */ #order-standard_cart.kw-proddom .domain-selection-options .option:has(input[type=radio]:checked), #order-standard_cart.kw-proddom .domain-selection-options .option:has(.iradio_square-blue.checked) { border-color: var(--bleu) !important; box-shadow: inset 0 0 0 1px var(--bleu) !important; background: var(--surface) !important; } #order-standard_cart.kw-proddom .domain-selection-options .option label { padding: 18px 56px 18px 22px; font: 600 16.5px/1.35 var(--corps) !important; color: var(--encre) !important; background: none !important; } [dir="rtl"] #order-standard_cart.kw-proddom .domain-selection-options .option label { padding: 18px 22px 18px 56px; } #order-standard_cart.kw-proddom .domain-selection-options .option label::before { display: none !important; } /* pastille orange à icône */ #order-standard_cart.kw-proddom .domain-selection-options .option label::after { border-color: var(--filet-fort) !important; background: var(--surface) !important; box-shadow: none !important; } #order-standard_cart.kw-proddom .domain-selection-options .option:has(input[type=radio]:checked) label::after, #order-standard_cart.kw-proddom .domain-selection-options .option:has(.iradio_square-blue.checked) label::after { border-color: var(--bleu) !important; background: radial-gradient(circle, var(--bleu) 0 42%, var(--surface) 46%) !important; } #order-standard_cart.kw-proddom .domain-input-group { padding: 0 22px 20px !important; background: none !important; border-top: 0 !important; } #order-standard_cart.kw-proddom .domain-input-group > .row { gap: 10px; } #order-standard_cart.kw-proddom .domains-row { height: 48px; background: var(--surface) !important; border: 1px solid var(--filet-fort) !important; border-radius: var(--r1) !important; box-shadow: none !important; overflow: hidden; } #order-standard_cart.kw-proddom .domains-row:focus-within { border-color: var(--bleu) !important; outline: 3px solid color-mix(in srgb, var(--bleu) 22%, transparent); } #order-standard_cart.kw-proddom .domain-input-group .input-group-addon, #order-standard_cart.kw-proddom .domain-input-group .input-group-text { background: var(--surface-2) !important; border: 0 !important; border-radius: 0 !important; font: 500 15px var(--corps) !important; color: var(--gris) !important; } #order-standard_cart.kw-proddom .domain-input-group input.form-control, #order-standard_cart.kw-proddom .domain-input-group select.form-control { height: 46px !important; background: var(--surface) !important; border: 0 !important; box-shadow: none !important; font: 500 16px/1.2 var(--corps) !important; color: var(--encre) !important; } #order-standard_cart.kw-proddom .domain-input-group select.form-control { border-inline-start: 1px solid var(--filet) !important; font-weight: 600 !important; } #order-standard_cart.kw-proddom .domain-input-group .btn-primary { height: 48px; padding: 0 22px; background: var(--surface) !important; background-image: none !important; border: 1px solid var(--filet-fort) !important; border-radius: var(--r1) !important; box-shadow: none !important; font: 600 15.5px var(--corps) !important; color: var(--encre) !important; transform: none !important; } #order-standard_cart.kw-proddom .domain-input-group .btn-primary:hover { border-color: var(--bleu) !important; color: var(--bleu) !important; } #order-standard_cart.kw-proddom #btnDomainContinue, #order-standard_cart.kw-prod #btnCompleteProductConfig { min-height: 52px; padding: 0 30px; background: var(--orange) !important; background-image: none !important; border: 0 !important; border-radius: var(--r1) !important; box-shadow: none !important; font: 700 16.5px var(--corps) !important; letter-spacing: 0; text-transform: none !important; color: var(--sur-orange) !important; transform: none !important; } #order-standard_cart.kw-proddom #btnDomainContinue:hover, #order-standard_cart.kw-prod #btnCompleteProductConfig:hover { background: var(--orange-fonce) !important; } #order-standard_cart.kw-proddom #btnDomainContinue *, #order-standard_cart.kw-prod #btnCompleteProductConfig * { color: var(--sur-orange) !important; } #order-standard_cart.kw-proddom #btnDomainContinue[disabled] { opacity: .45; } #order-standard_cart.kw-proddom #frmProductDomainSelections > .text-center { margin-top: 20px; text-align: end !important; } #order-standard_cart.kw-proddom .domain-checker-result-headline { font: 600 17px/1.4 var(--corps) !important; } #order-standard_cart.kw-proddom .suggested-domains { border: 1px solid var(--filet) !important; border-radius: var(--r2) !important; box-shadow: none !important; background: var(--surface) !important; } #order-standard_cart.kw-proddom .suggested-domains .card-header { background: none !important; font: 700 16px var(--corps) !important; color: var(--encre) !important; } #order-standard_cart.kw-proddom .spotlight-tld { border: 1px solid var(--filet) !important; border-radius: var(--r1) !important; box-shadow: none !important; transform: none !important; background: var(--surface) !important; } #order-standard_cart.kw-proddom .btn-add-to-cart, #order-standard_cart.kw-proddom .spotlight-tld button { background: var(--surface) !important; background-image: none !important; border: 1px solid var(--filet-fort) !important; border-radius: var(--r1) !important; box-shadow: none !important; font: 600 14px var(--corps) !important; color: var(--encre) !important; } @media (max-width: 600px) { #order-standard_cart.kw-proddom .domain-selection-options .option label { padding: 16px 50px 16px 16px; font-size: 16px !important; } #order-standard_cart.kw-proddom .domain-input-group { padding: 0 16px 16px !important; } #order-standard_cart.kw-proddom .domain-input-group > .row { flex-direction: column; } #order-standard_cart.kw-proddom .domain-input-group .btn-primary, #order-standard_cart.kw-proddom #btnDomainContinue { width: 100%; } } /* ── 4.2 Configuration du produit ── */ #order-standard_cart.kw-prod > .row { margin: 0; } #order-standard_cart.kw-prod .cart-body { width: 100% !important; max-width: none !important; float: none !important; padding: 8px 0 24px !important; } #order-standard_cart.kw-prod #frmConfigureProduct > .row { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 24px; align-items: start; margin: 0; } #order-standard_cart.kw-prod .secondary-cart-body, #order-standard_cart.kw-prod .secondary-cart-sidebar { float: none !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; } #order-standard_cart.kw-prod .secondary-cart-sidebar { position: sticky; top: 96px; } /* Trois blocs en cartes plates : le produit, la durée, les options */ #order-standard_cart.kw-prod .product-info, #order-standard_cart.kw-prod .field-container, #order-standard_cart.kw-prod .kw-bloc-options { margin: 0 0 16px !important; padding: 20px 24px 22px !important; background: var(--surface) !important; border: 1px solid var(--filet) !important; border-radius: var(--r2) !important; box-shadow: none !important; } #order-standard_cart.kw-prod .product-info .product-title, #order-standard_cart.kw-prod .field-container label.product-title, #order-standard_cart.kw-prod .sub-heading span { position: relative; display: block; margin: 0 0 10px; padding: 0 0 0 14px !important; background: none !important; font: 700 18px/1.3 var(--corps) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--encre) !important; border: 0 !important; border-radius: 0 !important; text-align: start !important; } #order-standard_cart.kw-prod .product-info .product-title::before, #order-standard_cart.kw-prod .field-container label.product-title::before, #order-standard_cart.kw-prod .sub-heading span::before { content: ""; position: absolute; inset-inline-start: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 2px; background: var(--orange); } [dir="rtl"] #order-standard_cart.kw-prod .product-info .product-title, [dir="rtl"] #order-standard_cart.kw-prod .field-container label.product-title, [dir="rtl"] #order-standard_cart.kw-prod .sub-heading span { padding: 0 14px 0 0 !important; } #order-standard_cart.kw-prod .product-info .product-title { font-size: 22px !important; } #order-standard_cart.kw-prod .sub-heading { height: auto; margin: 0; border: 0 !important; text-align: start; } #order-standard_cart.kw-prod .sub-heading::before, #order-standard_cart.kw-prod .sub-heading::after { display: none !important; } #order-standard_cart.kw-prod .kw-product-intro { margin: 0 0 14px; padding: 0; border: 0; font: 400 15.5px/1.55 var(--corps) !important; font-style: normal !important; color: var(--gris) !important; } #order-standard_cart.kw-prod .kw-features-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 24px; margin: 0; padding: 14px 0 0; border-top: 1px solid var(--filet); list-style: none; } #order-standard_cart.kw-prod .kw-features-grid li { display: flex; align-items: baseline; gap: 10px; padding: 0; border: 0; font: 500 15px/1.45 var(--corps); color: var(--texte); } #order-standard_cart.kw-prod .kw-features-grid li strong { font-weight: inherit; color: inherit; } /* le gras coupait les mots (« 1 domaine h|ébergé ») */ #order-standard_cart.kw-prod .kw-features-grid li i { flex: none; width: 16px; font-size: 13px; text-align: center; color: var(--bleu) !important; } /* Durée : la carte choisie est en bleu ; plus de pastille verte « Économisez » */ #order-standard_cart.kw-prod .kw-billing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin: 6px 0 0; } #order-standard_cart.kw-prod .kw-billing-card { padding: 16px 14px !important; background: var(--surface) !important; border: 1px solid var(--filet-fort) !important; border-radius: var(--r1) !important; box-shadow: none !important; transform: none !important; text-align: start; cursor: pointer; } #order-standard_cart.kw-prod .kw-billing-card:hover { border-color: var(--bleu) !important; } #order-standard_cart.kw-prod .kw-billing-card.selected { border-color: var(--bleu) !important; box-shadow: inset 0 0 0 1px var(--bleu) !important; background: var(--bleu-doux) !important; } #order-standard_cart.kw-prod .kw-billing-card::before, #order-standard_cart.kw-prod .kw-billing-card::after, #order-standard_cart.kw-prod .kw-billing-card .bw-save { display: none !important; } #order-standard_cart.kw-prod .kw-billing-card .bw-cycle { margin: 0 0 6px; font: 600 14.5px/1.3 var(--corps) !important; color: var(--gris) !important; } #order-standard_cart.kw-prod .kw-billing-card.selected .bw-cycle { color: var(--bleu) !important; } #order-standard_cart.kw-prod .kw-billing-card .bw-price strong { display: block; font: 700 19px/1.2 var(--titre) !important; color: var(--encre) !important; white-space: nowrap; } #order-standard_cart.kw-prod .kw-billing-card .bw-period { display: none; } #order-standard_cart.kw-prod .kw-billing-card .bw-billing-note { display: block; margin-top: 4px; font: 400 13px/1.4 var(--corps) !important; font-style: normal !important; color: var(--gris) !important; } /* Options configurables */ #order-standard_cart.kw-prod .product-configurable-options .row { margin: 0; } #order-standard_cart.kw-prod .product-configurable-options [class*="col-"] { padding: 0; flex: 0 0 100%; max-width: 100%; } #order-standard_cart.kw-prod .product-configurable-options .form-group { margin: 0 0 12px; } #order-standard_cart.kw-prod .product-configurable-options .form-group > label:first-child { display: block; margin: 0 0 6px; font: 600 14px/1.3 var(--corps) !important; letter-spacing: 0; text-transform: none !important; color: var(--encre) !important; } #order-standard_cart.kw-prod .product-configurable-options .form-group > label:not(:first-child) { display: flex; align-items: center; gap: 10px; margin: 0; padding: 12px 14px; background: var(--surface) !important; border: 1px solid var(--filet-fort) !important; border-radius: var(--r1) !important; box-shadow: none !important; font: 500 15.5px/1.4 var(--corps) !important; color: var(--encre) !important; cursor: pointer; } #order-standard_cart.kw-prod .product-configurable-options .form-group > label:has(.checked), #order-standard_cart.kw-prod .product-configurable-options .form-group > label:has(input:checked) { border-color: var(--bleu) !important; box-shadow: inset 0 0 0 1px var(--bleu) !important; background: var(--bleu-doux) !important; } #order-standard_cart.kw-prod .product-configurable-options select.form-control, #order-standard_cart.kw-prod .product-configurable-options input.form-control { height: 48px; border: 1px solid var(--filet-fort) !important; border-radius: var(--r1) !important; box-shadow: none !important; background-color: var(--surface) !important; font: 500 16px var(--corps) !important; color: var(--encre) !important; } #order-standard_cart.kw-prod .alert-warning.info-text-sm { margin: 0; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font: 400 14.5px/1.5 var(--corps) !important; color: var(--gris) !important; text-align: start !important; } #order-standard_cart.kw-prod .alert-warning.info-text-sm i { display: none; } #order-standard_cart.kw-prod .alert-warning.info-text-sm a { color: var(--bleu) !important; font-weight: 600; text-decoration: underline; } /* Résumé : la même carte que sur le panier et le paiement */ #order-standard_cart.kw-prod .order-summary { margin: 0 0 14px !important; padding: 0 !important; background: var(--surface) !important; border: 1px solid var(--filet) !important; border-radius: var(--r2) !important; box-shadow: none !important; overflow: hidden; } #order-standard_cart.kw-prod #orderSummary .order-summary h2 { position: relative; border-radius: 0 !important; letter-spacing: 0 !important; text-transform: none !important; margin: 20px 22px 0 !important; padding: 0 0 0 14px !important; background: none !important; border: 0 !important; font: 700 18px/1.3 var(--corps) !important; text-align: start !important; color: var(--encre) !important; } [dir="rtl"] #order-standard_cart.kw-prod #orderSummary .order-summary h2 { padding: 0 14px 0 0 !important; } #order-standard_cart.kw-prod .order-summary h2::before { content: ""; position: absolute; inset-inline-start: 0; top: 3px; bottom: 3px; width: 4px; border-radius: 2px; background: var(--bleu); } #order-standard_cart.kw-prod .summary-container { margin: 0 !important; padding: 14px 22px 20px !important; background: none !important; border: 0 !important; min-height: 0 !important; font: 400 15px/1.5 var(--corps) !important; color: var(--texte) !important; } #order-standard_cart.kw-prod .summary-container .product-name { display: block; font: 700 16.5px/1.35 var(--corps) !important; color: var(--encre) !important; } #order-standard_cart.kw-prod .summary-container .product-group { display: block; margin-bottom: 10px; font: 400 14px var(--corps) !important; font-style: normal !important; color: var(--gris) !important; } #order-standard_cart.kw-prod .summary-container .clearfix { display: flex; justify-content: space-between; gap: 12px; padding: 3px 0; color: var(--gris); } #order-standard_cart.kw-prod .summary-container .clearfix::after { display: none; } #order-standard_cart.kw-prod .summary-container .clearfix span { float: none !important; } #order-standard_cart.kw-prod .summary-container .summary-totals { margin: 10px 0 0 !important; padding: 10px 0 0 !important; border-top: 1px solid var(--filet) !important; border-bottom: 0 !important; } #order-standard_cart.kw-prod .summary-container .total-due-today { margin: 14px 0 0 !important; padding: 16px !important; background: var(--bleu-doux) !important; border: 0 !important; border-radius: var(--r1) !important; text-align: center !important; } #order-standard_cart.kw-prod #producttotal .total-due-today .amt { display: block; float: none !important; width: 100%; text-align: center !important; font: 800 30px/1.1 var(--titre) !important; color: var(--bleu) !important; } #order-standard_cart.kw-prod .summary-container .total-due-today span:not(.amt) { display: block; float: none !important; width: 100%; text-align: center !important; margin-top: 4px; font: 400 13.5px var(--corps) !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--gris) !important; } #order-standard_cart.kw-prod #orderSummary > .text-center { margin: 0; } #order-standard_cart.kw-prod #btnCompleteProductConfig { width: 100%; } #order-standard_cart.kw-prod #btnCompleteProductConfig i { font-size: 14px; } @media (max-width: 991px) { #order-standard_cart.kw-prod #frmConfigureProduct > .row { grid-template-columns: minmax(0, 1fr); gap: 0; } #order-standard_cart.kw-prod .secondary-cart-sidebar { position: static; } } @media (max-width: 600px) { #order-standard_cart.kw-prod .product-info, #order-standard_cart.kw-prod .field-container, #order-standard_cart.kw-prod .kw-bloc-options { padding: 18px 16px !important; } #order-standard_cart.kw-prod .kw-features-grid { grid-template-columns: minmax(0, 1fr); } #order-standard_cart.kw-prod .kw-billing-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #order-standard_cart.kw-prod .order-summary h2 { margin: 18px 16px 0 !important; } #order-standard_cart.kw-prod .summary-container { padding: 12px 16px 16px !important; } #order-standard_cart.kw-proddom .kw-flow-list, #order-standard_cart.kw-prod .kw-flow-list { justify-content: space-between; overflow-x: visible; padding-bottom: 0; } #order-standard_cart.kw-proddom .kw-flow-step:not(.is-active) .kw-flow-label, #order-standard_cart.kw-prod .kw-flow-step:not(.is-active) .kw-flow-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } #order-standard_cart.kw-proddom .kw-flow-sep, #order-standard_cart.kw-prod .kw-flow-sep { min-width: 10px; } } /* ── 4.3 Compléments ── */ #order-standard_cart.kw-prod .alert-warning.info-text-sm { margin: 0 0 16px !important; } /* Services complémentaires proposés avec le produit */ #order-standard_cart.kw-prod #productAddonsContainer { margin: 0 0 16px; padding: 20px 24px 22px; background: var(--surface); border: 1px solid var(--filet); border-radius: var(--r2); } #order-standard_cart.kw-prod .panel-addon { background: var(--surface) !important; border: 1px solid var(--filet-fort) !important; border-radius: var(--r1) !important; box-shadow: none !important; font: 400 14.5px/1.5 var(--corps); color: var(--texte); overflow: hidden; } #order-standard_cart.kw-prod .panel-addon label { font: 600 15.5px/1.4 var(--corps); color: var(--encre); } #order-standard_cart.kw-prod .panel-addon.panel-addon-selected { border-color: var(--bleu) !important; box-shadow: inset 0 0 0 1px var(--bleu) !important; background: var(--bleu-doux) !important; } #order-standard_cart.kw-prod .panel-addon .panel-price { background: none !important; font: 700 15px var(--corps); color: var(--encre); } #order-standard_cart.kw-prod .panel-addon .panel-add { background: var(--surface-2) !important; font: 600 14px var(--corps); color: var(--encre) !important; } #order-standard_cart.kw-prod .panel-addon.panel-addon-selected .panel-add { background: var(--bleu) !important; color: #fff !important; } @media (max-width: 600px) { #order-standard_cart.kw-prod #productAddonsContainer { padding: 18px 16px; } } /* En arabe, un prix se lit de gauche à droite : sans cela, « 28 179 F CFA » s'affichait « F CFA 179 28 ». */ [dir="rtl"] #order-standard_cart.kw-prod .bw-price strong, [dir="rtl"] #order-standard_cart.kw-prod .summary-container .float-right, [dir="rtl"] #order-standard_cart.kw-prod .summary-container .pull-right, [dir="rtl"] #order-standard_cart.kw-prod .total-due-today .amt, [dir="rtl"] #order-standard_cart.kw-prod .panel-price, [dir="rtl"] #order-standard_cart.kw-proddom .domain-price .price, [dir="rtl"] #order-standard_cart.kw-proddom .domain-suggestion .price { direction: ltr; unicode-bidi: isolate; } [dir="rtl"] #order-standard_cart.kw-prod .bw-price strong { text-align: right; } #order-standard_cart.kw-proddom #btnDomainContinue, #order-standard_cart.kw-prod #btnCompleteProductConfig { display: inline-flex; align-items: center; justify-content: center; gap: 8px; } #order-standard_cart.kw-proddom #btnDomainContinue.w-hidden { display: none; } [dir="rtl"] #order-standard_cart.kw-proddom #btnDomainContinue i, [dir="rtl"] #order-standard_cart.kw-prod #btnCompleteProductConfig i { transform: scaleX(-1); } /* ── 4.4 Résultat de la vérification du domaine (enregistrer, transférer, domaine existant) ── Un seul bloc, plat, aligné comme le reste de la page. La couleur ne sert qu'au statut : vert = possible, rouge = impossible. */ #order-standard_cart.kw-proddom { --ok: #17713f; --ok-doux: #e9f6ee; --erreur-doux: #fdecea; } .dark-mode #order-standard_cart.kw-proddom { --ok: #7ad3a3; --ok-doux: #10301f; --erreur-doux: #3a1512; } #order-standard_cart.kw-proddom #DomainSearchResults { margin-top: 16px !important; } #order-standard_cart.kw-proddom #primaryLookupSearching { margin: 0; padding: 16px 22px !important; background: var(--surface); border: 1px solid var(--filet); border-radius: var(--r2); font: 500 15.5px var(--corps) !important; color: var(--gris) !important; text-align: start !important; } #order-standard_cart.kw-proddom #primaryLookupResult { margin: 0; padding: 18px 22px 20px; background: var(--surface) !important; border: 1px solid var(--filet); border-radius: var(--r2); text-align: start !important; } #order-standard_cart.kw-proddom #primaryLookupResult .headline { margin: 0 0 6px !important; padding: 0 !important; background: none !important; border: 0 !important; font: 700 18px/1.35 var(--corps) !important; text-align: start !important; } #order-standard_cart.kw-proddom #primaryLookupResult .headline:empty { display: none; } #order-standard_cart.kw-proddom #primaryLookupResult .domain-checker-available { color: var(--ok) !important; } #order-standard_cart.kw-proddom #primaryLookupResult .domain-checker-unavailable { color: var(--erreur) !important; } #order-standard_cart.kw-proddom #primaryLookupResult .domain-checker-available strong, #order-standard_cart.kw-proddom #primaryLookupResult .domain-checker-unavailable strong { color: var(--encre); overflow-wrap: anywhere; } #order-standard_cart.kw-proddom .transfer-eligible, #order-standard_cart.kw-proddom .transfer-not-eligible, #order-standard_cart.kw-proddom .domain-invalid { margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; border-radius: 0 !important; text-align: start !important; } #order-standard_cart.kw-proddom .transfer-eligible p:not(.headline), #order-standard_cart.kw-proddom .transfer-not-eligible p:not(.headline), #order-standard_cart.kw-proddom .domain-invalid p:not(.headline) { margin: 0 0 4px; font: 400 15px/1.5 var(--corps) !important; color: var(--texte) !important; text-align: start !important; } #order-standard_cart.kw-proddom #primaryLookupResult .domain-price { margin: 12px 0 0; padding: 12px 0 0 !important; border-top: 1px solid var(--filet); font: 400 15px/1.5 var(--corps) !important; color: var(--gris) !important; text-align: start !important; } #order-standard_cart.kw-proddom #primaryLookupResult .domain-price .price { font: 700 19px/1.3 var(--titre) !important; color: var(--encre) !important; white-space: nowrap; } #order-standard_cart.kw-proddom #primaryLookupResult .domain-contact-support { display: inline-block; margin: 0 0 6px; background: var(--surface) !important; border: 1px solid var(--filet-fort) !important; border-radius: var(--r1) !important; font: 600 15px var(--corps) !important; color: var(--encre) !important; } #order-standard_cart.kw-proddom #kwOwnDomainHelp { text-align: start !important; } /* Autres extensions proposées */ #order-standard_cart.kw-proddom .spotlight-tlds { display: block !important; width: 100% !important; margin: 12px 0 0 !important; padding: 0 !important; overflow: visible !important; background: none !important; border: 0 !important; } #order-standard_cart.kw-proddom .spotlight-tlds-container { display: grid !important; width: 100% !important; max-width: none !important; margin: 0 !important; grid-template-columns: repeat(auto-fit, minmax(124px, 1fr)); gap: 10px; } #order-standard_cart.kw-proddom .spotlight-tld-container { float: none !important; width: auto !important; max-width: none !important; padding: 0 !important; } #order-standard_cart.kw-proddom .spotlight-tld { display: flex; flex-direction: column; align-items: stretch; gap: 6px; height: 100%; min-height: 0 !important; min-width: 0 !important; margin: 0 !important; padding: 12px !important; overflow: visible !important; font: 700 16px/1.3 var(--corps) !important; color: var(--encre) !important; text-align: center; } #order-standard_cart.kw-proddom .spotlight-tld .domain-lookup-result { display: flex; flex-direction: column; gap: 6px; margin-top: auto; } #order-standard_cart.kw-proddom .spotlight-tld .price { margin: 0 !important; font: 500 13.5px var(--corps) !important; color: var(--gris) !important; } #order-standard_cart.kw-proddom .spotlight-tld button { width: 100%; height: auto !important; min-height: 36px; padding: 6px 8px !important; white-space: normal !important; line-height: 1.25 !important; overflow: visible !important; } #order-standard_cart.kw-proddom .spotlight-tld button.unavailable { border-style: dashed !important; background: none !important; font-weight: 500 !important; color: var(--gris) !important; opacity: 1 !important; } #order-standard_cart.kw-proddom .suggested-domains { margin-top: 12px !important; overflow: hidden; } #order-standard_cart.kw-proddom .suggested-domains .card-header, #order-standard_cart.kw-proddom .suggested-domains .panel-heading { padding: 16px 22px 8px !important; border: 0 !important; letter-spacing: 0 !important; text-transform: none !important; } #order-standard_cart.kw-proddom .domain-suggestion { padding: 12px 22px !important; background: none !important; border: 0 !important; border-top: 1px solid var(--filet) !important; font: 500 15.5px var(--corps) !important; } #order-standard_cart.kw-proddom .domain-suggestion .domain { font-weight: 600 !important; color: var(--encre) !important; overflow-wrap: anywhere; } #order-standard_cart.kw-proddom .domain-suggestion .extension { font-weight: 700 !important; color: var(--bleu) !important; } #order-standard_cart.kw-proddom .domain-suggestion .price { font: 700 15.5px var(--corps) !important; color: var(--encre) !important; white-space: nowrap; } #order-standard_cart.kw-proddom .suggested-domains + p, #order-standard_cart.kw-proddom #DomainSearchResults .domain-lookup-suggestions-warning, #order-standard_cart.kw-proddom #DomainSearchResults > p { font: 400 13.5px/1.5 var(--corps) !important; color: var(--gris) !important; text-align: start !important; } @media (max-width: 600px) { #order-standard_cart.kw-proddom #primaryLookupResult, #order-standard_cart.kw-proddom #primaryLookupSearching { padding: 16px !important; } #order-standard_cart.kw-proddom .spotlight-tlds-container { grid-template-columns: repeat(2, minmax(0, 1fr)); } #order-standard_cart.kw-proddom .domain-suggestion { padding: 12px 16px !important; flex-wrap: wrap; gap: 8px; } #order-standard_cart.kw-proddom .suggested-domains .card-header, #order-standard_cart.kw-proddom .suggested-domains .panel-heading { padding: 14px 16px 8px !important; } } /* ── 4.5 Lot DOMETAPE (16/10/2026) : ce que l'étape « 1 Domaine » montrait mal ── Les extensions proposées tournaient sans fin en « Transférer » et « Mon domaine existant » : la règle « display: block !important » de 4.4 l'emportait sur le masquage de base.js. Un style « display: none » posé par le script reprend la main. */ #order-standard_cart.kw-proddom .spotlight-tlds[style*="display: none"], #order-standard_cart.kw-proddom .suggested-domains[style*="display: none"] { display: none !important; } /* « Génération de suggestions » : bloc gris clair illisible en mode sombre */ #order-standard_cart.kw-proddom #suggestionsLoader { padding: 14px 22px !important; background: none !important; border: 0 !important; font: 500 15px var(--corps) !important; color: var(--gris) !important; text-align: start !important; } /* Refus du panier : un texte, pas un titre de 18 px en gras */ #order-standard_cart.kw-proddom #primaryLookupResult .domain-error { font: 500 15.5px/1.5 var(--corps) !important; } /* « Continuer » grisé n'a rien à continuer : on le retire plutôt que d'afficher un gros bouton éteint */ #order-standard_cart.kw-proddom #btnDomainContinue[disabled] { display: none !important; } /* Toute la carte d'une option se touche */ #order-standard_cart.kw-proddom .domain-selection-options .option { cursor: pointer; } #order-standard_cart.kw-proddom .domain-selection-options .option .domain-input-group { cursor: auto; } /* Le bouton de recherche se lit comme un bouton actif (il ressemblait à un bouton désactivé en mode sombre) */ #order-standard_cart.kw-proddom .domain-input-group .btn-primary { border-color: var(--bleu) !important; font-weight: 700 !important; color: var(--bleu) !important; } #order-standard_cart.kw-proddom .domain-input-group .btn-primary:hover { background: var(--bleu-doux) !important; } /* Transfert refusé : les deux sorties */ #order-standard_cart.kw-proddom .kw-transfert-sortie { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--filet); } #order-standard_cart.kw-proddom .kw-transfert-sortie p { margin: 0 0 10px !important; font: 500 15px/1.5 var(--corps) !important; color: var(--encre) !important; } #order-standard_cart.kw-proddom .kw-transfert-actions { display: flex; flex-wrap: wrap; gap: 10px; } #order-standard_cart.kw-proddom .kw-transfert-actions .btn { min-height: 44px; padding: 0 18px; background: var(--surface) !important; border: 1px solid var(--bleu) !important; border-radius: var(--r1) !important; box-shadow: none !important; font: 700 15px var(--corps) !important; color: var(--bleu) !important; } #order-standard_cart.kw-proddom .kw-transfert-actions .btn:hover { background: var(--bleu-doux) !important; } @media (max-width: 600px) { #order-standard_cart.kw-proddom .kw-transfert-actions .btn { flex: 1 1 100%; } } /* ── 4.6 Lot COLLANT (17/10/2026) : sur téléphone, « Continuer » toujours à portée ── Mesuré : après une recherche de domaine, le bouton était 676 px sous le bas de l'écran (extensions et suggestions au-dessus) ; à la configuration du produit, 226 px. Il se fixe en bas de l'écran dès qu'il est utilisable ; au-dessus du menu du bas pour un client connecté ; la bulle WhatsApp et le bouton de thème montent d'autant. */ @media (max-width: 767px) { #order-standard_cart.kw-proddom #frmProductDomainSelections > .text-center:has(> #btnDomainContinue[style*="display"]:not([style*="none"]):not([disabled])), #order-standard_cart.kw-prod .text-center:has(> #btnCompleteProductConfig) { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; margin: 0 !important; padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px)) !important; background: var(--fond); border-top: 1px solid var(--filet); box-shadow: 0 -6px 18px rgba(15, 23, 51, .08); } #order-standard_cart.kw-proddom #frmProductDomainSelections > .text-center:has(> #btnDomainContinue[style*="display"]:not([style*="none"]):not([disabled])) #btnDomainContinue, #order-standard_cart.kw-prod .text-center:has(> #btnCompleteProductConfig) #btnCompleteProductConfig { width: 100%; min-height: 50px; } #order-standard_cart.kw-proddom:has(#btnDomainContinue[style*="display"]:not([style*="none"]):not([disabled])), #order-standard_cart.kw-prod { padding-bottom: 86px !important; } body.kw-has-bottom-nav #order-standard_cart.kw-proddom #frmProductDomainSelections > .text-center:has(> #btnDomainContinue[style*="display"]:not([style*="none"]):not([disabled])), body.kw-has-bottom-nav #order-standard_cart.kw-prod .text-center:has(> #btnCompleteProductConfig) { bottom: calc(64px + env(safe-area-inset-bottom, 0px)); padding-bottom: 10px !important; } body:has(#order-standard_cart.kw-prod), body:has(#btnDomainContinue[style*="display"]:not([style*="none"]):not([disabled])) { --kw-collant: calc(72px + env(safe-area-inset-bottom, 0px)); } body:has(#order-standard_cart.kw-prod) .kw-whatsapp-float, body:has(#btnDomainContinue[style*="display"]:not([style*="none"]):not([disabled])) .kw-whatsapp-float { bottom: calc(var(--kw-collant) + 14px) !important; } body.kw-has-bottom-nav:has(#order-standard_cart.kw-prod) .kw-whatsapp-float, body.kw-has-bottom-nav:has(#btnDomainContinue[style*="display"]:not([style*="none"]):not([disabled])) .kw-whatsapp-float { bottom: calc(64px + var(--kw-collant) + 14px) !important; } }