/* * Masque la barre promo rouge (#uk-promo-bar) UNIQUEMENT sur la page de paiement. * Le sélecteur body.woocommerce-checkout garantit que les autres pages * (accueil, boutique, panier...) gardent la barre. * On retire aussi le padding-top du body (45px réservés à la barre fixe) * pour éviter un espace blanc en haut du checkout. */ body.woocommerce-checkout #uk-promo-bar { display: none !important; } body.woocommerce-checkout { padding-top: 0 !important; } /* * FIX mobile : le bandeau récap du HAUT (#cfw-mobile-cart-header) était trop court * (~74px) avec son contenu collé en haut -> les vignettes + "Total" étaient rognés. * On lui donne une hauteur correcte, on centre le contenu et on remet overflow visible. */ @media (max-width: 991px) { #cfw-cart-summary, #cfw-mobile-cart-header { overflow: visible !important; } #cfw-mobile-cart-header, #cfw-expand-cart { min-height: 88px !important; display: flex !important; align-items: center !important; } #cfw-expand-cart .cfw-display-table, #cfw-expand-cart .cfw-display-table-row { display: flex !important; align-items: center !important; width: 100% !important; } .uk-cfw-mobile-header-custom { align-items: center !important; } } /* Pastille "i" : discrète, en Rubik (police du site) */ .ukd-info { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; margin-left: 6px; border: 1.4px solid #b3b3b3; border-radius: 50%; background: transparent; color: #7a7a7a; font-family: "Rubik", sans-serif; font-size: 10px; font-weight: 700; font-style: normal; line-height: 1; cursor: help; position: relative; vertical-align: middle; user-select: none; transition: border-color 0.15s ease, color 0.15s ease; } .ukd-info:hover, .ukd-info:focus { border-color: #555; color: #222; outline: none; } /* * L'infobulle est attachée au en position fixed (via le JS) * => elle passe AU-DESSUS de toutes les sections, plus jamais derrière. */ .ukd-tip { display: none; position: fixed; z-index: 2147483647; /* tout en haut de la pile */ width: 260px; max-width: calc(100vw - 16px); padding: 10px 12px; background: #111827; color: #fff; font-family: "Rubik", sans-serif; font-size: 12px; font-weight: 400; font-style: normal; line-height: 1.4; text-align: left; white-space: normal; /* le texte doit pouvoir passer à la ligne */ word-break: normal; border-radius: 8px; box-shadow: 0 8px 28px rgba(0, 0, 0, 0.35); opacity: 0; transition: opacity 0.15s ease; pointer-events: none; box-sizing: border-box; height: auto; } .ukd-tip.ukd-show { opacity: 1; } /* Flèche : vers le bas quand la bulle est au-dessus de la pastille */ .ukd-tip::after { content: ""; position: absolute; top: 100%; left: var(--ukd-arrow, 50%); transform: translateX(-50%); border: 6px solid transparent; border-top-color: #111827; } /* Flèche : vers le haut quand la bulle est en-dessous */ .ukd-tip.ukd-below::after { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: #111827; }