/* ============================================================
   FONT IMPORT - Nunito dari Google Fonts (sesuai Stylesheet 2)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap');

/* ============================================================
   FONT FAMILY GLOBAL - disamakan dengan Stylesheet 2
   ============================================================ */
html, body {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    background-image: url("https://jurnal.padangtekno.com/public/motif.jpg");
}

.pkp_structure_content {
    background: #ffff;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* ============================================================
   HEADER / SITE NAME
   ============================================================ */
.pkp_site_name { padding-top: 0 !important; padding-bottom: 0 !important; }
.pkp_site_name > a { padding-top: 0; padding-bottom: 0; }
.pkp_site_name .is_img img { max-height: 200px !important; }
.pkp_site_name_wrapper { padding-left: 0; padding-right: 0; }
.pkp_navigation_user_wrapper { top: 0; right: 0; padding-right: 30px; }

/* ============================================================
   KURANGI JARAK NAVBAR KE KONTEN
   ============================================================ */
.pkp_structure_head {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.pkp_navigation_primary_row {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.pkp_navigation_primary {
    margin-bottom: 0 !important;
}

.pkp_structure_page {
    margin-top: 8px !important;
    padding-top: 0 !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
}

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

.pkp_structure_main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.pkp_structure_sidebar {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* ============================================================
   JUDUL ARTIKEL & NAMA PENULIS
   ============================================================ */
.page_title {
    color: #000000;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.name {
    color: #000000;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* Judul & author di halaman detail artikel */
.obj_article_details .page_title,
.obj_article_details h1.page_title {
    color: #000000 !important;
}

.obj_article_details .authors .name,
.obj_article_details .authors .name a {
    color: #000000 !important;
}

/* ============================================================
   BLOCK TITLE
   ============================================================ */
.pkp_block .title {
    display: block;
    padding: 10px;
    text-align: left;
    background-color: #7a0c1f;
    color: white;
    font-weight: bold;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px; /* sesuai Stylesheet 2 (.panel-title a) */
}

/* ============================================================
   ABSTRACT
   ============================================================ */
.obj_article_details .abstract {
    text-align: justify;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* ============================================================
   LINK
   ============================================================ */
a {
    color: #7a0c1f;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

a:hover {
    color: #dcc91e;
}

/* ============================================================
   JUDUL ARTIKEL - hover warna biru (default OJS)
   ============================================================ */
.obj_article_summary .title a:hover,
.obj_article_summary h3 a:hover,
.obj_issue_toc .obj_article_summary .title a:hover,
.obj_article_details .page_title a:hover {
    color: #1755a6 !important;
}

/* ============================================================
   TOMBOL
   ============================================================ */
.cmp_button_wire,
.obj_galley_link {
    background: #7a0c1f;
    border: 1px solid #7a0c1f;
    color: #fff;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px; /* sesuai Stylesheet 2 (.panel-body) */
}

/* ============================================================
   DAFTAR ARTIKEL
   ============================================================ */
.obj_article_summary {
    border: 1px solid #7a0c1f;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 3px 3px #7a0c1f;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* ============================================================
   MENU SIDE BAR HEAD
   ============================================================ */
.head-menu {
    border-bottom: 3px #7a0c1f solid;
    height: 50px;
}

.head-menu a {
    display: block;
    padding: 10px;
    text-align: left;
    background-color: #7a0c1f;
    color: white;
    font-weight: bold;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px; /* sesuai Stylesheet 2 (.panel-title a) */
}

/* ============================================================
   MENU SIDEBAR - font diubah dari arial ke Nunito
   ============================================================ */
.menu-sidebar {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px;  /* sesuai Stylesheet 2 (.panel-body & .panel-title a) */
    font-weight: bold;
}

.menu-sidebar li a {
    text-decoration: none;
    border: 1px solid #7a0c1f;
    color: #7a0c1f;
    display: block;
    background-color: #F8F8F8;
    padding: 10px;
    margin-top: -5px;
    transition: 0.3s;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px; /* sesuai Stylesheet 2 */
}

.menu-sidebar li a:hover {
    background-color: #7a0c1f;
    box-shadow: gray 2px 2px 2px;
    color: white;
    border-left: 5px solid #dcc91e;
    border-bottom: 5px solid #dcc91e;
}

.menu-sidebar ul {
    list-style: none;
    padding: 0px;
}

.menu-sidebar ul ul {
    position: absolute;
    top: 75px;
    left: 135px;
    visibility: hidden;
}

.menu-sidebar ul li:hover ul {
    visibility: visible;
}

/* ============================================================
   BADAN
   ============================================================ */
.badan a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid white;
    background: #F8F8F8;
    text-align: center;
    transition: 0.5s;
    color: black;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px; /* sesuai Stylesheet 2 */
}

.badan {
    margin-top: -15px;
}

.badan a:hover {
    color: black !important;
    font-weight: bold;
    box-shadow: gray 0px 5px 10px 0px;
    display: fixed;
    position: relative;
}

/* ============================================================
   MOST READ
   ============================================================ */
.most_read_article {
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #7a0c1f;
    background-color: #f8f8f8;
    transition: background-color 0.3s;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px; /* sesuai Stylesheet 2 (.panel-body) */
}

.most_read_article:hover {
    background-color: #e6e6e6;
}

.most_read_article_title a {
    color: #7a0c1f;
    text-decoration: none;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 14px; /* sesuai Stylesheet 2 */
}

.most_read_article_journal {
    color: #7a0c1f;
    font-size: 0.9em; /* tetap dipertahankan (relatif, konsisten dengan Stylesheet 2 .doi_logo 0.85em) */
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.most_read_article_journal .fa-eye {
    margin-right: 5px;
}

/* ============================================================
   HEADING
   ============================================================ */
h2 {
    color: #7a0c1f;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* ============================================================
   NAVIGASI - font-size sesuai Stylesheet 2 (.pkp_navigation_search_wrapper a)
   ============================================================ */
.pkp_navigation_search_wrapper a {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.93rem;
    font-weight: 900;
}

/* ============================================================
   STATS - sesuai Stylesheet 2
   ============================================================ */
.stats {
    font-size: 9pt;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

.stats a {
    font-size: 9pt;
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
}

/* ============================================================
   FORM LABEL - sesuai Stylesheet 2 (.cmp_form .label: 13px)
   ============================================================ */
.cmp_form .label {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 13px;
}

/* ============================================================
   DOI LOGO - sesuai Stylesheet 2 (0.85em)
   ============================================================ */
.doi_logo {
    font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
    font-size: 0.85em;
}

/* ============================================================
   FOOTER - sembunyikan keterangan platform & workflow PKP
   ============================================================ */
.pkp_brand_footer {
    display: none;
}

/* ============================================================
   FOOTER - warna background sama dengan header (biru)
   Mencakup seluruh lebar layar termasuk sisi kanan & kiri
   ============================================================ */
.pkp_structure_footer,
footer,
.site_footer,
#pkp_content_footer,
.pkp_footer {
    background-color: #7a0c1f !important;
    color: #ffffff !important;
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    text-align: center !important;
}

/* Wrapper luar footer - transparan agar tidak muncul kotak di sisi kiri & kanan */
.pkp_structure_footer_wrapper,
.footer_wrapper,
.pkp_footer_wrapper,
#footer,
#pkp_footer {
    background-color: transparent !important;
    width: 100% !important;
    overflow: hidden !important;
}

/* Teks & link di dalam footer */
.pkp_structure_footer *,
footer *,
.site_footer *,
#pkp_content_footer *,
.pkp_footer * {
    color: #ffffff !important;
    text-align: center !important;
}

.pkp_structure_footer a,
footer a,
.site_footer a,
#pkp_content_footer a,
.pkp_footer a {
    color: #dcc91e !important;
}

.pkp_structure_footer a:hover,
footer a:hover,
.site_footer a:hover,
#pkp_content_footer a:hover,
.pkp_footer a:hover {
    color: #ffffff !important;
    text-decoration: underline;
}

/* ============================================================
   PROFIL JURNAL - rata kiri & kolom mepet ke cover
   ============================================================ */

/* Rata kiri untuk seluruh area profil jurnal */
.pkp_page_index .additional_content,
.pkp_page_index .additional_content p,
.pkp_page_index .additional_content td,
.pkp_page_index .additional_content li,
.pkp_page_index .additional_content div,
.pkp_page_content,
.pkp_page_content p,
.pkp_page_content td,
.pkp_page_content li,
.pkp_page_content div,
.page_content,
.page_content p,
.page_content td,
.page_content li {
    text-align: left !important;
}

/* Geser kolom info mepet ke cover - kurangi jarak antar kolom */
.pkp_page_index .additional_content table,
.pkp_page_content table,
.page_content table {
    margin-left: 0 !important;
    padding-left: 0 !important;
    border-spacing: 0 4px;
}

.pkp_page_index .additional_content table td:first-child,
.pkp_page_content table td:first-child,
.page_content table td:first-child {
    padding-left: 0 !important;
    padding-right: 8px !important;
}

/* ============================================================
   TEXT ALIGN JUSTIFY - semua konten rata kanan kiri
   ============================================================ */

/* Konten utama & paragraf */
.pkp_structure_content,
.pkp_structure_main .page,
.page_content,
.pkp_page_content,
article p,
p {
    text-align: justify;
}

/* Detail & daftar artikel */
.main_entry,
.main_entry p,
.obj_article_summary,
.obj_article_summary p,
.obj_article_details,
.obj_article_details p,
.obj_article_details .abstract,
.obj_article_details .item,
.obj_article_details .item p,
.obj_article_details .entry_details,
.obj_article_details .entry_details p {
    text-align: justify;
}

/* Issue & deskripsi */
.obj_issue_toc,
.obj_issue_toc p,
.obj_issue_summary,
.obj_issue_summary p,
.description,
.description p,
.value p {
    text-align: justify;
}

/* Sidebar & panel */
.pkp_block .panel-body p,
.panel-body p,
.most_read_article,
.most_read_article p,
.most_read_article_title {
    text-align: justify;
}

/* Form */
.cmp_form .value {
    text-align: justify;
}

/* Elemen yang DIKECUALIKAN dari justify (tetap rata kiri/tengah sesuai fungsinya) */
h1, h2, h3, h4, h5, h6,
.pkp_block .title,
.head-menu a,
.menu-sidebar li a,
.badan a,
.pkp_navigation_primary_row,
#navigationPrimary,
.cmp_button_wire,
.obj_galley_link,
.pkp_navigation_search_wrapper a,
.label,
.page_title {
    text-align: left;
}

/* ============================================================
   PROFIL JURNAL - rata kiri saja (OJS 3 Default Theme)
   ============================================================ */

/* Halaman About / Journal Detail */
body.pkp_page_about .pkp_structure_main *,
body.pkp_page_about .page_about *,
body.pkp_page_about p,
body.pkp_page_about td,
body.pkp_page_about th,
body.pkp_page_about li,
body.pkp_page_about table,

/* Custom block yang menampung tabel profil */
.pkp_block_custom p,
.pkp_block_custom td,
.pkp_block_custom th,
.pkp_block_custom table,
.pkp_block_custom li,

/* Fallback: semua tabel di dalam konten utama */
.pkp_structure_main table,
.pkp_structure_main table td,
.pkp_structure_main table th {
    text-align: left !important;
}