@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,600;0,700;1,400&display=swap');

/* STREAMING_CHUNK:Defining global layout and body styles... */
.pkp_structure_head {
background-color: #ffffff !important;
border-bottom: 1px solid #e5e5e5;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

body {
padding: 30px 0;
background: #f4f6f9; /* Pattern batik dihapus */
color: #2b2b2b;
margin: 0;
}

/* Container Utama dengan Bayangan Lebih Jelas & Sudut Melengkung */
.pkp_structure_page {
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.08);
border-radius: 16px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
overflow: hidden;
}

.pkp_navigation_primary_wrapper {
padding-left: 10px;
padding-right: 0;
}

/* STREAMING_CHUNK:Styling breadcrumbs and link styles... /
/ Breadcrumbs Modern dengan Bayangan */
.cmp_breadcrumbs {
display: block;
background: #f8f9fa;
border: 1px solid #e9ecef;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
border-radius: 8px;
padding: 10px 18px;
margin: 10px 0 30px 0;
}
.cmp_breadcrumbs ol {
margin-bottom: 0;
}
.cmp_breadcrumbs a {
text-decoration: none !important;
}

.item.abstract {
text-align: justify;
}

.authors::before {
content: '\f007';
font-family: Fontawesome;
}
.pages::before {
content: '\f0f6';
font-family: Fontawesome;
}

/* STREAMING_CHUNK:Styling article lists and cards... /
/ List Artikel dengan Bayangan yang Lebih Terlihat */
.cmp_article_list li {
border: 1px solid #e8e8e8;
border-left: 5px solid #ff7e00;
border-radius: 12px;
padding: 18px;
margin-bottom: 16px;
background: #ffffff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cmp_article_list li:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
}

.cmp_article_list a {
text-decoration: none !important;
}

.galleys_links li {
border: none;
padding: 0;
}

@media (min-width: 992px) {
body {
width: 1162px;
margin: auto;
}

.pkp_structure_content {
padding-top: 0 !important;
}

.pkp_navigation_user_wrapper {
padding-left: 0 !important;
padding-right: 30px !important;
}
.pages {
border: 1px solid #e0e0e0;
border-radius: 6px;
padding: 2px 8px;
background: #f8f9fa;
}

}

.pkp_brand_footer {
display: none !important;
}

/* STREAMING_CHUNK:Styling data cards and navigation elements... /
/ Kartu Data Modern */
.data {
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 10px;
padding: 8px 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}

/* Header & Menu */
.pkp_site_name .is_img img {
max-height: none !important;
}
.pkp_site_name_wrapper {
padding-left: 0 !important;
padding-right: 0 !important;
}
.pkp_site_name {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.pkp_site_name > a {
padding-top: 0 !important;
padding-bottom: 0 !important;
text-decoration: none !important;
}

/* Menu Item: Background Putih, Teks Gelap, Tanpa Garis Bawah */
.item_menu {
padding: 10px 18px;
margin: 0;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 8px;
transition: all 0.25s ease;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
}
.item_menu:hover {
background: #ff7e00;
border-color: #ff7e00;
transform: translateY(-1px);
}
.item_menu a {
color: #222222 !important;
text-decoration: none !important;
font-weight: 600;
}
.item_menu:hover a {
color: #ffffff !important;
}

/* STREAMING_CHUNK:Styling sidebar blocks and action buttons... */
.pkp_block {
padding: 8px !important;
}

/* Tombol Submission dengan Bayangan Kontras */
.block_make_submission_link {
display: block;
width: 100%;
text-align: center;
padding: 10px 0 !important;
border-radius: 10px !important;
box-shadow: 0 6px 18px rgba(255, 126, 0, 0.28) !important;
border: 1px solid #ff7e00 !important;
background: #ffffff !important;
color: #ff7e00;
font-weight: 700;
text-decoration: none !important;
transition: all 0.2s ease;
}
.block_make_submission_link:hover {
background: #ff7e00 !important;
color: #ffffff !important;
box-shadow: 0 8px 24px rgba(255, 126, 0, 0.45) !important;
}

/* Judul Block Sidebar: Background Putih, Border & Bayangan Halus */
.pkp_block .title {
display: block !important;
padding: 12px 16px !important;
border: 1px solid #e0e0e0 !important;
border-bottom: 3px solid #ff7e00 !important;
font-weight: 700;
text-transform: none !important;
background: #ffffff !important;
color: #222222 !important;
border-radius: 12px 12px 0 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.logo-details {
border-bottom: 2px solid #e0e0e0;
font-size: 1.5em;
padding-bottom: 10px;
}

/* STREAMING_CHUNK:Styling footer links and input elements... /
/ Footer Layout */
footer .content .link-boxes {
width: 100%;
display: flex;
justify-content: space-between;
}
footer .content .link-boxes .box {
width: calc(100% / 5 - 10px);
}
.content .link-boxes .box .link_name {
color: #222222;
font-size: 14pt;
font-weight: 600;
margin-bottom: 10px;
position: relative;
}
.content .link-boxes .box li {
margin: 6px 0;
list-style: none;
}
.link-boxes .box .link_name::before {
content: '';
position: absolute;
left: 0;
bottom: -2px;
height: 2px;
width: 35px;
background: #ff7e00;
border-radius: 2px;
}

ul.box {
padding: 0 5px 0 0;
}

/* Form Input */
.fquery {
padding: 8px 12px;
border: 1px solid #ced4da;
border-radius: 8px;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
outline: none;
}
.fquery:focus {
border-color: #ff7e00;
box-shadow: 0 0 0 3px rgba(255, 126, 0, 0.25);
}

.policy_terms {
float: right;
}

/* Bottom Details Footer: Background Putih & Teks Gelap Kontras */
.bottom-details {
background: #ffffff;
margin: 0 -30px -30px;
padding: 18px 25px;
border-top: 1px solid #e0e0e0;
border-radius: 0 0 16px 16px;
color: #222222;
}
.bottom-details a {
color: #222222 !important;
text-decoration: none !important;
font-weight: 600;
}
.bottom-details a:hover {
color: #ff7e00 !important;
}

.obj_announcement_summary .summary {
font-size: 11pt !important;
}

/* Gambar Index / Cover Jurnal */
.index_list img {
width: 180px;
margin: 0 10px 0 0;
border: 1px solid #f0f0f0;
border-radius: 10px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
padding: 8px;
background: #ffffff;
}

/* Footer: abu-abu menjadi putih */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
background: #ffffff !important;
}

/* Garis tipis pemisah di atas footer */
.pkp_structure_footer_wrapper {
border-top: 1px solid #e0e0e0;
}


/* Font kartu/blok: Noto Serif */
div[style*="Georgia"] {
font-family: 'Noto Serif', Georgia, 'Times New Roman', serif !important;
}

/* Logo header responsif di HP & tablet (ikut ukuran layar, termasuk saat di-zoom) */
@media (max-width: 991px) {
.pkp_head_wrapper {
height: auto !important;
min-height: 0 !important;
overflow: visible !important;
}
.pkp_site_name_wrapper {
position: relative !important;
height: auto !important;
padding: 8px 10px 10px 64px !important;
box-sizing: border-box !important;
overflow: visible !important;
}
.pkp_site_name {
position: static !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
line-height: 0 !important;
overflow: visible !important;
}
.pkp_site_name > a {
display: block !important;
height: auto !important;
padding: 0 !important;
overflow: visible !important;
}
.pkp_site_name .is_img img {
display: block !important;
width: auto !important;
max-width: 100% !important;
height: auto !important;
max-height: none !important;
}
}


/* ===== Halaman Edisi (Issue): disamakan dengan desain oranye ===== */
.pkp_structure_main h1 {
border-left: 5px solid #ff7e00;
padding-left: 14px;
}

/* Kartu header edisi */
.obj_issue_toc .heading {
background: #fffaf4;
border: 1px solid #ffe2c2;
border-left: 5px solid #ff7e00;
border-radius: 12px;
padding: 18px;
margin-bottom: 14px !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
overflow: hidden;
min-height: 0 !important;
}

/* Sampul */
.obj_issue_toc .cover {
display: block;
line-height: 0;
margin-bottom: 0 !important;
}
.obj_issue_toc .cover img {
background: #ffffff;
border: 1px solid #ffe2c2;
border-radius: 10px;
padding: 6px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
max-width: 100%;
height: auto;
}

/* DOI & tanggal terbit sebagai chip */
.obj_issue_toc .pub_id,
.obj_issue_toc .published {
display: inline-block;
background: #ffffff;
border: 1px solid #ffe2c2;
border-radius: 20px;
padding: 6px 14px;
margin: 0 8px 10px 0;
font-size: 14px;
}
.obj_issue_toc .pub_id .type,
.obj_issue_toc .published .label {
color: #ff7e00;
font-weight: 700;
}

/* Judul bagian "Articles" */
.obj_issue_toc .sections {
margin-top: 0 !important;
clear: both;
}
.obj_issue_toc .sections h2,
.obj_issue_toc .section > h2 {
color: #ff7e00;
font-weight: 700;
}


/* ===== Halaman Archives: kotak persegi, keterangan di bawah sampul ===== */
.issues_archive {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 16px;
}
.issues_archive > li {
border: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex;
}
.issues_archive > li .obj_issue_summary {
width: 100%;
margin: 0;
}
.obj_issue_summary {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
background: #ffffff;
border: 1px solid #e8e8e8 !important;
border-top: 4px solid #ff7e00 !important;
border-radius: 12px;
padding: 16px !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.obj_issue_summary:hover {
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.13);
}
.obj_issue_summary .cover {
float: none !important;
display: block;
width: auto !important;
line-height: 0;
margin: 0 auto 12px auto !important;
}
.obj_issue_summary .cover img {
display: block;
margin: 0 auto;
width: auto;
max-width: 100%;
max-height: 240px;
height: auto;
background: #ffffff;
border: 1px solid #ffe2c2;
border-radius: 10px;
padding: 6px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}
.obj_issue_summary .title,
.obj_issue_summary .series,
.obj_issue_summary .description {
display: block;
margin-left: 0 !important;
text-align: center;
}
.obj_issue_summary .title {
font-weight: 700;
text-decoration: none !important;
}
.obj_issue_summary .series {
color: #ff7e00;
font-weight: 600;
margin-top: 4px;
}


/* Jarak kiri-kanan grid Archives agar kotak tidak menempel di tepi */
.issues_archive {
padding: 20px 24px 24px 24px !important;
box-sizing: border-box;
}
@media (max-width: 575px) {
.issues_archive {
padding: 14px 12px 16px 12px !important;
}
}