/* Playbill Local — City Guide
   Palette: curtain #6B1E2A · cream #F6EFE3 · marquee #D4B56A · ink #1A1412 · seat #2C2420 */

:root {
    color-scheme: light;
}

body {
    background: #F6EFE3;
}

.marquee-bar {
    height: 4px;
    background: linear-gradient(90deg, #D4B56A 0%, #6B1E2A 28%, #D4B56A 55%, #6B1E2A 78%, #D4B56A 100%);
}

.gold-rule {
    height: 2px;
    background: linear-gradient(90deg, #D4B56A, rgba(212, 181, 106, 0));
}

.filter-pill {
    display: inline-flex;
    align-items: center;
    border: 1px solid #6B1E2A;
    color: #6B1E2A;
    background: transparent;
    border-radius: 9999px;
    padding: 0.35rem 0.9rem;
    font-size: 0.875rem;
    font-weight: 600;
    transition: all 150ms ease;
}

.filter-pill:hover {
    background: #6B1E2A;
    color: #F6EFE3;
}

.filter-pill.is-active {
    background: #6B1E2A;
    color: #F6EFE3;
}

.filter-select {
    border: 1px solid #6B1E2A;
    color: #6B1E2A;
    background: #FFFDF8;
    border-radius: 9999px;
    padding: 0.35rem 1rem;
    font-size: 0.875rem;
}

.show-card {
    background: #FFFDF8;
    border: 1px solid rgba(44, 36, 32, 0.12);
    transition: transform 150ms ease, box-shadow 150ms ease;
}

.show-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(26, 20, 18, 0.12);
}

.dek-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ticket-label {
    display: inline-block;
    background: #D4B56A;
    color: #1A1412;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 0.2rem 0.6rem;
    border-radius: 2px;
}

.mosaic-tile-overlay {
    background: linear-gradient(180deg, rgba(26, 20, 18, 0) 40%, rgba(26, 20, 18, 0.85) 100%);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
    outline: 2px solid #D4B56A;
    outline-offset: 2px;
}