/* ========================================================================== Craft Addons for WPBakery - Tooltip feature (front end) A single shared bubble is appended to and positioned by the script, so it never gets clipped by an ancestor's overflow. ========================================================================== */ .cafw-tip { cursor: help; } .cafw-tip--click { cursor: pointer; } .cafw-tip-bubble { position: absolute; top: 0; left: 0; z-index: 99999; max-width: 240px; margin: 0; padding: 8px 12px; font-size: 13px; font-weight: 500; line-height: 1.45; color: #ffffff; text-align: center; background: #1f1147; border-radius: 8px; box-shadow: 0 8px 24px rgba(20, 16, 50, 0.28); pointer-events: none; opacity: 0; transform: translateY(2px); transition: opacity 0.15s ease, transform 0.15s ease; } .cafw-tip-bubble.is-visible { opacity: 1; transform: none; } .cafw-tip-bubble::after { content: ""; position: absolute; width: 8px; height: 8px; background: inherit; transform: rotate(45deg); } .cafw-tip-bubble[data-pos="top"]::after { bottom: -3px; left: 50%; margin-left: -4px; } .cafw-tip-bubble[data-pos="bottom"]::after { top: -3px; left: 50%; margin-left: -4px; } .cafw-tip-bubble[data-pos="left"]::after { right: -3px; top: 50%; margin-top: -4px; } .cafw-tip-bubble[data-pos="right"]::after { left: -3px; top: 50%; margin-top: -4px; } @media (prefers-reduced-motion: reduce) { .cafw-tip-bubble { transition: none; } }