/*
 * Widget styles: One Custom Pages Grid
 *
 * Externalized from One_Custom_Pages_Grid::render() inline <style> block.
 * Replaces the per-widget-id selectors with two modifier classes that
 * render() applies to the .blog-card-row-four__wrapper root:
 *   - .blog-card-row-four__wrapper--desktop-slider
 *   - .blog-card-row-four__wrapper--mobile-slider
 *
 * Validates: Requirements 2.3, 2.8, 2.13, 10.3, 10.5
 */

/* Desktop slider mode: hide grid, show slider on every breakpoint. */
.blog-card-row-four__wrapper--desktop-slider .blog-card-row-four__content-container {
    gap: 3rem !important;
}

.blog-card-row-four__wrapper--desktop-slider .blog-card-row-four__cards-grid {
    display: none !important;
}

.blog-card-row-four__wrapper--desktop-slider .blog-card-row-four__glide {
    display: block !important;
}

/* Mobile slider mode (no desktop slider): grid on >=768px, slider on <768px. */
.blog-card-row-four__wrapper--mobile-slider:not(.blog-card-row-four__wrapper--desktop-slider) .blog-card-row-four__glide {
    display: none;
}

@media (max-width: 767px) {
    .blog-card-row-four__wrapper--mobile-slider:not(.blog-card-row-four__wrapper--desktop-slider) .blog-card-row-four__cards-grid {
        display: none !important;
    }

    .blog-card-row-four__wrapper--mobile-slider:not(.blog-card-row-four__wrapper--desktop-slider) .blog-card-row-four__glide {
        display: block !important;
    }
}