/* ==========================================
   INTERACTIVE ELEMENTS FOR COMMERCIAL TYPES: CINEMA
   ========================================== */

/* Cinema Seating layout colors */
.kuad-krs-seat.krs-seat-vip {
    background-color: #fae8ff !important;
    border-color: #d946ef !important;
    color: #701a75 !important;
}

.kuad-krs-seat.krs-seat-preferential {
    background-color: #e0f2fe !important;
    border-color: #0284c7 !important;
    color: #0c4a6e !important;
}

.kuad-krs-seat.krs-seat-standard {
    background-color: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

.kuad-krs-seat.selected {
    background-color: #2D1A68 !important;
    color: #ffffff !important;
    border-color: #2D1A68 !important;
}

/* Cinema screen indicator */
.krs-cinema-screen {
    width: 80%;
    height: 8px;
    background: #94a3b8;
    border-radius: 4px;
    margin: 24px auto 8px auto;
    box-shadow: 0 4px 12px rgba(148, 163, 184, 0.3);
    text-align: center;
    position: relative;
}