/**
 * One Academy — One Recent Posts widget styles.
 *
 * Externalized from inline `<style>` blocks in
 * `plugins/one-academy/widgets/One_Recent_Posts.php` (lines 951–963 + 1271–1300
 * pre-refactor) to honor R2 (no inline scripts/styles emitted by widget render).
 *
 * Per-widget-id selectors (`[data-widget-id="…"]`) have been replaced by
 * modifier classes on the `.blog-card-row__wrapper` root so the rules apply via
 * the cascade without requiring per-instance CSS:
 *
 *   .blog-card-row__wrapper--no-link        -> "Disable Post Link" toggle = yes
 *   .blog-card-row__wrapper--desktop-slider -> "Enable Desktop Slider"   = yes
 *   .blog-card-row__wrapper--mobile-slider  -> "Enable Mobile Slider"    = yes
 *
 * Feature: theme-plugin-performance-optimization, Task 11.7 (R2.7, R2.13).
 */

/* --------------------------------------------------------------------------
 * Block 1 — "Disable Post Link" override
 * Source: One_Recent_Posts.php, lines 951–963 (pre-refactor).
 * ------------------------------------------------------------------------ */
.blog-card-row__wrapper--no-link .blog-card-row__title {
    font-size: 2rem;
}

.blog-card-row__wrapper--no-link .blog-card-row__image-wrapper--no-link::before {
    display: none;
}

.blog-card-row__wrapper--no-link .blog-card-row__image-wrapper--no-link::after,
.blog-card-row__wrapper--no-link .blog-card-row__image-wrapper--no-link:hover::after {
    opacity: 0 !important;
}

/* --------------------------------------------------------------------------
 * Block 2 — Slider show/hide media queries
 * Source: One_Recent_Posts.php, lines 1271–1300 (pre-refactor).
 *
 * Desktop slider mode (`--desktop-slider`) hides the grid at every breakpoint
 * and forces the Glide track to display.
 *
 * Mobile slider mode (`--mobile-slider`, without `--desktop-slider`) keeps the
 * grid on tablet/desktop (≥768px) and swaps to the Glide track on mobile
 * (≤767px).
 * ------------------------------------------------------------------------ */
.blog-card-row__wrapper--desktop-slider .blog-card-row__content-container {
    gap: 3rem !important;
}

.blog-card-row__wrapper--desktop-slider .blog-card-row__cards-grid {
    display: none !important;
}

.blog-card-row__wrapper--desktop-slider .blog-card-row__glide {
    display: block !important;
}

@media (min-width: 768px) {
    .blog-card-row__wrapper--mobile-slider:not(.blog-card-row__wrapper--desktop-slider) .blog-card-row__glide {
        display: none !important;
    }
}

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

    .blog-card-row__wrapper--mobile-slider:not(.blog-card-row__wrapper--desktop-slider) .blog-card-row__glide {
        display: block !important;
    }
}