/* ───────────────────────────────────────────────────────────── NikoC — nc-tip Directe tooltip, zonder de vertraging van het native title-attribuut. Waarom niet gewoon een ::after op het element zelf? De vlag staat in kaarten met overflow:hidden — .card op de homepage (index.php) en .sy-card in stories. Een pseudo-element wordt daar weggeknipt. Deze tooltip is één enkel element aan met position:fixed, dus geen enkele voorouder kan hem afsnijden. Gebruik: data-nc-tip="tekst" op eender welk element. ───────────────────────────────────────────────────────────── */ .nc-tip { position: fixed; top: 0; left: 0; z-index: 9999; max-width: 240px; padding: 6px 10px; border-radius: 5px; background: var(--ink-2, #22261E); border: 1px solid var(--line-l, rgba(255,255,255,.12)); box-shadow: 0 6px 20px rgba(0,0,0,.45); color: var(--paper, #F0EDE6); font-family: 'Barlow', system-ui, -apple-system, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.35; letter-spacing: .01em; text-align: center; white-space: normal; pointer-events: none; opacity: 0; visibility: hidden; transition: opacity .08s linear; } .nc-tip.is-on { opacity: 1; visibility: visible; } @media (prefers-reduced-motion: reduce) { .nc-tip { transition: none; } }