/**
 * Local Expert — Frontend badge styling
 * Uses Sarisara brand palette (#FFB700 gold) per CLAUDE.md RULE 6.
 */

.sarisara-curator-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    background: linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%);
    color: #7a5200;
    border: 1px solid #FFB700;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    line-height: 1.4;
    letter-spacing: 0.2px;
    vertical-align: middle;
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(255, 183, 0, 0.15);
}

.sarisara-curator-badge--compact {
    font-size: 10px;
    padding: 2px 8px;
}

.sarisara-curator-badge--large {
    font-size: 13px;
    padding: 5px 14px;
}

.sarisara-curator-badge__icon {
    font-size: 12px;
    line-height: 1;
    margin-right: 2px;
}

.sarisara-curator-badge--large .sarisara-curator-badge__icon {
    font-size: 15px;
}

/* Hover pop (purely cosmetic) */
.sarisara-curator-badge:hover {
    background: linear-gradient(135deg, #fff3d6 0%, #ffe082 100%);
    box-shadow: 0 2px 4px rgba(255, 183, 0, 0.25);
}

/* Print: high-contrast outline only */
@media print {
    .sarisara-curator-badge {
        background: #fff !important;
        color: #000 !important;
        border: 1px solid #000 !important;
        box-shadow: none !important;
    }
}