/**
 * Krikil Elementor Canvas Lock - Frontend Consistency Stylesheet
 * 
 * ATURAN KEAMANAN & ISOLASI KETAT:
 * 1. Menghilangkan banner merah mobile (ff856f6) dan double header (e7c41e3) pada laptop (termasuk 13" skala 150% / resolusi 768px - 1366px).
 * 2. Membatasi lebar kontainer section beranda agar rapi dan konsisten di 1366px.
 * 3. Mobile (< 768px) tetap aman dan tidak terganggu.
 */

/* ========================================================
   1. HEADER NORMALIZATION UNTUK LAPTOP & DESKTOP (>= 768px)
   Mencegah banner merah raksasa (ff856f6) dan double header (e7c41e3)
   bocor dan sticky di laptop 13" dengan skala Windows 125%-150% (910px - 1280px).
   ======================================================== */
@media (min-width: 768px) {
    .elementor-element.elementor-element-ff856f6,
    .elementor-element.elementor-element-e7c41e3 {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: absolute !important;
        top: -9999px !important;
    }

    /* Pastikan header tunggal yang ringkas (4cc1c70) selalu tampil rapi */
    .elementor-element.elementor-element-4cc1c70 {
        display: flex !important;
        visibility: visible !important;
    }
}

/* ========================================================
   2. LEBAR KONTEN SECTION BERANDA (Statistik s/d Galeri)
   ======================================================== */
@media (min-width: 1025px) {
    .elementor-section.elementor-element-7ac69652 > .elementor-container,
    .elementor-section:has(#apbd) > .elementor-container,
    .elementor-section.elementor-element-1265bbe7 > .elementor-container,
    .elementor-section:has(#profil) > .elementor-container,
    .elementor-section.elementor-element-19eabb95 > .elementor-container,
    .elementor-section:has(#skpd) > .elementor-container,
    .elementor-section.elementor-element-5267c6e3 > .elementor-container,
    .elementor-section:has(#berita) > .elementor-container,
    .elementor-section.elementor-element-541a2cc6 > .elementor-container,
    .elementor-section:has(#galeri) > .elementor-container {
        max-width: 1366px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}