@media (min-width: 1200px) {
    .pkp_structure_page {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
        border-radius: 5px;
    .pull-md-right {
        display: none;

    }
    .navbar-header {
    display: block !important;
    width: 100% !important;
    
}
.pkp_structure_main{
    width: 77%;
    padding:0;
}
.pkp_structure_sidebar{
    width: 23%;
    padding: 0;
    position: relative;
    left: 30px;
    bottom: 20px;
}
}


.container-fluid{
    background-image: linear-gradient(45deg, #c889c2, #863093);
    }
.navbar-brand {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    
}
.navbar-brand img {
    width: 1200px;
    max-width: 102% !important;
    height: fit-content;
    position: relative;
    bottom: 38px;
    right: 10px;
    z-index: 5;
    }
}


@media (min-width:768px) {
     .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse,.container-fluid.navbar-collapse{
        height:130px;
        max-height:100%;
        box-sizing:border-box;
      
}
}

.pkp_structure_page {
    margin: 0 auto;
    max-width: 1200px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
a:focus, 
button:focus, 
.navbar-nav > li > a:focus {
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}
.navbar-default .nav>li>a, .header_view .nav>li>a{
    position: relative;
    display: block;
    z-index: 6;
}

/* untuk kotak Index abstrac Wadah Utama */
.indexing-container {
    width: 100%;
    max-width: 250px; /* Sesuaikan lebar sidebar */
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    font-family: Arial, sans-serif;
}

/* Judul Biru Paling Atas */
.indexing-header {
    background: #8f24af; /* Biru OJS */
    color: white;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

/* Kotak per Item */
.indexing-item {
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    position: relative;
    text-align: center;
}


/* Logo dan Efek Transformasi Membesar */
.indexing-logo img {
    max-width: 200px;
    height: auto;
    margin-top: 0px;
    transition: transform 0.3s ease-in-out; /* Durasi animasi */
}

/* Saat Kursor Menyentuh Item */
.indexing-item:hover {
    background-color: #ffffff;
}

.indexing-item:hover .indexing-logo img {
    transform: scale(1.05); /* Membesar 10% */
}

/* Hilangkan garis bawah pada link */
.indexing-logo a {
    text-decoration: none !important;
}
.panel-default, .pkp_block {
    border-color:#ffffff;
}
img{
    max-width: 200px;
}
.pkp_structure_sidebar .pkp_block {
    border-bottom: none !important; /* Menghilangkan garis solid */
    box-shadow: none !important;    /* Menghilangkan bayangan tipis yang menyerupai garis */
    margin-bottom: 20px;            /* Tetap beri jarak antar blok agar tidak menempel */
    padding-bottom: 0 !important;
}
/* Menghilangkan kotak dan border khusus untuk blok Submission */
#customblock-submissions {
    border: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap:10px;
}

#main-navigation.nav.navbar-nav>li>a:hover{
    background:transparent;
    color: gold;
}
/* pengaturan block submit */
.indexing-header{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.indexing-container1{
    max-width:100%;
    width:240px;
    background:#fff;
    height: 209px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.indexing-container1 img{
    transition: transform 0.3s ease-in-out;
    transform:translateX(0);
    
    margin-left:15px;
    
}
.indexing-container1 img:hover{
    transform:translateX(5px);
    filter:brightness(1.4);
}
/* pengaturan block article template */
.indexing-header{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.indexing-container2{
    max-width:100%;
    width:240px;
    background:#fff;
    height: 170px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.indexing-container2 img{
.effect-move {
    transition: transform 0.4s ease-in-out !important;
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.effect-move:hover {
    transform:  scale(1.05) !important;
}
    
}
/* pengaturan block tools */
.indexing-header{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.indexing-container3, .sidebar-tools-grid{
    max-width:100%;
    width:240px;
    background:#fff;
    height: fit-content;
    padding-bottom: 1px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.indexing-container3 img{
.effect-move {
    transition: transform 0.4s ease-in-out !important;
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.effect-move:hover {
    transform:  scale(1.05) !important;
}
}
.indexing-container3 img{
	width:200px;
	height:70px;
	margin:15px 10px 15px 23px;
}
/* pengaturan block additional menu */
.th, td a {
	color: #ffffff;
	font-family: 'Times New Roman', Times, serif;
    font-weight: bold;
}
.th, td {
    width: 250px;
	background-color: #8f24af;
    font-size: 17px ;
    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: rgb(116, 5, 138); /* Warna yg diganti saat hover */
    color: gold !important; /* Tulisan berubah hijau IBI */
}
.panel-body, .pkp_block .content{
    padding: 0!important;
    position: relative;
    bottom: 20px;
}

/* Efek Geser ke Kanan (Untuk Logo & WA) */
.effect-move {
    transition: transform 0.4s ease-in-out !important;
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.effect-move:hover {
    transform:  scale(1.05) !important;
}

/* Efek Membesar (Untuk Template Jurnal) */
.effect-zoom {
    transition: transform 0.4s ease-in-out !important;
    display: block;
    margin: 10px auto;
}

.effect-zoom:hover {
    transform: scale(1.1) !important;
}

/* Merapikan Tabel Menu agar senada dengan Ungu */
.sidebar-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.sidebar-table td {
    background: #8e44ad; /* Warna Ungu */
    padding: 8px 12px;
    border-bottom: 1px solid #fff;
    transition: background 0.3s;
}

.sidebar-table td a {
    color: #fff !important;
    text-decoration: none;
    display: block;
}

.sidebar-table td:hover {
    background: #9b59b6; /* Ungu lebih terang saat disorot */
    padding-left: 20px; /* Efek teks bergeser sedikit */
}
.sidebar-item-box, .sidebar-tools-grid, .sidebar-item-box .img{
    max-width: 100%;
    width: 240px;
}