/* Macaron de version + infobulle (voir eline_version_badge() dans weli_setup/auth.php) */
.version-badge-wrap { position: relative; display: inline-flex; flex: 0 0 auto; align-self: center; outline: none; }
.version-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #cbd5e1;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.12);
    cursor: default;
}
.version-badge img { display: block; }
.version-badge-wrap:hover .version-badge,
.version-badge-wrap:focus .version-badge { box-shadow: 0 2px 6px rgba(0,0,0,.2); }

.version-tooltip {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 150px;
    padding: 8px 12px;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,.18);
    font: 12px/1.5 system-ui, -apple-system, sans-serif;
    color: #1e293b;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4px);
    transition: opacity .12s, transform .12s;
    z-index: 100;
}
.version-badge-wrap:hover .version-tooltip,
.version-badge-wrap:focus .version-tooltip { opacity: 1; visibility: visible; transform: translateY(0); }
.version-tooltip-title { display: block; font-weight: 700; }
.version-tooltip-ver   { display: block; font-weight: 600; color: #1e40af; }

/* Variante : infobulle alignée à droite (macaron en bout de barre) */
.version-badge-wrap.right .version-tooltip { left: auto; right: 0; }

/* Variante : dans le coin des cartes de connexion */
.auth-card { position: relative; }
.version-badge-wrap.card { position: absolute; top: 12px; left: 12px; }
.version-badge-wrap.card .version-badge { width: 26px; height: 26px; }
.version-badge-wrap.card .version-badge img { width: 14px; height: 14px; }