/**
 * Mobile scroll/compositing helpers — load after mobile-theme.css.
 * Lighter blur on sticky chrome; tap feedback without heavy animation.
 */

@media (max-width: 992px) {
    .shell-header.shell-header--desi {
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
        box-shadow:
            0 2px 16px rgba(0, 0, 0, 0.42),
            inset 0 -1px 0 rgba(185, 28, 28, 0.12),
            inset 0 1px 0 rgba(255, 255, 255, 0.04);
    }

    [data-theme="light"] .shell-header.shell-header--desi {
        box-shadow:
            0 2px 16px rgba(15, 23, 42, 0.06),
            inset 0 -1px 0 rgba(15, 23, 42, 0.05),
            inset 0 1px 0 rgba(255, 255, 255, 0.8);
    }

    .shell-bottom-nav {
        backdrop-filter: blur(8px) saturate(1.05);
        -webkit-backdrop-filter: blur(8px) saturate(1.05);
    }
}

.shell-nav a,
.shell-bottom-nav a,
.shell-drawer a {
    transition: opacity 0.12s ease, transform 0.12s ease;
}

.shell-nav a:active,
.shell-bottom-nav a:active,
.shell-drawer a:active {
    opacity: 0.82;
    transform: scale(0.98);
}

@media (max-width: 992px) {
    .shell-drawer-overlay {
        background: rgba(2, 6, 23, 0.52);
        backdrop-filter: blur(4px) saturate(1.05);
        -webkit-backdrop-filter: blur(4px) saturate(1.05);
    }

    .shell-drawer.shell-drawer--pro {
        background: rgba(15, 23, 42, 0.78);
        backdrop-filter: blur(8px) saturate(1.05);
        -webkit-backdrop-filter: blur(8px) saturate(1.05);
    }

    .video-card-premium {
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
    }

    .video-card-premium:hover {
        transform: none;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32);
    }

    .video-card-premium:hover .video-card-premium__thumb img {
        transform: none;
    }
}