/**
 * Mode ringan first paint beranda — is-lite-render / is-effects-off
 */

/* Hero first paint — tinggi diatur beranda-layout-fix.css */
body.sg-homepage.is-lite-render #sg-hero.sg-hero--ultra {
    padding-bottom: 1.25rem;
}

/* Sembunyikan ilustrasi hanya saat first paint ringan (~40ms), bukan selama is-perf-lite */
body.sg-homepage.is-lite-render:not(.is-lite-ready) .sg-hero__visual-col {
    visibility: hidden;
    min-height: min(260px, 36vw);
}

body.sg-homepage.is-lite-ready .sg-hero__visual-col {
    visibility: visible;
}

body.sg-homepage.is-lite-render .stats-grid {
    margin-top: 0.5rem;
}

body.sg-homepage .beranda-scroll-hint {
    text-align: center;
    padding: 0.75rem 1rem 1.25rem;
    color: #64748b;
    font-size: 0.875rem;
}

body.sg-homepage.is-lite-ready .beranda-scroll-hint {
    display: none;
}

body.sg-homepage .beranda-lazy-section:not(.is-section-revealed):not(.is-section-loaded) {
    min-height: 0;
}

body.sg-homepage .beranda-lazy-section:not(.is-section-revealed) .beranda-lazy-section__inner {
    visibility: hidden;
    pointer-events: none;
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    opacity: 0;
}

body.sg-homepage .beranda-lazy-section.is-section-revealed .beranda-lazy-section__inner {
    visibility: visible;
    pointer-events: auto;
    max-height: none;
    overflow: visible;
    opacity: 1;
}

body.sg-homepage .beranda-lazy-section__placeholder {
    display: block;
    padding: 2rem 0 2.5rem;
}

body.sg-homepage .beranda-lazy-section.is-section-revealed .beranda-lazy-section__placeholder,
body.sg-homepage .beranda-lazy-section.is-section-loaded .beranda-lazy-section__placeholder {
    display: none;
}

/* Efek dekoratif dimatikan saat lite / low-end */
body.sg-homepage.is-lite-render .sg-ambient-layer,
body.sg-homepage.is-lite-render .sg-particles,
body.sg-homepage.is-lite-render .sg-ambient-glow,
body.sg-homepage.is-effects-off .sg-ambient-layer,
body.sg-homepage.is-effects-off .sg-particles,
body.sg-homepage.is-effects-off .sg-ambient-glow {
    display: none !important;
}

body.sg-homepage.is-lite-render .sg-hero__grid-floor,
body.sg-homepage.is-effects-off .sg-hero__grid-floor {
    opacity: 0.35 !important;
}

body.sg-homepage.is-lite-render [data-aos],
body.sg-homepage.is-effects-off [data-aos] {
    opacity: 1 !important;
    transform: none !important;
}

/* Kurangi blur / shadow / gradient saat lite */
body.sg-homepage.is-lite-render .sg-stat-glass,
body.sg-homepage.is-lite-render .beranda-float-panel,
body.sg-homepage.is-lite-render .beranda-visit-card,
body.sg-homepage.is-lite-render .gov-kpi-card,
body.sg-homepage.is-lite-render .pi-portal-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 4px 14px rgba(15, 39, 68, 0.08) !important;
}

body.sg-homepage.is-lite-render .sg-hero__bg {
    filter: none !important;
}

body.sg-homepage.is-lite-render .sg-quick-menu__card:hover,
body.sg-homepage.is-effects-off .sg-quick-menu__card:hover {
    transform: none !important;
}

body.sg-homepage.is-lite-render .beranda-lazy-ai {
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

body.sg-homepage.is-lite-ready .beranda-lazy-ai.is-ai-ready {
    opacity: 1;
    pointer-events: auto;
    transform: none;
}

body.sg-homepage .beranda-lite-section {
    content-visibility: visible;
}

.beranda-lazy-section__placeholder-bar {
    height: 1.25rem;
    width: 38%;
    max-width: 280px;
    border-radius: 8px;
    margin-bottom: 1rem;
    background: #e8edf4;
}

.beranda-lazy-section__placeholder-block {
    min-height: 120px;
    border-radius: 12px;
    background: #eef2f6;
}

@media (max-width: 767.98px) {
    body.sg-homepage.is-effects-off .sg-reveal,
    body.sg-homepage.is-lite-render .sg-reveal {
        animation: none !important;
        transition: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.sg-homepage .sg-ambient-layer,
    body.sg-homepage .sg-particles {
        display: none !important;
    }
}