/* ================================================================
   Novelist Availability Badges — Front-End Styles
   Matches leanneleeds.com gold/cream aesthetic
   ================================================================ */

.nab-badges-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0 16px 0;
    padding: 0;
}

.nab-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 1.4;
    white-space: nowrap;
}

/* --- Individual badge colors --- */

/* KU - Gold/amber to match site palette */
.nab-badge-ku {
    background: linear-gradient(135deg, #f9f0d8, #f3e4b5);
    color: #7a6420;
    border: 1px solid #e2d1a0;
}

/* Library - Soft blue-green */
.nab-badge-library {
    background: linear-gradient(135deg, #e0f0ed, #c8e6df);
    color: #2a6b5a;
    border: 1px solid #b0d6c8;
}

/* Bundle - Warm coral-cream */
.nab-badge-bundle {
    background: linear-gradient(135deg, #fceee6, #f8ddd0);
    color: #8b5536;
    border: 1px solid #edc9b5;
}

/* Paperback - Neutral parchment */
.nab-badge-paperback {
    background: linear-gradient(135deg, #f5f0e8, #ebe4d6);
    color: #5a4a3a;
    border: 1px solid #e0d5c3;
}

/* Audio - Soft lavender */
.nab-badge-audio {
    background: linear-gradient(135deg, #ece6f5, #ddd4ec);
    color: #5a4478;
    border: 1px solid #cfc3e0;
}

/* --- Responsive --- */
@media (max-width: 600px) {
    .nab-badges-wrap {
        gap: 6px;
    }

    .nab-badge {
        font-size: 12px;
        padding: 3px 10px;
    }
}

/* --- Linked badges --- */
a.nab-badge-link {
    text-decoration: none;
    color: inherit;
}

a.nab-badge-link:hover .nab-badge {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
    transition: all 0.2s ease;
}

a.nab-badge-link .nab-badge {
    cursor: pointer;
    transition: all 0.2s ease;
}