/* =====================================================
   FINAL FIX — BACKGROUND AMAN + MENU KUNING PAS BATAS
   + LOGO HEADER FULL AREA (LEBAR & TINGGI)
   OJS 3.4 | DEFAULT / MANUSCRIPT THEME
===================================================== */

/* ===============================
   BACKGROUND GLOBAL (AMAN)
=============================== */
html, body {
    margin: 0;
    padding: 0;
}

body {
    background-image: url('https://jurnal.udi.ac.id/public/site/images/background-laman-utama.jpg');
    background-repeat: repeat;
    background-position: left top;
}

/* ===============================
   WRAPPER OJS (JANGAN TUTUP BACKGROUND)
=============================== */
.pkp_structure_page {
    background: transparent !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ===============================
   HEADER (KUNCI AREA HEADER)
=============================== */
.pkp_structure_head {
    background: transparent !important;
    padding-top: 2rem;
    min-height: 180px;   /* HEADER JADI CANVAS */
}

/* ===============================
   HEADER GRID OJS (BUKA BATAS)
=============================== */
.pkp_structure_head .pkp_head_wrapper {
    height: 100%;
}

.pkp_structure_head .pkp_head_wrapper > div {
    height: 100%;
}

/* ===============================
   LOGO / HEADER IMAGE (INTI SESUNGGUHNYA)
=============================== */

/* Area nama situs = penuh header */
.pkp_site_name {
    height: 100%;
    width: 100%;
}

/* Wrapper logo */
.pkp_site_name_wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;      /* tengah vertikal */
}

/* Logo image */
.pkp_site_name img {
    height: 100% !important;     /* IKUT TINGGI HEADER */
    width: auto !important;      /* JAGA PROPORSI */
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
}

/* ===============================
   KONTEN PUTIH (AMAN)
=============================== */
.pkp_structure_content {
    background: #ffffff;
}

/* ===============================
   NAVIGATION BAR — KUNING PAS BATAS HEADER
=============================== */
.pkp_navigation_primary_wrapper {
    background-color: #ffff00 !important;

    margin-left: -28px;
    margin-right: -28px;

    padding-left: 28px;
    padding-right: 28px;
}

/* Area luar menu tetap transparan */
.pkp_site_nav_menu,
.pkp_navigation_primary {
    background: transparent !important;
}

/* Link menu */
.pkp_navigation_primary > li > a {
    color: #000000 !important;
    font-weight: 600;
}

/* Hover */
.pkp_navigation_primary > li > a:hover {
    background-color: rgba(0,0,0,0.1) !important;
    border-radius: 6px;
}

/* Aktif */
.pkp_navigation_primary > li.current > a {
    background-color: rgba(0,0,0,0.2) !important;
}

/* Dropdown */
.pkp_navigation_primary ul {
    background-color: #ffff00 !important;
}

/* Mobile toggle */
.pkp_site_nav_toggle {
    background-color: #ffff00 !important;
}