/* Green Web Checker — Front-end Badge Styles */

/* Compact badge (pill) */
.gwc-cbadge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 6px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    text-decoration: none;
}
.gwc-cbadge-aplus { background: #059669; }
.gwc-cbadge-a { background: #10b981; }
.gwc-cbadge-b { background: #34d399; color: #064e3b; }
.gwc-cbadge-c { background: #fbbf24; color: #78350f; }
.gwc-cbadge-d { background: #f97316; }
.gwc-cbadge-e { background: #ef4444; }
.gwc-cbadge-f { background: #991b1b; }

/* Full badge */
.gwc-fbadge {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 10px;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #fff;
    text-decoration: none;
}
.gwc-fbadge-aplus { background: #059669; }
.gwc-fbadge-a { background: #10b981; }
.gwc-fbadge-b { background: #34d399; color: #064e3b; }
.gwc-fbadge-c { background: #fbbf24; color: #78350f; }
.gwc-fbadge-d { background: #f97316; }
.gwc-fbadge-e { background: #ef4444; }
.gwc-fbadge-f { background: #991b1b; }

.gwc-fbadge-grade {
    font-family: 'JetBrains Mono', monospace;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}
.gwc-fbadge-info {
    font-size: 12px;
    font-weight: 500;
    opacity: 0.9;
}
.gwc-fbadge-credit {
    font-size: 10px;
    opacity: 0.7;
    margin-left: auto;
}

.gwc-badge-na {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 6px;
    background: #f1f5f9;
    color: #64748b;
    font-size: 12px;
}