/*
 * MevaSearch Lite — Ustawienia → Wygląd → Motyw interfejsu → "MevaSearch Lite" (meva_uiTheme = lite).
 * Całkowicie lekki, minimalistyczny tryb dla słabszych urządzeń — mniej ozdobników niż zwykłe
 * Minimalism. Klasę html.ui-lite ustawia skrypt w <head> każdej strony jeszcze przed narysowaniem,
 * więc nic nie mignie.
 *
 *  - zero animacji i przejść (również płynnego przewijania),
 *  - systemowa czcionka zamiast pobieranych fontów,
 *  - bez rozmyć tła (backdrop-filter), cieni, poświat, gradientów tła i masek zanikania,
 *  - bez dekoracji i efektów tła, ziarna, tapety, kapsuły i efektu kursora — ich skrypty też się
 *    nie uruchamiają (js/bg-decor.js, js/wallpaper.js, js/capsule.js, js/cursor.js).
 *
 * Plik jest podpięty na każdej stronie; bez klasy ui-lite nic nie robi. Reguły mają !important,
 * bo strony mają własne wbudowane <style>, często późniejsze w dokumencie.
 */

/* ── Ruch ──
   Animacje skracamy do ~0 zamiast "animation: none": elementy, które pojawiają się animacją
   (np. z opacity: 0), od razu dostają stan końcowy, a skrypty czekające na animationend /
   transitionend dalej je dostają. */
html.ui-lite,
html.ui-lite *,
html.ui-lite *::before,
html.ui-lite *::after {
    animation-duration: 0.01ms !important;
    animation-delay: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    transition-delay: 0s !important;
    scroll-behavior: auto !important;
}

/* ── Czcionka systemowa ──
   Nic nie pobieramy i nie dekodujemy fontów. Kod zostaje o stałej szerokości, a elementy
   z czcionką ustawioną wprost w atrybucie style (np. podgląd fontu) zostają jak są. */
html.ui-lite body,
html.ui-lite body :not(code, pre, kbd, samp, textarea, [style*="font-family"]) {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* ── Proste style: bez rozmyć, cieni, poświat i stałych warstw kompozycji ──
   backdrop-filter to najdroższy efekt (przelicza rozmycie przy każdym przewinięciu).
   Pola formularzy zachowują cienie: to tam obwódka fokusu i maska tła autouzupełniania. */
html.ui-lite *,
html.ui-lite *::before,
html.ui-lite *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    will-change: auto !important;
    text-shadow: none !important;
}

html.ui-lite *:not(input, textarea, select),
html.ui-lite *::before,
html.ui-lite *::after {
    box-shadow: none !important;
}

/* Fokus z klawiatury i zaznaczenia rysowane wcześniej cieniem — teraz zwykłym obrysem */
html.ui-lite :focus-visible {
    outline: 2px solid currentColor !important;
    outline-offset: 2px !important;
}

html.ui-lite :is(.color-swatch, .color-swatch-custom).is-selected {
    outline: 2px solid rgb(var(--fg)) !important;
    outline-offset: 2px !important;
}

/* Gładkie tło strony (bez poświat i gradientów) i bez zanikania krawędzi przewijanych list */
html.ui-lite body,
html.ui-lite body.capsule-active .page-capsule {
    background-image: none !important;
}

html.ui-lite #home-widgets {
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* ── Kapsuła i tapeta: wyłączone (js/capsule.js, js/wallpaper.js) ──
   Strona czekająca na kapsułę jest ukryta (css/capsule.css) — w Lite pokazujemy ją od razu. */
html.ui-lite.capsule-pending body {
    visibility: visible !important;
}

/* ── Dekoracje: znikają całkiem (zamiast stać nieruchomo) ── */
html.ui-lite body:is(.bg-lines-on, .bg-dots-on, .bg-grid-on, .bg-cubes-on, .bg-topo-on, .bg-floor-on)::before,
html.ui-lite body:is(.bg-lines-on, .bg-dots-on, .bg-grid-on, .bg-cubes-on, .bg-topo-on, .bg-floor-on)::after,
html.ui-lite .page-capsule-bg-line,
html.ui-lite #__meva_wallpaper_layer,
html.ui-lite #bg-shapes,
html.ui-lite #bg-fx-canvas,
html.ui-lite #bg-fx-glow,
html.ui-lite #bg-fx-vignette,
html.ui-lite .grain,
html.ui-lite .ms-dot,
html.ui-lite .ms-ring,
/* rozmyte "plamy światła" na poszczególnych stronach */
html.ui-lite .brand-section::before,
html.ui-lite .brand-section::after,
html.ui-lite .app-card::after,
html.ui-lite .pro-anim-glow,
html.ui-lite .bg-glow {
    display: none !important;
}