/* ---------------------------------------------------------
   TOOLTIP — data-tip
   Module global Claudium
   <link rel="stylesheet" href="/Claudium/MesObjetHtmlCssJs/data-tip.css">
    <button class="clone-btn" data-tip="Dupliquer l’article">➕</button>
--------------------------------------------------------- */

[data-tip] {
    position: relative;
}

/* Tooltip stylé */
[data-tip]:hover::after {
    content: attr(data-tip);
    position: absolute;
    top: -40px;
    left: 0;
    background: #6c5ce7; /* Violet premium Claudium */
    color: white;
    padding: 8px 12px;
    border-radius: 8px;
    font-size: 14px;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    opacity: 1;
    transform: translateY(0);
    transition: 0.2s ease;
    z-index: 9999;
}

/* Animation d’apparition */
[data-tip]::after {
    opacity: 0;
    transform: translateY(5px);
    pointer-events: none;
}