/* Tooltip flottante (estratto da eventi.css per riuso fra shortcode). Coppia con assets/js/fad-tooltip.js: trigger `.gx-fad-tooltip` + bubble `.gx-fad-tooltip-bubble` renderizzato in con position:fixed. */ /* Trigger del tooltip (icona ⓘ) */ .gx-fad-tooltip { display: inline-block; margin-left: .3rem; color: #1976d2; font-weight: 400; font-size: .95em; cursor: help; line-height: 1; vertical-align: middle; } .gx-fad-tooltip:hover, .gx-fad-tooltip:focus-visible { color: #1259a0; outline: none; } .gx-fad-tooltip--danger { color: #d97706; } .gx-fad-tooltip--danger:hover, .gx-fad-tooltip--danger:focus-visible { color: #b45309; } /* Bubble flottante (renderizzato in document.body da fad-tooltip.js) */ .gx-fad-tooltip-bubble { position: fixed; top: 0; left: 0; max-width: 320px; padding: .7rem .85rem; background: #1f2937; color: #fff; font-family: inherit; font-size: .78rem; font-weight: 400; line-height: 1.4; text-align: left; white-space: normal; border-radius: 6px; box-shadow: 0 6px 18px rgba(0,0,0,.22); opacity: 0; visibility: hidden; transform: translateY(-4px); transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s; pointer-events: none; z-index: 10000; } .gx-fad-tooltip-bubble.is-visible { opacity: 1; visibility: visible; transform: translateY(0); transition-delay: 0s; } .gx-fad-tooltip-bubble__arrow { position: absolute; width: 0; height: 0; border: 6px solid transparent; top: 100%; border-top-color: #1f2937; transform: translateX(-50%); } .gx-fad-tooltip-bubble.is-below .gx-fad-tooltip-bubble__arrow { top: auto; bottom: 100%; border-top-color: transparent; border-bottom-color: #1f2937; }