/*
 * Rezomy 3.18 — lite rendering and older-browser safety nets.
 * Loaded last on every front-end page. html.rz-lite is set in <head> by
 * inc/modules/device-compat.php for Android (Xiaomi included), MIUI browsers and
 * devices with ≤4 GB memory or ≤4 cores. A backdrop blur is recomputed on every
 * scroll frame for whatever lies behind the surface — on most Android GPUs that is
 * what made pages stutter. Surfaces keep their colours but are painted solid,
 * blurred copies of images are left out, purely decorative loops stop.
 * iPhones and desktops are not affected.
 */

/* ---------------------------------------------------------------- no backdrop blur anywhere */
html.rz-lite *,html.rz-lite *::before,html.rz-lite *::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.rz-lite dialog::backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* rules that set the blur with !important and a longer selector need one of their own */
html.rz-lite body .rz-site-header .rz-header-backdrop,
html.rz-lite .rezomy-child-theme .rz-site-header .rz-header-backdrop,
html.rz-lite .rezomy-child-theme .rz-site-header.is-scrolled .rz-header-backdrop,
html.rz-lite .site-footer.ss26-footer .ss26-footer-main{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

/* ---------------------------------------------------------------- site (Rezomy for SS26) */
html.rz-lite body .rz-site-header .rz-header-backdrop,
html.rz-lite .rezomy-child-theme .rz-site-header .rz-header-backdrop,
html.rz-lite .rezomy-child-theme .rz-site-header.is-scrolled .rz-header-backdrop{background:linear-gradient(180deg,rgba(251,251,252,.98),rgba(243,245,244,.97))!important}
html.rz-lite .rz-mobile-drawer-overlay{background:rgba(0,0,0,.36)!important}
html.rz-lite .rz-mobile-drawer-panel{background:#F3F5F4!important}
html.rz-lite .rz-floating-card{background:rgba(255,255,255,.96)!important}
html.rz-lite .rezomy-child-theme .ss26-search-modal-header{background:rgba(255,255,255,.98)!important}
html.rz-lite .rz-hero-glow{filter:none!important;opacity:.55}

/* ---------------------------------------------------------------- dashboard (also on wide low-power screens) */
html.rz-lite .rzd-canvas::after{display:none}
/* 3.20.1: not the plan card — it is a dark card with white text and never used a blur;
   painting it white here made «شروع»، «اعتبار تا»، features and «تمدید پلن» invisible on Android. */
html.rz-lite .rzd-glass,
html.rz-lite .rzd .rz-dashboard-panel:not(.rz-plan-panel),html.rz-lite .rzd .rz-stat-grid article,html.rz-lite .rzd .rz-export-list article,html.rz-lite .rzd .rz-app-empty,html.rz-lite .rzd .rz-verify-panel,html.rz-lite .rzd .rz-dash-welcome,html.rz-lite .rzd .rz-verification-notice,html.rz-lite .rzd .rz-team-panel{background:linear-gradient(140deg,rgba(255,255,255,.93),rgba(255,255,255,.8))}
html.rz-lite .rzd-glass::before{display:none}
html.rz-lite .rzd-top::before{background:rgba(236,234,243,.96)}
html.rz-lite .rzd-toast{background:rgba(17,17,20,.94)}
html.rz-lite .rzd-mosaic-spin,html.rz-lite .rzd-mosaic-core{animation:none!important}

/* ---------------------------------------------------------------- app pages */
html.rz-lite .rz-access-page.is-dark{--a-card:rgba(9,19,38,.96)}
html.rz-lite .rzsd-presence i{animation:none!important}

/* ---------------------------------------------------------------- Galaxy */
html.rz-lite .hdr.is-compact{background:rgba(5,10,20,.96)!important}
html.rz-lite .mnav{background:#040912!important}
html.rz-lite .badge,html.rz-lite .play{background:rgba(6,16,34,.72)!important}
html.rz-lite .pcard__go{background:rgba(6,16,34,.78)!important}
html.rz-lite .pcard__vid,html.rz-lite .ba__lab,html.rz-lite .ba__grip{background:rgba(4,10,22,.82)!important}
html.rz-lite .ovl__bd{background:rgba(2,5,11,.94)!important}
/* the blurred, darkened copy that fills the space around a film or a card image */
html.rz-lite .reel__bg,html.rz-lite .pcard__bg{display:none!important}

/* ---------------------------------------------------------------- older browsers */
/* No overflow:clip (Chrome < 90): the résumé sheet must not widen the page sideways.
   On <body> it moves to the viewport, so sticky bars keep working. */
@supports not (overflow:clip){
	body.rz-resume-document-page{overflow-x:hidden}
}