/* Copyright (C) 2026 AedisHub+ - All Rights Reserved. Confidential and Proprietary. */
/* ──────────────────────────────────────────────
   SIGNUM - Certification Badge Visual Overlay
   Placeholder styling — final visual asset is a
   separate design task.
   ────────────────────────────────────────────── */

/* The badge itself — appears on cards / profiles */
.signum-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.65rem;
    border-radius: 9999px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    line-height: 1.2;
    user-select: none;
    transition: box-shadow 0.2s ease;
}

/* Certified state */
.signum-badge--certified {
    background: linear-gradient(135deg, #0E5354 0%, #1a7a7a 100%);
    color: #F8D568;
    border: 1px solid #F8D568;
    box-shadow: 0 0 8px rgba(248, 213, 104, 0.3);
}

.signum-badge--certified:hover {
    box-shadow: 0 0 14px rgba(248, 213, 104, 0.5);
}

/* Not certified (lighter, grayed out) */
.signum-badge--standard {
    background: #f3f4f6;
    color: #9ca3af;
    border: 1px solid #e5e7eb;
}

/* Badge icon (placeholder — replace with SVG later) */
.signum-badge-icon {
    width: 0.85rem;
    height: 0.85rem;
    flex-shrink: 0;
}

.signum-badge--certified .signum-badge-icon {
    color: #F8D568;
}

.signum-badge--standard .signum-badge-icon {
    color: #d1d5db;
}

/* ── Score tooltip on hover ── */
.signum-score-tip {
    position: relative;
    cursor: help;
}

.signum-score-tip::after {
    content: attr(data-signum-score);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: #1f2937;
    color: #f9fafb;
    font-size: 0.65rem;
    font-weight: 600;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s ease;
    z-index: 50;
}

.signum-score-tip:hover::after {
    opacity: 1;
}

/* ── Card overlay variant (for project cards) ── */
.signum-card-overlay {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    z-index: 10;
}

/* ── Profile header variant ── */
.signum-profile-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* ── "SIGNUM" wordmark ── */
.signum-wordmark {
    font-family: 'Lexend', sans-serif;
    font-weight: 800;
    font-size: 0.65rem;
    letter-spacing: 0.08em;
}