/* Container Utama - Membuat Kotak di Tengah */
.pkp_structure_page {
    max-width: 1100px; 
    margin: 20px auto !important;
    background-color: #ffffff;
    box-shadow: 0 0 20px rgba(0,0,0,0.15);
    border-radius: 20px;
    padding: 0 !important;
}
.pkp_structure_content {
    width: 1100px;
    height: 100%;
}
.pkp_navigation_primary_row, .pkp_site_nav_menu {
    width: 1060px;
}
.pkp_navigation_user.pkp_navigation_user {
        margin: 0;
        padding: 0;
        border: none;
        width: 930px;
        border-radius: 10px;
    }
#customblock-menu .pkp_block .block_custom{
    background-color: #ffffff;
    width: 100px;
    padding: 0;
    margin: 0;
    
}
.pkp_structure_sidebar.left{
    max-width: 25%;
    padding:0;
    margin:auto
}
.pkp_structure_sidebar.right{
    max-width: 25%;
    padding:0;
}
.pkp_structure_main{
    width: 70%;
}
.pkp_structure_side{
    width: 30%;
}
.pkp_structure_head{
    width: 100%;
}
.pkp_structure_footer, .pkp_structure_footer_wrapper{
    width: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
/* Header - Menyesuaikan Warna Kuning Syar'ie agar tidak Luber */
.pkp_structure_head {
    background-color: #8f24af !important; /* Kuning Lembut Syar'ie */
    padding-left: 14px;
    border-bottom: 3px solid #8b732e; /* Garis bawah emas tua */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/* Merapikan Logo Header agar Proporsional */
.pkp_site_name .is_img img {
    width: 1060px;
    max-height: 100%;
}

    .pkp_navigation_primary>li:first-child a {
        margin-left: 0.5em;
    }
.pkp_structure_head a {
    text-decoration: none;
    color: black;
    padding: 3px;
    
}
    .pkp_structure_main:after {
     left: 800px; 
    }
.pkp_structure_head a:hover {
    background-color: #8f24af;
    color: #000;
}
/* Background Luar Kotak */
html,body {
    /*background-color: #f7f7f0 !important; /* Warna krem sangat muda */
    background-image: url(/RujUxYuks/site/images/pengelola/white-waves.webp);
    background-repeat: repeat !important;
    background-attachment: fixed !important; /* Pattern diam saat di-scroll */
    background-color: #e9e9e9; /* Warna cadangan jika gambar gagal dimuat */
    margin: 0;
    padding: 0;
}

/* Tampilan Mobile (HP) */
    @media (max-width: 767px) {
    .pkp_structure_page {
        margin: 10px !important;
        width: calc(100% - 20px);
    }
    .pkp_site_name .is_img img {
        max-height: 70px !important;
    }
}
.sidebar-ibi-container {
    background-color: #fff;
    width: 200px;
    border: 1px solid  hsl(0, 3%, 94%) ;
    text-align: center;
}
a:link, a a:visited, a:hover, a:active {
    text-decoration: none;
}
.sidebar-header {
    padding: .5em 1em;
    margin-bottom: 12px;
    background-color: darkgoldenrod ;
    display: block;
    color: #eee7e7;
    letter-spacing: 0
    
}

.th, td a {
    background-color: #8f24af;
    font-size: 19px ;
    border: 1px solid black;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
}

/* Ini Untuk Sidebar*/


#customblock-menu {
    padding: 0;
    position: relative;
    left: -16px;
    top: -17px;
}
.sidebar-ibi-container {/*untuk container additional menu dkk*/
    background-color: #fff;
	padding-left: 10px;
    width: 278px;
	border: 1px solid  #fff ;
    text-align: center;
	
	
}
a:link, a a:visited, a:hover, a:active {
    text-decoration: none;
}
.th , td a:hover {
	color: rgb(255, 47, 82);
}
.sidebar-header {/*untuk judul additional menu nya*/
    font-size: 20px;
	padding: 10px 0 10px 7px ;
	max-width: 100%;
    margin-bottom: 10px;
	margin-left:0;
    background-color: rgba(128, 72, 4, 0.774) ;
    color: #eee7e7;
    letter-spacing: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	box-sizing: border-box;
    
}

.th, td a {
	color: #ffffff;
	font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
}
.th, td {
    width: 900px;
	background-color: #8f24af;
    font-size: 19px ;
    border: 1px solid rgba (0, 0, 0, 0.3);
	padding: 10px;
	margin: 10px;
}
.sidebar-table td a {
    /* KUNCI UTAMA: Mengubah link menjadi blok penuh */
    display: block !important; 
    width: 100% !important;
    height: 100% !important;
    
    /* Atur padding di sini, JANGAN di <td> */
    padding: 12px 15px !important; 
    
    /* Hilangkan dekorasi teks */
    text-decoration: none !important;
    color: #ffffff ;
    font-weight: bold;
    transition: 0.3s;
}
/* Hilangkan padding pada <td> agar <a> bisa menempel ke pinggir */
.sidebar-table td {
    padding: 0 !important; 
    background-color: #8f24af; /* Warna yg diganti untuk madanisyariah*/
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.sidebar-table{
	border-spacing: 10px;
}
/* Efek saat kursor berada di MANA SAJA di dalam kotak */
.sidebar-table td a:hover {
    background-color: #be90a5; /* Warna yg diganti saat hover */
    color: #1a5a3a !important; /* Tulisan berubah hijau IBI */
}