/* Cuisine palette
   Used by Mukbang feed cards (FeedDishCard, FeedRestaurantCard).
   Apply via: <span class="cuisine-badge" data-cuisine="thai">…</span>
   Source of truth for keys: Qonnect.v4.Client.Shared.Components.Mukbang.CuisineMap.Resolve(). */

.cuisine-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.8rem;
    border-radius: var(--radius-pill);
    font-size: 0.72rem;
    font-weight: var(--weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: opacity var(--motion-duration) var(--motion-curve);

    /* default fallback (also matches data-cuisine="default") */
    background: #2d2d4a;
    color: #a5b4fc;
}

.cuisine-badge:active {
    opacity: 0.75;
}

.cuisine-badge[data-cuisine="thai"]      { background: #ff6b35; color: #ffffff; }
.cuisine-badge[data-cuisine="japanese"]  { background: #e63946; color: #ffffff; }
.cuisine-badge[data-cuisine="italian"]   { background: #2a9d8f; color: #ffffff; }
.cuisine-badge[data-cuisine="chinese"]   { background: #1a1a2e; color: #e9c46a; border: 1px solid rgba(233, 196, 106, 0.27); }
.cuisine-badge[data-cuisine="indian"]    { background: #f4a261; color: #1a1a2e; }
.cuisine-badge[data-cuisine="american"]  { background: #264653; color: #ffffff; }
.cuisine-badge[data-cuisine="swedish"]   { background: #457b9d; color: #ffffff; }