/*
 * Data Saver lite styles. Everything is scoped to html[data-saver="on"], so nothing changes unless the user opted in.
 * Ads, content and layout are untouched: this only removes decoration (motion, blur, glow) that costs
 * GPU/CPU on low-end devices.
 */

#data-saver-banner {
    position: relative;
    z-index: 34;
    box-sizing: border-box;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    overflow: hidden;
}

html[data-saver="on"] *,
html[data-saver="on"] *::before,
html[data-saver="on"] *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
}

html[data-saver="on"] * {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-shadow: none !important;
}

html[data-saver="on"] .shadow,
html[data-saver="on"] .shadow-sm,
html[data-saver="on"] .shadow-md,
html[data-saver="on"] .shadow-lg,
html[data-saver="on"] .shadow-xl,
html[data-saver="on"] .shadow-2xl {
    box-shadow: none !important;
}

/* Purely decorative layers: mascots, animated backdrops, floating leaves */
html[data-saver="on"] .hero-backdrop,
html[data-saver="on"] [class*="mascot-"],
html[data-saver="on"] .auth-leaf,
html[data-saver="on"] #hero-backdrop {
    display: none !important;
}