/* LOADER WRAPPER */
.events-loader {
    display: grid;
    gap: 20px;
}

/* CARD */
.skeleton-card {
    display: flex;
    background: linear-gradient(180deg, #1b1f34, #171a2b);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 12px 35px rgba(0,0,0,.35);
}

/* IMAGE */
.skeleton-img {
    width: 42%;
    min-height: 220px;
    background: #222;
}

/* CONTENT */
.skeleton-content {
    padding: 20px;
    width: 58%;
}

/* ELEMENTS */
.skeleton-badge,
.skeleton-title,
.skeleton-line {
    background: linear-gradient(
        90deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.16),
        rgba(255,255,255,.08)
    );
    background-size: 200% 100%;
    animation: shimmer 1.2s infinite;
    border-radius: 6px;
}

.skeleton-badge {
    width: 90px;
    height: 22px;
    margin-bottom: 16px;
}

.skeleton-title {
    height: 20px;
    width: 70%;
    margin-bottom: 14px;
}

.skeleton-line {
    height: 14px;
    margin-bottom: 10px;
}

.skeleton-line.short {
    width: 40%;
}

/* SHIMMER */
@keyframes shimmer {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* MOBILE */
@media (max-width: 768px) {
    .skeleton-card {
        flex-direction: column;
    }

    .skeleton-img {
        width: 100%;
        height: 200px;
    }

    .skeleton-content {
        width: 100%;
    }
}