/*
 * WC Charity Core - Skeleton Loader System
 * Scoped to .wcc-discovery-grid
 */

.wcc-discovery-grid .wcc-skeleton-box,
.wcc-discovery-grid .wcc-skeleton-line {
    background: #f0f0f0;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.wcc-discovery-grid .wcc-skeleton-box::after,
.wcc-discovery-grid .wcc-skeleton-line::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: wcc-skeleton-wave 1.5s infinite;
}

@keyframes wcc-skeleton-wave {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

/* Skeleton Card Structure */
.wcc-discovery-grid .wcc-skeleton .wcc-skeleton-box {
    height: 180px;
    width: 100%;
}

.wcc-discovery-grid .wcc-skeleton .wcc-skeleton-line.title {
    height: 20px;
    width: 80%;
    margin: 15px 0 10px;
}

.wcc-discovery-grid .wcc-skeleton .wcc-skeleton-line.excerpt {
    height: 14px;
    width: 100%;
    margin-bottom: 5px;
}

.wcc-discovery-grid .wcc-skeleton .wcc-skeleton-line.progress {
    height: 8px;
    width: 100%;
    margin-top: 20px;
}