/* ============================================ */
/* CSS EQUALS */
/* ============================================ */

/* ===== BODY ===== */
html, body {
    font-family: Aptos, "Segoe UI", Arial, sans-serif !important; 
    /* Mengatur jenis font utama website (prioritas: Aptos → Segoe UI → Arial → sans-serif) */

    background: url(https://thumbs.dreamstime.com/b/science-technology-engineering-math-seamless-pattern-vector-made-stem-blue-linear-icons-white-background-133034355.jpg); 
    /* Memberi background berupa tekstur gambar */

    background-repeat: repeat; 
    /* Background diulang terus agar memenuhi layar */

    background-size: auto; 
    /* Ukuran background mengikuti ukuran asli gambar */

    margin: 0;
    /* Menghapus jarak default di luar halaman */
}

/* ===== CONTAINER ===== */
.pkp_structure_page {
    max-width: 1200px; 
    /* Lebar maksimal konten */

    margin: 20px auto; 
    /* Memberi jarak atas-bawah 20px dan tengah otomatis */

    background: #ffffff; 
    /* Background putih */

    box-shadow: 0 0 10px rgba(0,0,0,0.15); 
    /* Efek bayangan */

    border-radius: 14px; 
    /* Sudut membulat */
}

/* ===== HEADER ===== */
.pkp_structure_head,
.pkp_head_wrapper {
    padding: 14px 0 0 0  !important; 
    background: #FAAB00 !important; 
    /* Warna background header */

    border-radius: 14px 14px 0 0; 
    /* Membulat hanya bagian atas */
}

/* Logo/judul jurnal */
.pkp_site_name {
    margin: 0 !important; 
    /* Hilangkan margin */

    width: 100%; 
    /* Lebar penuh */
}

/* Gambar logo */
.pkp_site_name img {
    width: 100% !important; 
    /* Gambar memenuhi container */

    height: auto !important; 
    /* Tinggi menyesuaikan */

    display: block; 
    /* Menghilangkan jarak bawah gambar */
}

/* ===== NAVBAR ===== */
.pkp_navigation_primary_row {
    background: #FAAB00; 
    /* Warna navbar */

    font-weight: normal; 
    /* Ketebalan font normal */
}

/* Link menu */
.pkp_navigation_primary_row a {
    color: #000000 !important; 
    /* Warna teks hitam */

    padding: 0 15px !important; 
    /* Jarak kiri kanan */

    line-height: 40px !important; 
    /* Tinggi bar menu */
}

/* Hover menu */
.pkp_navigation_primary_row a:hover {
    background: #ffefb5; 
    /* Warna saat hover */

    color: #1F2027 !important; 
    /* Warna teks saat hover */
}

/* Dropdown menu */
.pkp_navigation_primary_row ul ul {
    background: #ffefb5 !important; 
    /* Background dropdown */
}

.pkp_navigation_primary_row ul ul a {
    color: #000000 !important; 
    /* Warna teks dropdown */
}

.pkp_navigation_primary_row ul ul a:hover {
    background: #f39c12 !important; 
    /* Hover dropdown */

    color: #000000 !important;
}

/* ===== BREADCRUMB ===== */
.pkp_breadcrumbs {
    background: transparent !important; 
    /* Hilangkan background */

    border: none !important; 
    /* Hilangkan border */
}

.pkp_breadcrumbs a {
    color: #FAAB00 !important; 
    /* Warna link breadcrumb */
}

/* ===== CONTENT ===== */
.pkp_structure_content {
    background: #ffffff !important; 
    /* Background konten */
}

.pkp_structure_main {
    padding: 20px; 
    /* Jarak dalam konten */
}

/* Judul */
.pkp_structure_main h1 {
    font-weight: 600; 
    /* Semi-bold */

    font-size: 20px; 
    /* Ukuran judul */
}

/* Link */
.pkp_structure_main a {
    color: #135f89 
    /* Warna link */
}

.pkp_structure_main a:hover {
    color: rgba(230,,180,2,0.65) !important; 
    /* Warna saat hover */
}

/* ===== ARTIKEL ===== */
.obj_article_summary {
    padding: 4px 0 !important; 
    /* Jarak atas bawah */

    background: transparent !important; 
    /* Tanpa background */

    box-shadow: none !important; 
    /* Tanpa bayangan */

    border-bottom: 1px solid #ddd !important; 
    /* Garis bawah */

    font-size: 14px; 
    /* Ukuran teks */
}

.obj_article_summary:hover {
    background: transparent !important; 
    /* Tidak berubah saat hover */
}

/* ===== BUTTON PDF ===== */
.obj_galley_link {
    font-weight: 700; 
    /* Tebal */

    text-transform: capitalize !important; 
    /* Huruf kapital awal */

    background: #FFC344 !important; 
    /* Warna tombol */

    color: #000000 !important; 
    /* Warna teks */

    border: none !important; 
    /* Tanpa border */
}

.obj_galley_link:hover {
    background: #23b832 !important; /* warna hover */
    color: #ffffff !important;      /* teks jadi putih */
    transform: translateY(-2px);    /* naik sedikit */
    box-shadow: 0 4px 10px rgba(0,0,0,0.15); /* bayangan */
}

/* ===== FOOTER ===== */
.pkp_structure_footer_wrapper {
    background: #FAAB00 !important; 
    /* Background footer */

    border-bottom: 20px solid #FAAB00; 
    /* Garis bawah tebal */
    border-radius: 0 0 14px 14px; 
}

.pkp_footer_content {
    width: 100%; 
    /* Lebar penuh */

    padding: 10px 0; 
    /* Jarak */
}

.pkp_footer_content img {
    border: 0px solid #2f2f2f; 
    /* Border gambar */
}

.pkp_brand_footer {
    display: none; 
    /* Sembunyikan branding OJS */
}

/* ===== HOMEPAGE ===== */
.homepage_image {
    display:inline-block; 
    /* Elemen sejajar */

    width:28%; 
    /* Lebar 28% */

    float:right; 
    /* Posisi kanan */
}

.homepage_image img {
    margin:60px 0px 0px -20px; 
    /* Posisi gambar */

    box-shadow:4px 2px 5px gray; 
    /* Bayangan */

    width:300px; 
    /* Ukuran gambar */
}

.homepage_about {
    display:inline-block; 
    /* Sejajar */

    width:70%; 
    /* Lebar teks */
}

.homepage_about p {
    text-align:justify; 
    /* Rata kiri kanan */
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    .homepage_about {
        width:100%; 
        /* Full di layar kecil */
    }
}

@media (max-width: 360px) {
    .homepage_image {
        width:90%; 
        /* Hampir full */

        margin:0; 
        /* Hilangkan margin */
    }
}

/* JUDUL ARTIKEL */
.obj_article_summary .title a {
    color: #00526b !important; /* warna utama jurnal */
    font-weight: 600;
}

/* Hover */
.obj_article_summary .title a:hover {
    color: #d98c00;
}

/* ===== SIDEBAR CUSTOM ===== */

/* Sidebar utama */
.sidebar {
  font-family: Aptos,Arial, sans-serif;
}

/* Card box */
.box {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: 0.3s;
}

/* Hover card */
.box:hover {
  transform: translateY(-2px);
}

/* Header card */
.box-header {
  padding: 10px;
  background: #FAAB00;
  color: #000000;
  text-align: center;
  font-weight: normal;
  font-size: 14px;
}


/* Menu list */
.menu {
  list-style: none;
  margin: 0;
  padding: 5px 0;
}

.menu li {
  border-bottom: 1px solid #eee;
}

.menu li:last-child {
  border-bottom: none;
}

.menu li a {
  display: block;
  padding: 1px 14px;
  color: #000000;
  text-decoration: none;
  font-size: 14px;
  transition: 0.2s;

}

.menu li a:hover {
  background: #fefff2;
  color: #23b832;
  padding-left: 16px;
}

/* Center */
.center {
  text-align: center;
  padding: 15px;
}

/* Image */
.img-full {
  width: 100%;
  max-width: 270px;
}

/* Tools (logo grid) */
.tools {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
  padding: 10px 10px 18px 10px;
}

.tools img {
  width: 100%;
  max-width: 110px;
  margin: 0 auto;
  display: block;
}

/* hover efek image sidebar*/
.tools img:hover {
  transform: translateY(-2px); /* naik sedikit */
  box-shadow: 0 6px 12px rgba(0,0,0,0.15); /* bayangan */
  transition: 0.2s;
}