/* =========================================================
   CSS Custom - Jurnal Teras Kesehatan (JTKes)
   Tema warna: Ungu tua, Navy, Oranye/Kuning (sesuai header)
   ========================================================= */

/* ---------- General ---------- */
body {
font-family: tahoma, geneva, sans-serif !important;
background: white;
}

/* ---------- Header (logo full width, nempel sampai kanan) ---------- */
.pkp_site_name_wrapper {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 !important;
}
.pkp_site_name {
width: 100% !important;
}
.pkp_site_name>a {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pkp_structure_head {
background-position: center top;
background: white;
border-bottom: 0;
}
.pkp_structure_head .container,
.pkp_site_name_wrapper .container {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.pkp_site_name .is_img,
.pkp_site_name>a {
display: block !important;
width: 100% !important;
}
.pkp_site_name .is_img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
display: block !important;
margin-top: 0 !important;
}

/* ---------- Navigasi utama ---------- */
.pkp_navigation_primary_row {
text-align: center;
background: #2E2A5C !important; /* navy ungu tua, senada header */
font-weight: bold;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li {
padding: 0 !important;
margin: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
margin: 0 !important;
padding: 0 15px !important;
line-height: 40px !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
font-family: tahoma, geneva, sans-serif;
color: #ffffff !important;
font-weight: bold !important;
transition: 0.2s;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover {
background: #F2994A !important; /* oranye aksen */
border-radius: 20px !important;
color: white !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul {
background: #2E2A5C !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li a:hover {
border-radius: 0 !important;
-webkit-border-radius: 0 !important;
-o-border-radius: 0 !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li {
border-bottom: solid 1px rgba(255,255,255,0.4) !important;
}
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li ul li:last-child {
border-bottom: none !important;
}

/* ---------- Search / user nav ---------- */
.pkp_navigation_search_wrapper {
background: #EAEEEE;
transition: 0.5s;
}
.pkp_navigation_search_wrapper a {
color: black;
}
.pkp_navigation_search_wrapper:hover {
border-radius: 20px;
}
.pkp_navigation_user.pkp_nav_list .profile a {
border-radius: 15px !important;
padding-left: 10px;
padding-right: 10px;
background: #F2994A !important;
color: #ffffff;
font-weight: bold !important;
transition: 0.2s;
border: 2px solid #EAEEEE;
}
.pkp_navigation_user.pkp_nav_list .profile a:hover {
background: #EAEEEE;
color: black;
}
.dropdown-menu {
background: #2E2A5C !important;
}
.pkp_site_nav_toggle {
background-color: #2E2A5C;
}

/* ---------- Blok "Kepala" (kalau dipakai di sidebar/menu block) ---------- */
.kepala {
color: #EAEEEE;
background: #2E2A5C;
padding: 10px;
font-family: tahoma;
line-height: 23px;
border-bottom: 4px solid #F2994A;
font-weight: bold;
text-align: center;
}
.badan {
margin-top: -15px;
}
.badan a {
display: block;
padding: 10px;
border-bottom: 1px solid white;
background: #EAEEEE;
text-align: center;
transition: 0.5s;
color: black;
}
.badan a:hover {
color: black !important;
font-weight: bold;
box-shadow: gray 0px 5px 10px 0px;
position: relative;
}

/* ---------- Daftar isi / ringkasan artikel ---------- */
.obj_article_summary {
box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
padding: 20px;
padding-bottom: 10px !important;
border-radius: 10px;
border-bottom: solid 4px #2E2A5C !important;
background: #EAEEEE;
font-size: 12px;
}
.obj_article_summary:hover {
background: #F5E9DA; /* nuansa krem-oranye lembut */
}
.meta .authors {
background: url(https://i.ibb.co/wwXb1Bh/icon-group.png) 1px 2px no-repeat rgba(0,0,0,0);
font-weight: bold;
margin-top: 4px;
padding-bottom: 5px;
padding-left: 30px;
}

/* ---------- Judul & link isi ---------- */
.pkp_structure_main h1 {
font-weight: 600;
font-size: 20px;
}
.pkp_structure_main a {
color: #2E2A5C !important;
}
.pkp_structure_main a:hover {
color: #F2994A !important;
}
.obj_galley_link {
font-weight: 700;
text-transform: capitalize !important;
background: #DEDCE0 !important;
color: #ffffff !important;
border: solid 1px #2E2A5C !important;
}
.obj_galley_link:hover {
background: #ffffff !important;
color: #2E2A5C !important;
}
.obj_article_details .page_title {
background: #EAEEEE;
padding: 15px;
border-radius: 10px;
box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}
.description {
text-align: justify;
}
.main_entry .item.abstract {
text-align: justify;
}
.section {
padding-top: 70px !important;
}
.pkp_structure_sidebar.left {
background: white;
}

/* ---------- Homepage about + gambar ---------- */
.homepage_image {
display: inline-block;
width: 28%;
margin-left: 0px;
float: right;
}
.homepage_image img {
margin: 60px 0px 0px -20px;
width: 300px;
display: inline-block;
float: left;
box-shadow: 4px 2px 5px gray;
margin-right: 15px;
}
.homepage_about {
display: inline-block;
width: 70%;
text-align: justify;
}

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper {
background-image: linear-gradient(to right top, #2E2A5C, #5B4E9E, #8E7CC3, #C9BEEA, #F2E9DA);
border-bottom: 20px solid #1B1B3A;
}
.pkp_footer_content {
float: left;
width: 70%;
padding-top: 10px;
padding-bottom: 10px;
}
.pkp_brand_footer,
.pkp_footer_content .pkp_brand_footer,
.pkp_footer_content .pkp_brand_footer a {
display: none !important; /* sembunyikan branding OJS/PKP di footer */
}
.pkp_page_submissions.pkp_op_index {
background: white;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
.homepage_about {
width: 100%;
}
.pkp_block.block_custom .content {
margin-left: 0px !important;
margin-right: 0px;
}
}
@media (max-width: 991px) {
.homepage_about {
margin-top: 30px;
}
.pkp_structure_main {
margin-top: 0px !important;
}
.pkp_site_name_wrapper {
padding-bottom: 0px;
}
.cmp_breadcrumbs {
margin-top: 60px !important;
}
}
@media (max-width: 400px) {
.homepage_image {
width: 100%;
margin: 20px;
}
.homepage_about {
margin-top: 0px;
width: 100%;
}
}