/* =========================================================
   1. KUSTOMISASI HEADER & LOGO
   ========================================================= */
.pkp_site_name_wrapper {
    max-width: 100% !important;
    width: 100% !important;
}
.pkp_site_name .is_img img {
    max-height: none !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    max-height: 160px;
    object-fit: cover;
}
.pkp_structure_head {
    padding-top: 0 !important;
	border-bottom: none;
}

/* =========================================================
   2. KUSTOMISASI MENU NAVIGASI UTAMA (tetap solid biru)
   ========================================================= */
.pkp_navigation_primary_wrapper {
    background-color: #0c2f56 !important;
    border-bottom: none !important;
    padding-left: 10px;
}
.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: bold;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background-color: #3b556b !important;
    color: #ffffff !important;
}
.pkp_navigation_primary ul {
    background-color: #0c2f56 !important;
    border: 1px solid #3b556b !important;
}
.pkp_navigation_primary ul li a {
    color: #ffffff !important;
}
.pkp_navigation_primary ul li a:hover {
    background-color: #3b556b !important;
}

/* =========================================================
   3. BACKGROUND PATTERN FULL WEBSITE — SERAGAM DI HEADER, BODY, & FOOTER
   ========================================================= */
html, body {
    background-image: url('https://img.freepik.com/premium-vector/islamic-background-with-abstract-ornament-arabian-style-use-arabic-seamless-pattern-texture_7505-1634.jpg') !important;
    background-repeat: repeat !important;
    background-position: 0 0 !important;
    background-attachment: fixed !important;
    background-size: 380px auto !important;   /* ubah ke 300px atau 450px kalau kurang pas */
    background-color: #f4f7fb !important;
}

/* Hapus semua background solid supaya pattern muncul di mana-mana */
.pkp_structure,
.pkp_structure_head,
.pkp_structure_footer,
.pkp_page,
.pkp_masthead,
.pkp_header {
    background-color: transparent !important;
}

/* Overlay tipis di HEADER supaya logo tetap jelas tapi pattern kelihatan */
.pkp_structure_head {
    
    position: relative;
    z-index: 10;
}

/* Overlay tipis di FOOTER */
.pkp_structure_footer {
    background-color: rgb(198 225 255) !important
    position: relative;
    z-index: 5;
}

/* Konten utama & sidebar tetap bersih */
.pkp_structure_content,
.pkp_page .main_content,
.pkp_structure_sidebar .pkp_block {
    background-color: rgba(255, 255, 255, 0.96) !important;
    border-radius: 12px !important;
}

/* Sidebar card (tetap seperti CSS lama) */
.pkp_structure_sidebar .pkp_block {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08) !important;
    margin-bottom: 25px;
    overflow: hidden;
}
.pkp_structure_sidebar .pkp_block .title {
    background-color: #0c2f56 !important;
    color: #ffffff !important;
    padding: 12px 15px !important;
    margin: 0 !important;
    font-weight: bold;
    font-size: 15px;
    border-bottom: none !important;
    text-align: center;
}
.pkp_structure_sidebar .pkp_block .content {
    padding: 0px !important;
}
.pkp_structure_sidebar .pkp_block a {
    color: #0c2f56;
    font-weight: 500;
}
.pkp_structure_sidebar .pkp_block a:hover {
    color: #3b556b;
    text-decoration: underline;
}
.pkp_site_nav_menu a {
    color: black;
}

.pkp_navigation_search_wrapper a{
    color: white;
}

.pkp_navigation_search_wrapper a:hover{
    color: white;
    background-color: #446786; /* abu tua */
}


.pkp_structure_footer {
    background-color: rgb(218 230 241) !important;
    position: relative;
    z-index: 5;
}

.pkp_structure_footer_wrapper {
    background: none;
}

/* =========================================================
   4. RESPONSIVE
   ========================================================= */
@media (max-width: 991px) {
    .pkp_structure_content {
        /* margin-left: 15px !important; */
        /* margin-right: 15px !important; */
    }
	
	.pkp_site_nav_toggle{
		background: #0c2f56;
	}
}
@media (min-width: 992px) {
    .pkp_block {
        padding: 1.143rem;
    }
}