/* ================================================
   CUSTOM CSS - Jurnal Kesehatan Kakinaan
   OJS 3.4.0.5
   ================================================ */

@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Open+Sans:wght@400;600;700&display=swap');

/* ================================================
   BODY - Topografi Emas
   ================================================ */
body {
    font-family: 'Open Sans', sans-serif;
    background-color: #b8bdd0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='none' stroke='rgba(200,169,81,0.80)' stroke-width='2.5' d='M0 20 Q12 10 25 20 Q37 30 50 20 Q62 10 75 20 Q87 30 100 20'/%3E%3Cpath fill='none' stroke='rgba(200,169,81,0.60)' stroke-width='1.5' d='M0 35 Q12 25 25 35 Q37 45 50 35 Q62 25 75 35 Q87 45 100 35'/%3E%3Cpath fill='none' stroke='rgba(200,169,81,0.80)' stroke-width='2.5' d='M0 50 Q12 40 25 50 Q37 60 50 50 Q62 40 75 50 Q87 60 100 50'/%3E%3Cpath fill='none' stroke='rgba(200,169,81,0.60)' stroke-width='1.5' d='M0 65 Q12 55 25 65 Q37 75 50 65 Q62 55 75 65 Q87 75 100 65'/%3E%3Cpath fill='none' stroke='rgba(200,169,81,0.80)' stroke-width='2.5' d='M0 80 Q12 70 25 80 Q37 90 50 80 Q62 70 75 80 Q87 90 100 80'/%3E%3Cpath fill='none' stroke='rgba(200,169,81,0.60)' stroke-width='1.5' d='M0 95 Q12 85 25 95 Q37 105 50 95 Q62 85 75 95 Q87 105 100 95'/%3E%3C/svg%3E") !important;
    background-repeat: repeat !important;
    background-size: 100px 100px !important;
}

/* ================================================
   HEADER - max 250px
   ================================================ */
.pkp_structure_head {
    background: #01256f !important;
    border-bottom: 4px solid #c8a951 !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
    padding: 0 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 9999 !important;
}
.pkp_head_wrapper { padding: 0 !important; margin: 0 !important; overflow: visible !important; }
.pkp_site_name_wrapper { padding: 0 !important; margin: 0 !important; width: 100% !important; }
.pkp_site_name { padding: 0 !important; margin: 0 !important; }
.pkp_site_name a.is_img { display: block !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important; }
.pkp_site_name a.is_img img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 1422 / 524 !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}

/* ================================================
   NAVIGASI
   ================================================ */
.pkp_site_nav_menu { overflow: visible !important; }
.pkp_navigation_primary_row {
    background: #011d58 !important;
    border-top: none !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 9999 !important;
}
.pkp_navigation_primary_wrapper {
    background: #011d58 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 9999 !important;
}
.pkp_navigation_primary { overflow: visible !important; }

#navigationPrimary > li {
    position: relative !important;
    overflow: visible !important;
    display: inline-block !important;
}
#navigationPrimary > li > a,
.pkp_search.pkp_search_desktop {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.88rem !important;
    letter-spacing: 0.8px !important;
    padding: 14px 16px !important;
    display: inline-block !important;
    transition: color 0.2s, background 0.2s !important;
    background: transparent !important;
}
#navigationPrimary > li > a:hover,
#navigationPrimary > li:hover > a {
    color: #c8a951 !important;
    background: rgba(255,255,255,0.1) !important;
    border-radius: 4px !important;
}
.pkp_search.pkp_search_desktop:hover { color: #c8a951 !important; }
#navigationUserWrapper a, .pkp_navigation_user a { color: #ffffff !important; transition: color 0.2s !important; }
#navigationUserWrapper a:hover { color: #c8a951 !important; }

/* ================================================
   DROPDOWN - override Popper.js transform
   ================================================ */
#navigationPrimary > li > ul {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    transform: none !important;
    will-change: auto !important;
    z-index: 99999 !important;
    background: #01256f !important;
    border: 2px solid #c8a951 !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.5) !important;
    min-width: 220px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    display: none !important;
    inset: auto auto auto 0 !important;
}
#navigationPrimary > li:hover > ul { display: block !important; }
#navigationPrimary > li > ul > li { display: block !important; padding: 0 !important; margin: 0 !important; }
#navigationPrimary > li > ul > li > a {
    color: #ffffff !important;
    background: transparent !important;
    padding: 11px 18px !important;
    display: block !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    transition: all 0.2s !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
}
#navigationPrimary > li > ul > li > a:hover {
    background: rgba(200,169,81,0.2) !important;
    color: #c8a951 !important;
    padding-left: 24px !important;
}

/* ================================================
   KONTEN & SIDEBAR
   ================================================ */
.pkp_structure_page { background: transparent !important; }
.pkp_structure_content,
.pkp_structure_content.has_sidebar {
    background: #edf0f7 !important;
    padding-bottom: 40px !important;
    position: relative !important;
    z-index: 1 !important;
}
.pkp_structure_main { background: rgba(255,255,255,0.96) !important; border-radius: 8px !important; }
.pkp_structure_sidebar { background: #edf0f7 !important; }

.pkp_structure_main h1, .pkp_structure_main h2, .page_title {
    font-family: 'Merriweather', serif !important; color: #01256f !important;
}
.pkp_structure_main h2 {
    border-bottom: 3px solid #c8a951 !important;
    padding-bottom: 8px !important; margin-bottom: 20px !important;
}

/* ARTIKEL */
.obj_article_summary {
    background: #ffffff !important; border-left: 5px solid #01256f !important;
    border-radius: 0 8px 8px 0 !important; padding: 18px 20px !important;
    margin-bottom: 16px !important; box-shadow: 0 2px 8px rgba(1,37,111,0.10) !important;
    transition: all 0.3s ease !important;
}
.obj_article_summary:hover {
    border-left-color: #c8a951 !important; background: #fffdf0 !important;
    box-shadow: 6px 6px 20px rgba(200,169,81,0.25) !important; transform: translateX(6px) !important;
}
.obj_article_summary .title a {
    color: #01256f !important; font-weight: 700 !important;
    font-family: 'Merriweather', serif !important; transition: color 0.2s !important; text-decoration: none !important;
}
.obj_article_summary .title a:hover { color: #c8a951 !important; }
.obj_article_summary .authors { color: #555 !important; font-size: 0.85rem !important; font-style: italic !important; }

.obj_galley_link {
    background: #01256f !important; color: #fff !important; border: none !important;
    border-radius: 5px !important; padding: 7px 18px !important; font-weight: 700 !important;
    font-size: 0.82rem !important; transition: all 0.3s !important;
    display: inline-block !important; margin-top: 10px !important; text-decoration: none !important;
}
.obj_galley_link:hover {
    background: #c8a951 !important; color: #01256f !important;
    transform: translateY(-2px) !important; box-shadow: 0 5px 14px rgba(200,169,81,0.4) !important;
}

/* SIDEBAR HOVER */
#customblock-online-submission .content p,
#customblock-menu .content p { transition: all 0.25s ease !important; }
#customblock-online-submission .content p:hover,
#customblock-menu .content p:hover {
    background: #01256f !important; border-left: 4px solid #c8a951 !important; transform: translateX(4px) !important;
}
#customblock-online-submission .content p:hover a,
#customblock-menu .content p:hover a { color: #c8a951 !important; }

.obj_issue_summary img, img.cover { transition: all 0.35s !important; }
.obj_issue_summary img:hover, img.cover:hover { transform: scale(1.05) !important; box-shadow: 0 8px 24px rgba(0,0,0,0.22) !important; }

/* ================================================
   FOOTER
   ================================================ */
.pkp_structure_footer_wrapper {
    background: linear-gradient(135deg, #010e2e 0%, #01256f 60%, #0a3a8a 100%) !important;
    border-top: 4px solid #c8a951 !important; margin-top: 0 !important;
}
.pkp_structure_footer { background: transparent !important; padding: 40px 32px !important; }
.pkp_footer_content { color: rgba(255,255,255,0.85) !important; font-size: 0.9rem !important; line-height: 1.8 !important; }
.pkp_footer_content strong, .pkp_footer_content b { color: #c8a951 !important; }
.pkp_footer_content span { color: rgba(255,255,255,0.85) !important; }
.pkp_footer_content a { color: #c8a951 !important; transition: color 0.2s !important; text-decoration: none !important; }
.pkp_footer_content a:hover { color: #fff !important; }
.pkp_brand_footer { border-top: 1px solid rgba(200,169,81,0.3) !important; padding-top: 16px !important; margin-top: 16px !important; opacity: 0.7 !important; }
.pkp_brand_footer img { filter: brightness(0) invert(1) !important; }