/* ============================================ */
/* 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: 2px 0 0 0  !important; 
    background: #FAAB00 !important; 
    /* Warna background header */
    border-radius: 14px 14px 0 0; 
    /* Membulat hanya bagian atas */
}
.pkp_site_name .is_img img {
    max-height: 100% !important; /* Tinggi maksimum mengikuti container */
    max-width: 100% !important; /* Lebar maksimum mengikuti container */}

/* Logo/judul jurnal */
.pkp_site_name { margin: 0 !important; width: 100%;}

/* 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 
ul.pkp_navigation_primary,
.pkp_navigation_primary_row {
    background: #FAAB00; 
    /* Warna navbar */
    font-weight: normal; 
    /* Ketebalan font normal */
    border-bottom: 2px solid #3a7fb0;
    margin-top: 0 !important;}

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

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

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

/* Hover menu */
.pkp_navigation_primary_row a:hover {
    background: #ffefb5; 
    /* Warna saat hover */
    border-radius: 4px 4px 4px 4px; 
    color: #1F2027 !important; 
    /* Warna teks saat hover */}

/* Dropdown menu */
.pkp_navigation_primary_row ul ul {
    background: #ffefb5 !important; 
    /* Background dropdown */
    border-radius: 4px 4px 4px 4px; }

.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; 
    /* 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:0px 0px 0px 0px; 
    /* 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.2);
  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: #3a7fb0;
  color: #ffffff; 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;}