body {
    font-family: 'Roboto', sans-serif;
    background-color: #f3f4f6;
}

.header-bg {
    background: linear-gradient(90deg, #311042 0%, #5b21b6 50%, #1d4ed8 100%);
}

.card-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.04);
    transition: transform 0.18s ease-in-out, box-shadow 0.18s ease-in-out, border-color 0.18s ease-in-out;
}

.card-shadow:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 20px -4px rgba(91, 33, 182, 0.15), 0 4px 8px -2px rgba(0, 0, 0, 0.06);
    border-color: #a78bfa;
}

/* 7 piletiportaali märgised */
.badge-piletilevi {
    background-color: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.badge-piletitasku {
    background-color: #f3e8ff;
    color: #6b21a8;
    border: 1px solid #e9d5ff;
}

.badge-piletimaailm {
    background-color: #ffedd5;
    color: #9a3412;
    border: 1px solid #fed7aa;
}

.badge-fienta {
    background-color: #dbeafe;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}

.badge-sviby {
    background-color: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.badge-ticketer {
    background-color: #fce7f3;
    color: #9d174d;
    border: 1px solid #fbcfe8;
}

.badge-onlinepilet {
    background-color: #e0f2fe;
    color: #075985;
    border: 1px solid #bae6fd;
}

/* Staatuse, kategooria ja hinna märgised */
.badge-category {
    background-color: #f5f3ff;
    color: #5b21b6;
    border: 1px solid #ddd6fe;
}

.badge-price {
    background-color: #fef9c3;
    color: #854d0e;
    border: 1px solid #fde047;
}

.badge-free {
    background-color: #dcfce7;
    color: #166534;
    border: 1px solid #86efac;
}

.badge-soldout {
    background-color: #fee2e2;
    color: #b91c1c;
    border: 1px solid #fca5a5;
}

.badge-online {
    background-color: #ecfdf5;
    color: #047857;
    border: 1px solid #6ee7b7;
}

.badge-dates-count {
    background-color: #eef2ff;
    color: #3730a3;
    border: 1px solid #c7d2fe;
}

/* Kiirfiltrite nupud */
.quick-chip {
    transition: all 0.15s ease-in-out;
}

.quick-chip.active {
    background-color: #5b21b6;
    color: #ffffff;
    border-color: #5b21b6;
}

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

.event-poster-box {
    width: 84px;
    height: 84px;
    min-width: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background: linear-gradient(135deg, #ede9fe 0%, #dbeafe 100%);
    border: 1px solid #e5e7eb;
    overflow: hidden;
}

.event-poster-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}