/**
 * Sidebar Main CLS Prevention Skeleton
 * Reserves space for filter sidebar to prevent layout shift
 * Desktop and tablet only
 */

/* Shimmer animation */
@keyframes shimmer {
    0% {
        background-position: -468px 0;
    }
    100% {
        background-position: 468px 0;
    }
}

/* Desktop and tablet only - hide on mobile */
@media (min-width: 769px) {
    /* Reserve minimum space for sidebar-main */
    .sidebar.sidebar-main {
        min-height: 500px; /* Reserve space for filters */
    }

    /* Skeleton background - shows before content loads */
    .sidebar.sidebar-main:empty,
    .sidebar.sidebar-main[style*="display: none"] {
        display: block !important;
        background: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
        background-size: 800px 104px;
        animation: shimmer 1.2s linear infinite;
    }
}