/* ==================================================
   16. REMOVE BACKGROUND TEXTURE & BORDER SHADOW
   ================================================== */

/* Menghapus tekstur gambar dan mengubah background luar menjadi putih polos */
body, 
.pkp_structure_page {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* Menghapus bayangan dan border di sekitar kontainer utama agar menyatu sempurna */
.pkp_structure_head,
.pkp_structure_body,
.pkp_structure_footer,
.pkp_structure_content {
    box-shadow: none !important;
    border: none !important;
}
/* ==================================================
   16 & 17. TOTAL FULL-WIDTH HEADER & LOGO CONTAINER
   ================================================== */

/* 1. Reset area dasar halaman */
html, 
body {
    background-color: #ffffff !important;
    background-image: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

/* 2. Pembungkus utama halaman */
.pkp_structure_page {
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
    border: none !important;
}

/* 3. Paksa Pembungkus Header Paling Luar Full 100% Layar */
.pkp_structure_head {
    background-color: #2c2c2c !important;
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. PAKSA KONTAINER LOGO MEMBENTANG FULL WIDTH (100VW) */
.pkp_site_name_wrapper {
    background-color: #2c2c2 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* 5. Paksa Baris Navigasi & Garis Merah Full Width (100VW) */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
    background-color: #2c2c2 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Garis merah penuh di sepanjang navigasi */
.pkp_navigation_primary_row {
    border-bottom: 4px solid #e04462 !important;
}

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
    border-bottom: none !important;
}

/* 6. Menjaga gambar Logo & Teks Navigasi tetap terpusat dengan rapi di tengah */
.pkp_site_name,
.pkp_navigation_primary {
    max-width: 1200px;
    margin: 0 auto !important;
    padding: 0 15px;
}
/* ==================================================
   18. ADJUST NAVIGATION TEXT POSITION
   ================================================== */

/* Menggeser teks navigasi menu ke kanan tanpa mengganggu kontainer utama */
.pkp_navigation_primary {
    padding-left: 50px !important; /* Ubah angka 25px ini jika ingin lebih ke kanan lagi */
}
/* ==================================================
   19. BODY CONTENT PADDING
   ================================================== */

/* Memberikan jarak aman di sisi kanan dan kiri konten utama */
.pkp_structure_content {
    box-sizing: border-box !important;
    padding-left: 45px !important;  /* Sesuaikan angka ini agar presisi dengan menu header */
    padding-right: 10px !important; /* Mencegah sidebar menempel ke tepi layar kanan */
}