/* ============================================================
   KALTARA JOURNAL OF HEALTH SCIENCES (KJHSc)
   POLITEKNIK KALTARA
   FINAL CSS
   Header mengikuti warna portal INDEX Politeknik Kaltara
   ============================================================ */


/* ============================================================
   1. HEADER UTAMA
   ============================================================ */

.pkp_structure_head {
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;

    background:
        radial-gradient(
            circle at 87% 16%,
            rgba(242,194,48,.32) 0 150px,
            transparent 152px
        ),
        radial-gradient(
            circle at 65% 115%,
            rgba(255,255,255,.08) 0 280px,
            transparent 282px
        ),
        linear-gradient(
            115deg,
            #073d35 0%,
            #0b563f 45%,
            #0d4865 100%
        ) !important;

    border: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}


/* ============================================================
   2. AREA IDENTITAS JURNAL
   ============================================================ */

.pkp_site_name_wrapper {
    position: relative !important;

    width: 100% !important;
    min-height: 155px !important;

    margin: 0 !important;
    padding: 24px 32px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    overflow: visible !important;
}


/* ============================================================
   3. SITE NAME
   ============================================================ */

.pkp_site_name {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 2 !important;
}


/* ============================================================
   4. WRAPPER LOGO
   ============================================================ */

.pkp_site_name .is_img {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   5. LOGO POLITEKNIK KALTARA
   ============================================================ */

.pkp_site_name .is_img img,
.pkp_site_name img {
    display: block !important;

    width: 105px !important;
    height: 105px !important;

    max-width: 105px !important;
    max-height: 105px !important;

    object-fit: contain !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: none !important;
    border-radius: 0 !important;

    filter:
        drop-shadow(0 3px 4px rgba(0,0,0,.25)) !important;
}


/* ============================================================
   6. NAMA JURNAL + INSTITUSI
   ============================================================ */

.pkp_site_name .is_img::after {
    content:
        "KALTARA JOURNAL OF HEALTH SCIENCES\A"
        "POLITEKNIK KALTARA";

    display: block !important;

    margin-left: 24px !important;

    white-space: pre !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 27px !important;
    font-weight: 800 !important;

    line-height: 1.55 !important;

    letter-spacing: .5px !important;

    color: #ffffff !important;

    text-shadow:
        0 2px 3px rgba(0,0,0,.20) !important;
}


/* ============================================================
   7. BIDANG KEILMUAN
   ============================================================ */

.pkp_site_name_wrapper::after {
    content:
        "Nursing  •  Pharmacy  •  Health Promotion  •  Occupational Health & Safety";

    position: absolute !important;

    left: 161px !important;
    bottom: 17px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 13px !important;
    font-weight: 500 !important;

    line-height: 1.4 !important;

    letter-spacing: 1px !important;

    color: #d9efe8 !important;

    white-space: nowrap !important;

    z-index: 2 !important;
}


/* ============================================================
   8. DEKORASI KJHSc SAMAR
   ============================================================ */

.pkp_site_name_wrapper::before {
    content: "KJHSc";

    position: absolute !important;

    right: 15px !important;
    bottom: -30px !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size: 120px !important;
    font-weight: 900 !important;

    line-height: 1 !important;

    letter-spacing: 4px !important;

    color: rgba(255,255,255,.055) !important;

    pointer-events: none !important;

    z-index: 0 !important;
}


/* ============================================================
   9. ADMINJOURNAL - KANAN ATAS
   ============================================================ */

.pkp_navigation_user_wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;

    top: 20px !important;
    right: 30px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    z-index: 99999 !important;
}


.pkp_navigation_user {
    display: flex !important;

    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.pkp_navigation_user > li {
    position: relative !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;
}


.pkp_navigation_user > li > a {
    display: block !important;

    padding: 7px 10px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    color: #fff1b0 !important;

    background: transparent !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #ffffff !important;
}


/* ============================================================
   10. DROPDOWN ADMINJOURNAL
   ============================================================ */

.pkp_navigation_user ul {
    position: absolute !important;

    top: 100% !important;
    right: 0 !important;

    min-width: 190px !important;

    background: #ffffff !important;

    border: 1px solid #d8dde2 !important;

    box-shadow:
        0 5px 15px rgba(0,0,0,.15) !important;

    z-index: 100000 !important;
}


.pkp_navigation_user ul li a {
    display: block !important;

    padding: 9px 14px !important;

    color: #1d2329 !important;

    background: #ffffff !important;

    text-decoration: none !important;
}


.pkp_navigation_user ul li a:hover,
.pkp_navigation_user ul li a:focus {
    color: #1d2329 !important;

    background: #fff7cf !important;
}


/* ============================================================
   11. NAVBAR UTAMA
   Mengikuti portal INDEX
   ============================================================ */

.pkp_site_nav_menu {
    position: relative !important;

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
        linear-gradient(
            #fff1aa,
            #f0df7e
        ) !important;

    border: none !important;

    border-bottom:
        1px solid #d6c65d !important;

    box-shadow: none !important;

    overflow: visible !important;

    z-index: 9000 !important;
}


.pkp_navigation_primary_wrapper {
    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background:
        linear-gradient(
            #fff1aa,
            #f0df7e
        ) !important;

    overflow: visible !important;
}


/* ============================================================
   12. MENU UTAMA
   ============================================================ */

.pkp_navigation_primary {
    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
}


.pkp_navigation_primary > li {
    position: relative !important;
}


/* ============================================================
   13. CURRENT - ARCHIVES - ABOUT
   ============================================================ */

.pkp_navigation_primary > li > a {
    color: #1d2329 !important;

    font-family:
        "Arial Narrow",
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    letter-spacing: .3px !important;

    text-decoration: none !important;

    transition:
        background .2s ease !important;
}


.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #1d2329 !important;

    background:
        rgba(255,255,255,.54) !important;
}


/* ============================================================
   14. DROPDOWN ABOUT
   ============================================================ */

.pkp_navigation_primary ul {
    position: absolute !important;

    top: 100% !important;
    left: 0 !important;

    min-width: 240px !important;

    margin: 0 !important;
    padding: 5px 0 !important;

    background: #ffffff !important;

    border: 1px solid #d8dde2 !important;

    border-top:
        3px solid #f2c230 !important;

    box-shadow:
        0 5px 15px rgba(0,0,0,.15) !important;

    z-index: 99999 !important;
}


/* ============================================================
   15. PASTIKAN DROPDOWN ABOUT TAMPIL
   ============================================================ */

.pkp_navigation_primary li:hover > ul,
.pkp_navigation_primary li:focus-within > ul {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;
}


/* ============================================================
   16. LINK SUBMENU ABOUT
   ============================================================ */

.pkp_navigation_primary ul li a {
    display: block !important;

    padding: 10px 16px !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 14px !important;
    font-weight: 500 !important;

    color: #1d2329 !important;

    background: #ffffff !important;

    text-decoration: none !important;
}


.pkp_navigation_primary ul li a:hover,
.pkp_navigation_primary ul li a:focus {
    color: #1d2329 !important;

    background: #fff7cf !important;
}


/* ============================================================
   17. SEARCH
   ============================================================ */

.pkp_search {
    position: absolute !important;

    top: 0 !important;
    right: 30px !important;

    margin: 0 !important;

    z-index: 9500 !important;
}


.pkp_search,
.pkp_search a,
.pkp_search_desktop {
    color: #1d2329 !important;
}


/* ============================================================
   18. HILANGKAN HOMEPAGE IMAGE
   ============================================================ */

.homepage_image {
    display: none !important;
}


/* ============================================================
   19. ABOUT THE JOURNAL
   RATA KIRI - KANAN
   ============================================================ */

.homepage_about p,
.page_index_journal .homepage_about p,
.page_index_journal .additional_content p {
    text-align: justify !important;
}


/* ============================================================
   20. TABLET
   ============================================================ */

@media (max-width: 991px) {

    .pkp_site_name_wrapper {
        min-height: 145px !important;

        padding: 20px !important;
    }


    .pkp_site_name .is_img img,
    .pkp_site_name img {
        width: 90px !important;
        height: 90px !important;

        max-width: 90px !important;
        max-height: 90px !important;
    }


    .pkp_site_name .is_img::after {
        margin-left: 18px !important;

        font-size: 21px !important;

        line-height: 1.6 !important;
    }


    .pkp_site_name_wrapper::after {
        left: 128px !important;
        bottom: 16px !important;

        font-size: 12px !important;

        letter-spacing: .5px !important;

        white-space: normal !important;
    }


    .pkp_site_name_wrapper::before {
        font-size: 90px !important;

        right: 10px !important;
        bottom: -20px !important;
    }


    .pkp_navigation_user_wrapper {
        top: 15px !important;
        right: 20px !important;
    }
}


/* ============================================================
   21. MOBILE / HP
   ============================================================ */

@media (max-width: 767px) {

    .pkp_site_name_wrapper {
        min-height: 180px !important;

        padding: 15px !important;
    }


    .pkp_site_name {
        width: 100% !important;
    }


    .pkp_site_name .is_img {
        width: 100% !important;

        align-items: center !important;
    }


    .pkp_site_name .is_img img,
    .pkp_site_name img {
        width: 65px !important;
        height: 65px !important;

        max-width: 65px !important;
        max-height: 65px !important;
    }


    .pkp_site_name .is_img::after {
        margin-left: 12px !important;

        font-size: 15px !important;

        line-height: 1.55 !important;

        white-space: pre-wrap !important;
    }


    .pkp_site_name_wrapper::after {
        position: relative !important;

        display: block !important;

        left: auto !important;
        bottom: auto !important;

        margin-top: 15px !important;
        margin-left: 77px !important;
        margin-right: 10px !important;

        font-size: 11px !important;

        line-height: 1.5 !important;

        letter-spacing: .3px !important;

        white-space: normal !important;
    }


    .pkp_site_name_wrapper::before {
        font-size: 65px !important;

        right: 5px !important;
        bottom: 5px !important;
    }


    .pkp_navigation_user_wrapper {
        position: relative !important;

        top: auto !important;
        right: auto !important;

        margin: 5px 15px 10px !important;
    }


    .pkp_navigation_user {
        justify-content: flex-end !important;
    }
}

/* ============================================================
   KJHSc - MOBILE FIX FINAL
   Kembalikan navigasi mobile bawaan OJS
   ============================================================ */

@media (max-width: 767px) {

    /* --------------------------------------------
       HEADER
       -------------------------------------------- */

    .pkp_site_name_wrapper {
        min-height: 125px !important;
        padding: 15px 12px 12px 55px !important;
    }

    .pkp_site_name {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_site_name .is_img {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
    }

    .pkp_site_name .is_img img,
    .pkp_site_name img {
        width: 58px !important;
        height: 58px !important;
        max-width: 58px !important;
        max-height: 58px !important;
    }

    .pkp_site_name .is_img::after {
        margin-left: 10px !important;

        font-size: 14px !important;
        font-weight: 800 !important;
        line-height: 1.6 !important;

        letter-spacing: 0 !important;

        white-space: pre-wrap !important;
    }

    .pkp_site_name_wrapper::after {
        position: absolute !important;

        left: 123px !important;
        bottom: 12px !important;

        width: calc(100% - 135px) !important;

        margin: 0 !important;

        font-size: 8px !important;
        line-height: 1.2 !important;

        letter-spacing: 0 !important;

        white-space: nowrap !important;
    }


    /* --------------------------------------------
       PENTING:
       NAVIGASI MOBILE OJS
       -------------------------------------------- */

    .pkp_site_nav_menu {
        position: absolute !important;

        top: 100% !important;
        left: 0 !important;
        right: auto !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff1aa !important;

        border-bottom: 1px solid #d6c65d !important;

        z-index: 100000 !important;
    }


    /* Saat menu mobile TIDAK aktif,
       jangan paksa tampil */
    .pkp_site_nav_menu:not(.pkp_site_nav_menu--isOpen) {
        display: none !important;
    }


    /* Saat tombol hamburger membuka menu */
    .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
        display: block !important;
    }


    /* --------------------------------------------
       PRIMARY NAVIGATION
       -------------------------------------------- */

    .pkp_navigation_primary_wrapper {
        position: relative !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #fff1aa !important;
    }

    .pkp_navigation_primary {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_primary > li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_navigation_primary > li > a {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        box-sizing: border-box !important;

        margin: 0 !important;
        padding: 12px 15px !important;

        font-size: 12px !important;

        color: #1d2329 !important;
    }


    /* --------------------------------------------
       SUBMENU ABOUT
       Jangan selalu terbuka
       -------------------------------------------- */

    .pkp_navigation_primary ul {
        position: static !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-shadow: none !important;

        border: none !important;
        border-top: 1px solid #e1d16e !important;

        background: #fff8d4 !important;
    }

    .pkp_navigation_primary ul li a {
        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;

        padding: 10px 25px !important;

        font-size: 11px !important;

        background: #fff8d4 !important;
    }


    /* --------------------------------------------
       USER MENU
       Register / Login / adminjournal
       -------------------------------------------- */

    .pkp_navigation_user_wrapper {
        position: static !important;

        display: block !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        background: #f6e68d !important;
    }

    .pkp_navigation_user {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 5px 10px !important;

        box-sizing: border-box !important;
    }

    .pkp_navigation_user > li {
        display: block !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
    }

    .pkp_navigation_user > li > a {
        display: block !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 8px 7px !important;

        font-size: 11px !important;

        color: #1d2329 !important;
    }


    /* --------------------------------------------
       SEARCH
       -------------------------------------------- */

    .pkp_search {
        position: static !important;

        display: block !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 8px 15px 12px !important;

        transform: none !important;

        background: #f6e68d !important;
    }

    .pkp_search a,
    .pkp_search_desktop {
        font-size: 11px !important;

        color: #1d2329 !important;
    }

}

/* ============================================================
   FINAL FIX ADMINJOURNAL + SEARCH
   ============================================================ */

/* ADMINJOURNAL */
.pkp_navigation_user_wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: absolute !important;

    top: 0 !important;
    right: 125px !important;

    width: auto !important;
    height: 80px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    z-index: 99999 !important;
}

.pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    height: 80px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_user > li {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    height: 80px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.pkp_navigation_user > li > a {
    display: flex !important;
    align-items: center !important;

    height: 80px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    box-sizing: border-box !important;

    color: #1d2329 !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}


/* SEARCH */
.pkp_search {
    position: absolute !important;

    top: 0 !important;
    right: 25px !important;

    width: 100px !important;
    height: 80px !important;

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    z-index: 99999 !important;
}

.pkp_search a,
.pkp_search_desktop {
    margin: 0 !important;
    padding: 0 !important;

    color: #1d2329 !important;

    white-space: nowrap !important;
}


/* DROPDOWN ADMINJOURNAL */
.pkp_navigation_user ul {
    position: absolute !important;

    top: 80px !important;
    right: 0 !important;

    min-width: 190px !important;

    background: #ffffff !important;

    border: 1px solid #d8dde2 !important;
    border-top: 3px solid #f2c230 !important;

    box-shadow: 0 5px 15px rgba(0,0,0,.15) !important;

    z-index: 100000 !important;
}

/* Rata kiri-kanan untuk halaman informasi OJS */
.pkp_page_information .page p {
    text-align: justify;
    text-justify: inter-word;
}

/* Menjaga judul tetap rata kiri */
.pkp_page_information .page h1,
.pkp_page_information .page h2,
.pkp_page_information .page h3 {
    text-align: left;
}

/* ============================================================
   22. KJHSc - SEMBUNYIKAN IKON RSS / ATOM DI SIDEBAR
   Hanya menyembunyikan konten visual blok web feed.
   Feed RSS/ATOM tetap aktif pada URL aslinya.
   ============================================================ */
.pkp_structure_sidebar .pkp_block.block_web_feed .content,
.pkp_structure_sidebar .pkp_block.block_web_feed .block_content {
    display: none !important;
}


/* ============================================================
   23. KJHSc - JUSTIFY TEKS KONTEN HALAMAN PUBLIK
   Berlaku untuk paragraf dan daftar isi artikel/informasi.
   Tidak mengubah judul, menu, tombol, atau sidebar.
   ============================================================ */
.pkp_structure_main .page p,
.pkp_structure_main .page li,
.pkp_structure_main .page_index_journal .homepage_about p,
.pkp_structure_main .page_index_journal .additional_content p,
.pkp_structure_main .obj_article_details .item.abstract p,
.pkp_structure_main .obj_article_details .item.abstract li,
.pkp_structure_main .obj_article_summary .summary p {
    text-align: justify !important;
    text-justify: inter-word;
    hyphens: auto;
}

/* Jaga elemen judul dan kontrol tetap mengikuti tema */
.pkp_structure_main .page h1,
.pkp_structure_main .page h2,
.pkp_structure_main .page h3,
.pkp_structure_main .page h4,
.pkp_structure_main .page h5,
.pkp_structure_main .page h6 {
    text-align: left !important;
}