@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');/* 🎨 Warna utama Jurnal ABDIMAS */



:root {
  --primaryrobust: royalblue;        /* Emas/Oranye (EX, aksen sorotan buku) */
  --primary-darkrobust: #1434A4;
  --light:#ffff;

  --primaryjiss:purple;
  --primary-darkjiss:gold;

  --primarysync:green ;
  --primary-darksync:orange;
  --red:crimson;
  
 
}


body {
  font-family: "League Spartan", sans-serif !important;
  font-optical-sizing: auto !important;
  font-style: normal !important;
  border:none !important;
}

.pkp_brand_footer{
  display: none !important;
}

.pkp_structure_content:before,
.pkp_structure_content:after,
.pkp_structure_sidebar:before,
.pkp_structure_sidebar:after {
  display: none !important;
  border: none !important;
  box-shadow: none !important;
}



/* pastikan header container tidak punya padding top bawaan */
.has_site_logo .pkp_head_wrapper {
  padding-top: 0 !important;
}

/* biarkan struktur header mengikuti alur vertikal (logo lalu nav) */
.pkp_head_wrapper > .pkp_structure_head,
.pkp_head_wrapper > .pkp_site_nav_menu,
.pkp_head_wrapper > .pkp_navigation_primary_wrapper {
  width: 100%;
  box-sizing: border-box;
}

/* AREA LOGO — tinggi besar, logo mengisi area */
.pkp_site_name_wrapper,
.pkp_site_name {
  display: block;
  width: 100%; 
  overflow: hidden;
}

/* gambar logo mengisi area penuh (akan crop kalau rasio beda) */
.pkp_site_name img {
  display: block;
  width: 100% !important;
  height: 300px;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover; /* memastikan nutup area */
}

/* ============================
   Navigation bar — di bawah logo
   ============================ */
/* pastikan nav ikut alur dokumen (bukan absolute/overlay) */
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper {
  position: static !important;
  z-index: auto !important;
}

.dropdown-menu .show{
  background-color: var(--primaryrobust);
}



/* strip hijau navigasi, tinggi tetap dan align vertikal */
.pkp_navigation_primary_wrapper {
  background-color: var(--light);
  height: 54px;               /* tinggi strip nav (ubah sesuai selera) */
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 1rem;            /* padding kiri/kanan agar konten tidak nempel */
  margin-top: 0;              /* jangan tarik ke atas lagi */
  border-bottom: solid 2px var(--primary-darkrobust);
}

/* UL list menu (navigasi utama) */
.pkp_navigation_primary {
  display: flex;
  gap: 1.25rem;
  margin: 0 auto;              /* biar center */
  padding: 5px 1rem;  
  list-style: none;
  align-items: center;
  height: 12px;
  max-width: 1200px !important;           /* batasin sejajar header */
  width: 100%;                 /* tapi tetap responsive */
  box-sizing: border-box;
}



/* Link styling */
.pkp_navigation_primary li a,
.pkp_navigation_primary li a:link,
.pkp_navigation_primary li a:visited {
  color: var(--primaryrobust);
  font-weight: 600;
  padding: .35rem .5rem;
  background-color: var(--light);
  border: solid 2px var(--primary-darkrobust);
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  transition: ease 2ms;
}

.pkp_navigation_primary li a:hover {
  color: var(--light);
  background-color: var(--primary-darkrobust);
  border-color: var(--primary-darkrobust);
}

/* hide user/admin small menu wrapper if you already removed it */
.pkp_navigation_user_wrapper { display: none !important; }

/* responsive adjustments */
@media (max-width: 992px) {
  .pkp_site_name_wrapper, .pkp_site_name { height: 140px; }
  .pkp_navigation_primary_wrapper { height: 48px; }
  .pkp_navigation_primary { gap: .6rem; padding: 0 .5rem; }
  .pkp_navigation_primary li a { font-size: .95rem; }
}


/* Hilangkan background biru default OJS */
.pkp_structure_head,
.pkp_site_name_wrapper,
.pkp_site_name {
  background: transparent !important;
}

/* Pastikan wrapper utama header putih/transparan sesuai keinginan */
.pkp_head_wrapper {
  background: white !important; /* bisa ganti ke transparent kalau mau full putih doang */
}

/* Kadang OJS kasih gradient di logo wrapper */
.pkp_site_name a {
  background: none !important;
}

/* ============================
   Dropdown menu customization
   ============================ */

/* ubah background dropdown */
.pkp_navigation_primary_wrapper .dropdown-menu {
  background-color: var(--primaryrobust) !important;
  border: none !important; /* ilangin border putih tipis */
  border-radius: 0 !important; /* biar flat kaya JIPMAS */
  padding: 0.25rem 0;
}

/* ubah warna link di dropdown */
.pkp_navigation_primary_wrapper .dropdown-menu a,
.pkp_navigation_primary_wrapper .dropdown-menu a:link,
.pkp_navigation_primary_wrapper .dropdown-menu a:visited {
  color: #fff !important;      /* teks putih */
  font-weight: 500;
  padding: .5rem 1rem;
  display: block;
}

/* efek hover */


.pkp_structure_page{
  background-image: linear-gradient(297deg, transparent 0%, transparent 34%, rgba(178, 178, 178, 0.02) 34%, rgba(178, 178, 178, 0.02) 53%, transparent 53%, transparent 100%), linear-gradient(222deg, transparent 0%, transparent 30%, rgba(202, 216, 243, 0.24) 30%, rgba(202, 216, 243, 0.24) 58%, transparent 58%, transparent 100%), linear-gradient(352deg, transparent 0%, transparent 25%, rgba(204, 217, 247, 0.11) 25%, rgba(204, 217, 247, 0.11) 57%, transparent 57%, transparent 100%), linear-gradient(90deg, rgb(255, 255, 255), rgb(255, 255, 255));
 
}


.pkp_structure_content{
  width: 1200px !important; 
box-shadow: royalblue 0px 20px 30px -10px;

}




.page_index_site .about_site p[data-start="212"][data-end="419"] strong {
  font-weight: 600 !important;
  text-transform: capitalize !important;
  font-size: 2em !important; 
  color:var(--primary-darkrobust) ;
  border-bottom: solid 2px var(--primaryrobust);
  display: inline-block;
}







/* ================================
   🔗 Default Link Styling
   ================================ */
.page_index_site .journals .has_thumb .body .links a {
  font-size: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  text-align: center;
  font-weight: bold;
  padding: 0.7em 2em;
  border-radius: 2px;
  position: relative;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16),
              0 3px 6px rgba(0, 0, 0, 0.1);
  text-decoration: none;
  transition: 0.3s ease all;
  z-index: 1;
  width: 100%;
  margin: 5px 0;
}

.page_index_site .journals .has_thumb .body .links a:before {
  transition: 0.5s all ease;
  position: absolute;
  top: 0;
  left: 50%;
  right: 50%;
  bottom: 0;
  opacity: 0;
  content: '';
  z-index: -1;
}

.page_index_site .journals .has_thumb .body .links a:hover, 
.page_index_site .journals .has_thumb .body .links a:focus {
  color: white;
}

.page_index_site .journals .has_thumb .body .links a:hover:before, 
.page_index_site .journals .has_thumb .body .links a:focus:before {
  left: 0;
  right: 0;
  opacity: 1;
}

.page_index_site .journals .has_thumb .body .links a:active {
  transform: scale(0.9);
}


/* ================================
   🎨 Jurnal 1: Robust
   ================================ */
.page_index_site .journals .has_thumb:has(img[src*="journals/1/"]) .body .links a {
  color: var(--primaryrobust);
  border: 3px solid var(--primary-darkrobust);
}
.page_index_site .journals .has_thumb:has(img[src*="journals/1/"]) .body .links a:before {
  background-color: var(--primaryrobust);
}
.page_index_site .journals .has_thumb:has(img[src*="journals/1/"]) .body .links a:hover {
  color: var(--light);
  background-color: var(--primary-darkrobust);
  box-shadow: var(--primary-darkrobust) 0 -4px 6px inset;
}
.page_index_site .journals .has_thumb:has(img[src*="journals/1/"]) h3 a {
  color: var(--primaryrobust);
}


/* ================================
   🎨 Jurnal 2: Jiss
   ================================ */
.page_index_site .journals .has_thumb:has(img[src*="journals/2/"]) .body .links a {
  color: var(--primaryjiss);
  border: 3px solid var(--primaryjiss);
}
.page_index_site .journals .has_thumb:has(img[src*="journals/2/"]) .body .links a:before {
  background-color: var(--primaryjiss);
}
.page_index_site .journals .has_thumb:has(img[src*="journals/2/"]) .body .links a:hover {
  color: var(--primary-darkjiss);
  background-color: var(--primaryjiss);
  box-shadow: var(--primaryjiss) 0 -4px 6px inset;
}
.page_index_site .journals .has_thumb:has(img[src*="journals/2/"]) h3 a {
  color: var(--primaryjiss);
}


/* ================================
   🎨 Jurnal 3: Sync
   ================================ */
.page_index_site .journals .has_thumb:has(img[src*="journals/3/"]) .body .links a {
  color: var(--red);
  border: 3px solid var(--primary-darksync);
}
.page_index_site .journals .has_thumb:has(img[src*="journals/3/"]) .body .links a:before {
  background-color: var(--primarysync);
}
.page_index_site .journals .has_thumb:has(img[src*="journals/3/"]) .body .links a:hover {
  color: var(--light);
  background-color: var(--primary-darksync);
  box-shadow: var(--primary-darksync) 0 -4px 6px inset;
}
.page_index_site .journals .has_thumb:has(img[src*="journals/3/"]) h3 a {
  color: var(--primarysync);
}