/* =========================================================
   TIK ILMEU — SIDEBAR UPGRADE (OJS 3)
   Header hijau, teks putih, dan menu kebijakan berbentuk kartu
   ========================================================= */

.pkp_structure_sidebar {
    font-family: "Plus Jakarta Sans", "Open Sans", sans-serif;
    color: #344b52;
}

/* Kartu luar/sidebar blocks */
.pkp_structure_sidebar .pkp_block {
    background: linear-gradient(145deg, #ffffff 0%, #fbfdfc 100%);
    border: 1px solid #deebe5;
    border-radius: 18px;
    padding: 20px;
    margin-bottom: 22px;
    box-shadow: 0 8px 24px rgba(7, 94, 115, 0.055),
                0 2px 7px rgba(35, 72, 64, 0.035);
    transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.pkp_structure_sidebar .pkp_block:hover {
    box-shadow: 0 12px 30px rgba(7, 94, 115, 0.075),
                0 4px 10px rgba(35, 72, 64, 0.045);
}

/* =========================================================
   HEADING: ACCREDITED / ARTICLE TEMPLATE / JOURNAL POLICIES
   Menjangkau judul custom HTML (h2-h6) maupun judul blok OJS
   ========================================================= */

.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block .content h2,
.pkp_structure_sidebar .pkp_block .content h3,
.pkp_structure_sidebar .pkp_block .content h4,
.pkp_structure_sidebar .pkp_block .content h5,
.pkp_structure_sidebar .pkp_block .content h6 {
    display: block;
    box-sizing: border-box;
    width: 100%;
    color: #ffffff !important;
    background: #075e73;
    border: 0;
    border-radius: 9px;
    padding: 13px 15px;
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.45px;
    text-transform: uppercase;
    box-shadow: 0 4px 10px rgba(25, 126, 91, 0.13);
}

/* Hilangkan garis aksen lama yang tidak diperlukan pada header hijau */
.pkp_structure_sidebar .pkp_block .title::after,
.pkp_structure_sidebar .pkp_block .content h2::after,
.pkp_structure_sidebar .pkp_block .content h3::after,
.pkp_structure_sidebar .pkp_block .content h4::after,
.pkp_structure_sidebar .pkp_block .content h5::after,
.pkp_structure_sidebar .pkp_block .content h6::after {
    content: none !important;
}

/* Spasi di sekitar isi custom block */
.pkp_structure_sidebar .pkp_block .content {
    color: #44585f;
}

/* =========================================================
   MENU LINK — mendukung menu OJS dan link dalam paragraf
   ========================================================= */

/* Reset daftar menu */
.pkp_structure_sidebar .pkp_block .content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pkp_structure_sidebar .pkp_block .content li {
    margin: 0;
    padding: 0;
    border: 0;
}

/* Link dalam daftar: setiap tautan menjadi baris menu */
.pkp_structure_sidebar .pkp_block .content li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 4px;
    padding: 9px 12px;
    border: 1px solid #e3eee8;
    border-radius: 9px;
    background: #ffffff;
    color: #43565d;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(25, 75, 60, 0.025);
    transition: background 0.2s ease, color 0.2s ease,
                border-color 0.2s ease, transform 0.2s ease,
                box-shadow 0.2s ease;
}

/* Panah kanan pada daftar menu */
.pkp_structure_sidebar .pkp_block .content li a::after {
    content: "\203A";
    flex: 0 0 auto;
    color: #2d9a70;
    font-size: 23px;
    line-height: 0.8;
    transition: transform 0.2s ease;
}

.pkp_structure_sidebar .pkp_block .content li a:hover {
    color: #075e73;
    border-color: #c5e4d3;
    background: linear-gradient(90deg, #edf8f1 0%, #ffffff 100%);
    box-shadow: 0 5px 12px rgba(25, 126, 91, 0.075);
    transform: translateX(2px);
}

.pkp_structure_sidebar .pkp_block .content li a:hover::after {
    color: #087fa0;
    transform: translateX(3px);
}

/* Menu/link aktif */
.pkp_structure_sidebar .pkp_block .content li a.current,
.pkp_structure_sidebar .pkp_block .content li.current > a {
    color: #075e73;
    background: #edf8f1;
    border-color: #c5e4d3;
    font-weight: 700;
    box-shadow: inset 3px 0 0 #36a875;
}

/* =========================================================
   LINK POLICIES DALAM CUSTOM HTML
   Cocok untuk link yang dimasukkan satu per satu melalui <p><a>
   Tidak mengubah link yang berisi gambar (mis. logo akreditasi)
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content p:has(> a:only-child) {
    margin: 0 0 4px;
    padding: 0;
}

.pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img)) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    box-sizing: border-box;
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #e3eee8;
    border-radius: 9px;
    background: #ffffff;
    color: #43565d;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    text-decoration: none;
    box-shadow: 0 2px 5px rgba(25, 75, 60, 0.025);
    transition: background 0.2s ease, color 0.2s ease,
                border-color 0.2s ease, transform 0.2s ease,
                box-shadow 0.2s ease;
}

.pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img))::after {
    content: "\203A";
    flex: 0 0 auto;
    color: #2d9a70;
    font-size: 23px;
    line-height: 0.8;
    transition: transform 0.2s ease;
}

.pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img)):hover {
    color: #075e73;
    border-color: #c5e4d3;
    background: linear-gradient(90deg, #edf8f1 0%, #ffffff 100%);
    box-shadow: 0 5px 12px rgba(25, 126, 91, 0.075);
    transform: translateX(2px);
}

.pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img)):hover::after {
    color: #087fa0;
    transform: translateX(3px);
}

/* Tautan umum selain link yang berisi gambar */
.pkp_structure_sidebar .pkp_block .content a:not(:has(img)) {
    text-underline-offset: 3px;
}

/* =========================================================
   KARTU IMAGE / ACCREDITATION
   Logo tetap proporsional dan berada di dalam kotak
   ========================================================= */

.pkp_structure_sidebar .pkp_block .content a:has(img) {
    text-decoration: none;
}

.pkp_structure_sidebar .pkp_block .content img {
    max-width: 100%;
    height: auto;
}

.pkp_structure_sidebar .pkp_block .content p:has(> a:has(img)) {
    padding: 12px;
    margin: 0 0 16px;
    border: 1px solid #d7e7e2;
    border-radius: 12px;
    background: #ffffff;
    text-align: center;
}

/* =========================================================
   INPUT & BUTTON
   ========================================================= */

.pkp_structure_sidebar .pkp_block input[type="text"],
.pkp_structure_sidebar .pkp_block input[type="search"],
.pkp_structure_sidebar .pkp_block input[type="email"] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 11px 13px;
    border: 1px solid #dce8e2;
    border-radius: 9px;
    background: #ffffff;
    color: #263b40;
    font: inherit;
    font-size: 13px;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pkp_structure_sidebar .pkp_block input:focus {
    border-color: #42ad79;
    box-shadow: 0 0 0 3px rgba(66, 173, 121, 0.14);
}

.pkp_structure_sidebar .pkp_block button,
.pkp_structure_sidebar .pkp_block input[type="submit"] {
    border: 0;
    border-radius: 8px;
    padding: 10px 15px;
    background: linear-gradient(135deg, #075e73, #087fa0);
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
    transition: filter 0.2s ease, transform 0.2s ease;
}

.pkp_structure_sidebar .pkp_block button:hover,
.pkp_structure_sidebar .pkp_block input[type="submit"]:hover {
    filter: brightness(1.06);
    transform: translateY(-1px);
}

/* Responsif */
@media (max-width: 768px) {
    .pkp_structure_sidebar .pkp_block {
        padding: 15px;
        margin-bottom: 16px;
        border-radius: 14px;
    }

    .pkp_structure_sidebar .pkp_block .title,
    .pkp_structure_sidebar .pkp_block .content h2,
    .pkp_structure_sidebar .pkp_block .content h3,
    .pkp_structure_sidebar .pkp_block .content h4,
    .pkp_structure_sidebar .pkp_block .content h5,
    .pkp_structure_sidebar .pkp_block .content h6 {
        padding: 9px 12px;
        font-size: 13px;
    }

    .pkp_structure_sidebar .pkp_block .content li a,
    .pkp_structure_sidebar .pkp_block .content p > a:only-child:not(:has(img)) {
        padding: 9px 12px;
    }
}


/* =========================================================
   TAMBAHAN: BACKGROUND WEBSITE + FIX DOUBLE BORDER ARTIKEL
   ========================================================= */

/* Background website: putih kebiruan sangat lembut (#F4F8FA) */
html,
body,
.pkp_structure_page,
.pkp_structure_content,
.pkp_structure_main {
    background-color: #F4F8FA;
}

/* TIK ILMEU — FIX DOUBLE BORDER LATEST ISSUE
   Tempelkan di bagian paling bawah Additional CSS.
   Sidebar tidak diubah.
*/

/* Hilangkan border/shadow pada wrapper luar jika wrapper ini
   hanya membungkus kartu artikel */
.pkp_page_index .current_issue .articles,
.pkp_page_index .obj_issue_toc .articles,
.pkp_page_index .current_issue .articles > li {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Satu border saja pada kartu artikel */
.pkp_page_index .current_issue .obj_article_summary,
.pkp_page_index .obj_issue_toc .obj_article_summary,
.pkp_page_index .current_issue .articles article {
    box-sizing: border-box;
    border: 1px solid #E3EAE7 !important;
    border-radius: 12px;
    background: #FFFFFF;
    box-shadow:
        0 4px 12px rgba(7, 94, 115, 0.04),
        0 10px 24px rgba(35, 72, 64, 0.045);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

/* Hover tetap aktif pada kartu, bukan wrapper luarnya */
.pkp_page_index .current_issue .obj_article_summary:hover,
.pkp_page_index .obj_issue_toc .obj_article_summary:hover,
.pkp_page_index .current_issue .articles article:hover {
    transform: translateY(-3px);
    border-color: #D2E5DE !important;
    box-shadow:
        0 8px 18px rgba(7, 94, 115, 0.065),
        0 16px 30px rgba(35, 72, 64, 0.075);
}

/* Jangan tampilkan garis ganda dari pseudo-element tema */
.pkp_page_index .current_issue .obj_article_summary::before,
.pkp_page_index .current_issue .obj_article_summary::after,
.pkp_page_index .obj_issue_toc .obj_article_summary::before,
.pkp_page_index .obj_issue_toc .obj_article_summary::after {
    box-shadow: none;
}

/* Aksesibilitas: hormati preferensi mengurangi animasi */
@media (prefers-reduced-motion: reduce) {
    .pkp_page_index .current_issue .obj_article_summary,
    .pkp_page_index .obj_issue_toc .obj_article_summary,
    .pkp_page_index .current_issue .articles article {
        transition: none;
    }

    .pkp_page_index .current_issue .obj_article_summary:hover,
    .pkp_page_index .obj_issue_toc .obj_article_summary:hover,
    .pkp_page_index .current_issue .articles article:hover {
        transform: none;
    }
}



/* =========================================================
   TIK ILMEU — TYPOGRAPHY TUNING
   1. Journal Summary: Plus Jakarta Sans, 14px
   2. Article titles: Plus Jakarta Sans, 18px
   3. Disable article hover movement
   ========================================================= */

/* Journal Summary / homepage journal description */
.pkp_page_index .homepage_about,
.pkp_page_index .homepage_about p,
.pkp_page_index .current_issue .description,
.pkp_page_index .current_issue .description p,
.pkp_page_index .journal-description,
.pkp_page_index .journal-description p {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 14px;
}

/* Article titles on Latest Issue and issue table-of-contents pages */
.pkp_page_index .current_issue .obj_article_summary .title,
.pkp_page_index .obj_issue_toc .obj_article_summary .title,
.pkp_page_issue .obj_article_summary .title,
.obj_issue_toc .obj_article_summary .title,
.obj_article_summary .title {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.45;
}

/* Keep article cards stationary on hover; retain subtle shadow changes */
.pkp_page_index .current_issue .obj_article_summary:hover,
.pkp_page_index .obj_issue_toc .obj_article_summary:hover,
.pkp_page_index .current_issue .articles article:hover,
.pkp_page_issue .obj_article_summary:hover,
.obj_issue_toc .obj_article_summary:hover,
.obj_article_summary:hover {
    transform: none !important;
}

/* Ensure transitions do not animate movement */
.pkp_page_index .current_issue .obj_article_summary,
.pkp_page_index .obj_issue_toc .obj_article_summary,
.pkp_page_index .current_issue .articles article,
.pkp_page_issue .obj_article_summary,
.obj_issue_toc .obj_article_summary,
.obj_article_summary {
    transition: box-shadow 0.22s ease, border-color 0.22s ease;
}



/* =========================================================
   TIK ILMEU — AUTHOR GUIDELINES CONTENT STYLING
   Tambahan ini berlaku untuk isi halaman Author Guidelines.
   Sidebar dan kartu artikel yang sudah ada tetap dipertahankan.
   ========================================================= */

/* Tipografi dasar untuk isi halaman panduan penulis */
.pkp_page_index .author-guidelines,
.pkp_page .author-guidelines,
.author-guidelines,
.pkp_page_index .page_content,
.pkp_page .page_content,
.pkp_page_index .pkp_page_content,
.pkp_page .pkp_page_content {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.6;
    text-align: justify;
}

/* Paragraf, daftar, dan teks tabel mengikuti tipografi yang sama */
.author-guidelines p,
.author-guidelines li,
.author-guidelines td,
.author-guidelines th,
.pkp_page .page_content p,
.pkp_page .page_content li,
.pkp_page .page_content td,
.pkp_page .page_content th,
.pkp_page .pkp_page_content p,
.pkp_page .pkp_page_content li,
.pkp_page .pkp_page_content td,
.pkp_page .pkp_page_content th {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.6;
}

/* Heading isi halaman: biru gelap, tanpa gaya header sidebar */
.author-guidelines h2,
.author-guidelines h3,
.author-guidelines h4,
.pkp_page .page_content h2,
.pkp_page .page_content h3,
.pkp_page .page_content h4,
.pkp_page .pkp_page_content h2,
.pkp_page .pkp_page_content h3,
.pkp_page .pkp_page_content h4 {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    color: #075e73;
    line-height: 1.4;
    text-align: left;
}

/* Tabel: header biru gelap solid, baris berselang, border halus */
.author-guidelines table,
.pkp_page .page_content table,
.pkp_page .pkp_page_content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 22px 0;
    overflow: hidden;
    border: 1px solid #d9e2e7;
    border-radius: 8px;
    background: #ffffff;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.6;
}

/* Sel tabel */
.author-guidelines th,
.author-guidelines td,
.pkp_page .page_content th,
.pkp_page .page_content td,
.pkp_page .pkp_page_content th,
.pkp_page .pkp_page_content td {
    padding: 12px 14px;
    border-right: 1px solid #d9e2e7;
    border-bottom: 1px solid #d9e2e7;
    vertical-align: top;
    text-align: left;
}

/* Header tabel */
.author-guidelines thead th,
.author-guidelines tr:first-child th,
.pkp_page .page_content thead th,
.pkp_page .page_content tr:first-child th,
.pkp_page .pkp_page_content thead th,
.pkp_page .pkp_page_content tr:first-child th {
    background: #075e73;
    color: #ffffff;
    font-weight: 700;
}

/* Baris isi tabel */
.author-guidelines tbody tr:nth-child(even),
.pkp_page .page_content tbody tr:nth-child(even),
.pkp_page .pkp_page_content tbody tr:nth-child(even) {
    background: #f4f8fa;
}

.author-guidelines tbody tr:nth-child(odd),
.pkp_page .page_content tbody tr:nth-child(odd),
.pkp_page .pkp_page_content tbody tr:nth-child(odd) {
    background: #ffffff;
}

/* Hindari border berlebih pada sisi terakhir tabel */
.author-guidelines th:last-child,
.author-guidelines td:last-child,
.pkp_page .page_content th:last-child,
.pkp_page .page_content td:last-child,
.pkp_page .pkp_page_content th:last-child,
.pkp_page .pkp_page_content td:last-child {
    border-right: 0;
}

.author-guidelines tr:last-child td,
.author-guidelines tr:last-child th,
.pkp_page .page_content tr:last-child td,
.pkp_page .page_content tr:last-child th,
.pkp_page .pkp_page_content tr:last-child td,
.pkp_page .pkp_page_content tr:last-child th {
    border-bottom: 0;
}

/* Quotation / blockquote modern */
.author-guidelines blockquote,
.pkp_page .page_content blockquote,
.pkp_page .pkp_page_content blockquote,
blockquote.author-quote {
    margin: 22px 0;
    padding: 18px 22px;
    border: 1px solid #dce8ed;
    border-left: 4px solid #075e73;
    border-radius: 8px;
    background: #f4f8fa;
    color: #40545c;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    font-style: normal;
    box-shadow: 0 4px 14px rgba(7, 94, 115, 0.045);
}

.author-guidelines blockquote p,
.pkp_page .page_content blockquote p,
.pkp_page .pkp_page_content blockquote p {
    margin: 0 0 10px;
    font: inherit;
    color: inherit;
}

.author-guidelines blockquote p:last-child,
.pkp_page .page_content blockquote p:last-child,
.pkp_page .pkp_page_content blockquote p:last-child {
    margin-bottom: 0;
}

/* Tabel tetap dapat digulir pada layar kecil */
@media (max-width: 768px) {
    .author-guidelines table,
    .pkp_page .page_content table,
    .pkp_page .pkp_page_content table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .author-guidelines th,
    .author-guidelines td,
    .pkp_page .page_content th,
    .pkp_page .page_content td,
    .pkp_page .pkp_page_content th,
    .pkp_page .pkp_page_content td {
        padding: 9px 10px;
    }

    .author-guidelines blockquote,
    .pkp_page .page_content blockquote,
    .pkp_page .pkp_page_content blockquote {
        padding: 14px 16px;
    }
}



/* =========================================================
   FIX V2 — AUTHOR GUIDELINES / OJS CONTENT
   Selector lebih luas untuk mengatasi markup tema OJS berbeda.
   Letakkan di akhir file agar menimpa aturan sebelumnya.
   Sidebar tidak disentuh.
   ========================================================= */

/* Tipografi area konten utama halaman OJS */
.pkp_structure_main,
.pkp_structure_main .page,
.pkp_structure_main .page_content,
.pkp_structure_main .pkp_page_content,
.pkp_structure_main .item,
.pkp_structure_main .entry,
.pkp_structure_main .content {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.6;
}

/* Paksa tipografi pada teks isi, bukan judul/sidebar */
.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main td,
.pkp_structure_main th,
.pkp_structure_main dd,
.pkp_structure_main dt {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    color: #1f2937;
    font-size: 15px;
    line-height: 1.6;
}

.pkp_structure_main p {
    text-align: justify;
    margin-top: 0;
    margin-bottom: 1em;
}

/* Tabel pada area konten utama */
.pkp_structure_main table {
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    margin: 22px 0 !important;
    border: 1px solid #d5dee4 !important;
    background: #ffffff !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.pkp_structure_main table th,
.pkp_structure_main table td {
    padding: 12px 14px !important;
    border: 1px solid #d5dee4 !important;
    vertical-align: top !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    text-align: left;
}

.pkp_structure_main table thead th,
.pkp_structure_main table tr:first-child th {
    background: #075e73 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.pkp_structure_main table tbody tr:nth-child(odd) {
    background: #ffffff !important;
}

.pkp_structure_main table tbody tr:nth-child(even) {
    background: #f4f8fa !important;
}

/* Jika tabel tidak memakai thead dan baris pertama berisi th */
.pkp_structure_main table tr:first-child th,
.pkp_structure_main table tr:first-child th strong {
    color: #ffffff !important;
}

/* Quotation / blockquote di konten utama */
.pkp_structure_main blockquote,
.pkp_structure_main .blockquote,
.pkp_structure_main blockquote p {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    font-style: normal;
}

.pkp_structure_main blockquote,
.pkp_structure_main .blockquote {
    margin: 22px 0 !important;
    padding: 18px 22px !important;
    border: 1px solid #dce8ed !important;
    border-left: 4px solid #075e73 !important;
    border-radius: 8px !important;
    background: #f4f8fa !important;
    color: #40545c !important;
    box-shadow: 0 4px 14px rgba(7, 94, 115, 0.045) !important;
}

.pkp_structure_main blockquote p:last-child {
    margin-bottom: 0 !important;
}

/* Heading konten utama: tidak menggunakan gaya header sidebar */
.pkp_structure_main .page h2,
.pkp_structure_main .page_content h2,
.pkp_structure_main .pkp_page_content h2,
.pkp_structure_main .content h2,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4 {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    color: #075e73;
    line-height: 1.4;
}

/* Tabel bisa digulir pada layar sempit */
@media (max-width: 768px) {
    .pkp_structure_main table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .pkp_structure_main table th,
    .pkp_structure_main table td {
        padding: 9px 10px !important;
    }

    .pkp_structure_main blockquote,
    .pkp_structure_main .blockquote {
        padding: 14px 16px !important;
    }
}



/* =========================================================
   AUTHOR GUIDELINES — FINAL TYPOGRAPHY & TABLE SPACING
   Font isi 14px, line-height 1.5; sel tabel lebih rapat.
   ========================================================= */

/* Isi Author Guidelines */
.pkp_structure_main,
.pkp_structure_main .page,
.pkp_structure_main .page_content,
.pkp_structure_main .pkp_page_content,
.pkp_structure_main .item,
.pkp_structure_main .entry,
.pkp_structure_main .content {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.pkp_structure_main p,
.pkp_structure_main li,
.pkp_structure_main dd,
.pkp_structure_main dt {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

/* Tabel: ukuran teks dan jarak vertikal lebih rapat */
.pkp_structure_main table {
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.pkp_structure_main table th,
.pkp_structure_main table td {
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 7px 12px !important;
    vertical-align: top !important;
}

/* Quotation pada Author Guidelines mengikuti ukuran baru */
.pkp_structure_main blockquote,
.pkp_structure_main .blockquote,
.pkp_structure_main blockquote p {
    font-size: 14px !important;
    line-height: 1.5 !important;
}



/* =========================================================
   TIK ILMEU — TABLE HEADER + JOURNAL SUMMARY UPDATE
   ========================================================= */

/* Journal Summary: 22px, justified */
.pkp_page_index .homepage_about,
.pkp_page_index .homepage_about p,
.pkp_page_index .current_issue .description,
.pkp_page_index .current_issue .description p,
.pkp_page_index .journal-description,
.pkp_page_index .journal-description p {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 22px !important;
    line-height: 1.6 !important;
    text-align: justify !important;
}

/* Tabel Author Guidelines: header rata tengah dan Title Case,
   bukan seluruh huruf kapital */
.pkp_structure_main table thead th,
.pkp_structure_main table tr:first-child th {
    background: #075e73 !important;
    color: #ffffff !important;
    text-align: center !important;
    text-transform: capitalize !important;
    font-weight: 700 !important;
    letter-spacing: 0.1px;
    padding: 11px 12px !important;
    border-color: #d5e3e8 !important;
}

/* Gaya tabel lebih modern */
.pkp_structure_main table {
    border: 1px solid #dce6eb !important;
    border-radius: 10px !important;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(7, 94, 115, 0.055) !important;
    background: #ffffff !important;
}

.pkp_structure_main table th,
.pkp_structure_main table td {
    border-right: 1px solid #e1e9ed !important;
    border-bottom: 1px solid #e1e9ed !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
}

.pkp_structure_main table tbody tr:nth-child(odd) {
    background: #ffffff !important;
}

.pkp_structure_main table tbody tr:nth-child(even) {
    background: #f4f8fa !important;
}

.pkp_structure_main table tbody tr:hover {
    background: #edf6f8 !important;
}

.pkp_structure_main table tr:last-child td,
.pkp_structure_main table tr:last-child th {
    border-bottom: 0 !important;
}

.pkp_structure_main table th:last-child,
.pkp_structure_main table td:last-child {
    border-right: 0 !important;
}


/* =========================================================
   TIK ILMEU — MODERN LOGIN & REGISTRATION
   Digabungkan dari stylesheet login/registrasi modern.
   ========================================================= */

/* =========================================================
   TIK ILMEU — MODERN LOGIN & REGISTRATION FOR OJS 3
   Tempelkan di bagian PALING BAWAH Additional CSS.
   Tema: deep teal, white, subtle shadow, responsive.
   ========================================================= */

/* Scope halaman login dan registrasi agar halaman lain tidak berubah */
.pkp_page_login .pkp_structure_main,
.pkp_page_register .pkp_structure_main {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    color: #1f2937;
}

/* Judul halaman */
.pkp_page_login .pkp_structure_main h1,
.pkp_page_register .pkp_structure_main h1,
.pkp_page_login .pkp_structure_main .page_title,
.pkp_page_register .pkp_structure_main .page_title {
    color: #075e73;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 22px;
}

/* Form sebagai kartu putih modern */
.pkp_page_login .pkp_structure_main form,
.pkp_page_register .pkp_structure_main form {
    box-sizing: border-box;
    max-width: 720px;
    margin: 0 auto 28px;
    padding: 28px;
    background: #ffffff;
    border: 1px solid #e1e9ed;
    border-radius: 14px;
    box-shadow:
        0 4px 12px rgba(7, 94, 115, 0.035),
        0 12px 28px rgba(31, 41, 55, 0.055);
}

/* Label formulir */
.pkp_page_login .pkp_structure_main form label,
.pkp_page_register .pkp_structure_main form label {
    display: inline-block;
    margin-bottom: 7px;
    color: #334b53;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

/* Input teks, email, password, select, dan textarea */
.pkp_page_login .pkp_structure_main form input[type="text"],
.pkp_page_login .pkp_structure_main form input[type="email"],
.pkp_page_login .pkp_structure_main form input[type="password"],
.pkp_page_login .pkp_structure_main form input[type="url"],
.pkp_page_login .pkp_structure_main form select,
.pkp_page_login .pkp_structure_main form textarea,
.pkp_page_register .pkp_structure_main form input[type="text"],
.pkp_page_register .pkp_structure_main form input[type="email"],
.pkp_page_register .pkp_structure_main form input[type="password"],
.pkp_page_register .pkp_structure_main form input[type="url"],
.pkp_page_register .pkp_structure_main form select,
.pkp_page_register .pkp_structure_main form textarea {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-height: 43px;
    padding: 10px 12px;
    border: 1px solid #d6e1e6;
    border-radius: 8px;
    background: #ffffff;
    color: #1f2937;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    box-shadow: inset 0 1px 2px rgba(31, 41, 55, 0.025);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

/* Fokus input */
.pkp_page_login .pkp_structure_main form input:focus,
.pkp_page_login .pkp_structure_main form select:focus,
.pkp_page_login .pkp_structure_main form textarea:focus,
.pkp_page_register .pkp_structure_main form input:focus,
.pkp_page_register .pkp_structure_main form select:focus,
.pkp_page_register .pkp_structure_main form textarea:focus {
    border-color: #087fa0;
    outline: none;
    box-shadow: 0 0 0 3px rgba(8, 127, 160, 0.12);
}

/* Jarak antar elemen form */
.pkp_page_login .pkp_structure_main form .form-group,
.pkp_page_register .pkp_structure_main form .form-group,
.pkp_page_login .pkp_structure_main form .fields,
.pkp_page_register .pkp_structure_main form .fields {
    margin-bottom: 17px;
}

/* Checkbox dan radio tetap berukuran wajar */
.pkp_page_login .pkp_structure_main form input[type="checkbox"],
.pkp_page_login .pkp_structure_main form input[type="radio"],
.pkp_page_register .pkp_structure_main form input[type="checkbox"],
.pkp_page_register .pkp_structure_main form input[type="radio"] {
    width: auto;
    min-height: auto;
    margin-right: 7px;
    accent-color: #075e73;
}

/* Tombol utama: Login / Register / Create Account */
.pkp_page_login .pkp_structure_main form button,
.pkp_page_login .pkp_structure_main form input[type="submit"],
.pkp_page_login .pkp_structure_main form .submit button,
.pkp_page_register .pkp_structure_main form button,
.pkp_page_register .pkp_structure_main form input[type="submit"],
.pkp_page_register .pkp_structure_main form .submit button {
    display: inline-block;
    box-sizing: border-box;
    min-height: 43px;
    padding: 11px 22px;
    border: 1px solid #075e73;
    border-radius: 8px;
    background: #075e73;
    color: #ffffff;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(7, 94, 115, 0.13);
    transition: background 0.2s ease, box-shadow 0.2s ease;
}

.pkp_page_login .pkp_structure_main form button:hover,
.pkp_page_login .pkp_structure_main form input[type="submit"]:hover,
.pkp_page_register .pkp_structure_main form button:hover,
.pkp_page_register .pkp_structure_main form input[type="submit"]:hover {
    background: #064b5c;
    border-color: #064b5c;
    color: #ffffff;
    box-shadow: 0 5px 12px rgba(7, 94, 115, 0.18);
}

/* Link bantuan: lupa password, login/register */
.pkp_page_login .pkp_structure_main a,
.pkp_page_register .pkp_structure_main a {
    color: #087fa0;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.pkp_page_login .pkp_structure_main a:hover,
.pkp_page_register .pkp_structure_main a:hover {
    color: #075e73;
}

/* Pesan informasi, error, dan validasi */
.pkp_page_login .pkp_structure_main .pkp_form_error,
.pkp_page_register .pkp_structure_main .pkp_form_error,
.pkp_page_login .pkp_structure_main .error,
.pkp_page_register .pkp_structure_main .error {
    color: #a12b2b;
    font-size: 13px;
}

.pkp_page_login .pkp_structure_main .pkp_notification,
.pkp_page_register .pkp_structure_main .pkp_notification {
    border-radius: 8px;
}

/* Jangan menambah kartu di dalam kartu apabila form dibungkus fieldset */
.pkp_page_login .pkp_structure_main form fieldset,
.pkp_page_register .pkp_structure_main form fieldset {
    min-width: 0;
    margin: 0 0 18px;
    padding: 0;
    border: 0;
}

/* Registrasi cenderung panjang: batas lebar dan spasi lebih nyaman */
.pkp_page_register .pkp_structure_main form {
    max-width: 820px;
}

.pkp_page_register .pkp_structure_main form legend {
    color: #075e73;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
}

/* Responsif */
@media (max-width: 768px) {
    .pkp_page_login .pkp_structure_main form,
    .pkp_page_register .pkp_structure_main form {
        padding: 19px;
        border-radius: 11px;
        margin-bottom: 20px;
    }

    .pkp_page_login .pkp_structure_main h1,
    .pkp_page_register .pkp_structure_main h1,
    .pkp_page_login .pkp_structure_main .page_title,
    .pkp_page_register .pkp_structure_main .page_title {
        font-size: 23px;
    }

    .pkp_page_login .pkp_structure_main form button,
    .pkp_page_login .pkp_structure_main form input[type="submit"],
    .pkp_page_register .pkp_structure_main form button,
    .pkp_page_register .pkp_structure_main form input[type="submit"] {
        max-width: 100%;
    }
}

/* FINAL OVERRIDE — JOURNAL SUMMARY 20px, JUSTIFIED */
.pkp_page_index .homepage_about,
.pkp_page_index .homepage_about p,
.pkp_page_index .current_issue .description,
.pkp_page_index .current_issue .description p,
.pkp_page_index .journal-description,
.pkp_page_index .journal-description p {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 20px !important;
    line-height: 1.6 !important;
    text-align: justify !important;
}



/* =========================================================
   TIK ILMEU — LOGIN & REGISTRATION REDESIGN V2
   Overrides scoped to OJS login and registration pages.
   ========================================================= */

/* Shared page headings and intro */
.pkp_page_login .page_title,
.pkp_page_register .page_title,
.pkp_page_login h1,
.pkp_page_register h1 {
    color: #075e73 !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px;
    margin: 0 0 22px !important;
}

.pkp_page_login .pkp_structure_main,
.pkp_page_register .pkp_structure_main {
    color: #334155;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
}

/* LOGIN: compact centered card, restrained accent and clear hierarchy */
.pkp_page_login .pkp_structure_main form,
.pkp_page_login .pkp_structure_main form#login,
.pkp_page_login .pkp_structure_main .pkp_form {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 28px !important;
    padding: 34px 36px 32px !important;
    background: #ffffff !important;
    border: 1px solid #e0e9ed !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 34px rgba(7, 94, 115, 0.09), 0 2px 7px rgba(15, 23, 42, 0.025) !important;
}

.pkp_page_login .pkp_structure_main form::before,
.pkp_page_login .pkp_structure_main .pkp_form::before {
    content: "";
    position: absolute;
    top: 0;
    left: 28px;
    right: 28px;
    height: 4px;
    border-radius: 0 0 5px 5px;
    background: #075e73;
}

.pkp_page_login .pkp_structure_main form label,
.pkp_page_login .pkp_structure_main .pkp_form label {
    display: block;
    margin: 0 0 7px;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.45;
}

/* Registration: full-width comfortable panel for the longer form */
.pkp_page_register .pkp_structure_main form,
.pkp_page_register .pkp_structure_main form#register,
.pkp_page_register .pkp_structure_main .pkp_form {
    box-sizing: border-box;
    width: 100%;
    max-width: 850px !important;
    margin: 0 auto 30px !important;
    padding: 30px 34px !important;
    background: #ffffff !important;
    border: 1px solid #e0e9ed !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(7, 94, 115, 0.075), 0 2px 7px rgba(15, 23, 42, 0.02) !important;
}

/* OJS versions/themes may place registration fields in .fields or .field */
.pkp_page_register .pkp_structure_main form .fields,
.pkp_page_register .pkp_structure_main form .field,
.pkp_page_register .pkp_structure_main form .form-group,
.pkp_page_register .pkp_structure_main form .form-group,
.pkp_page_register .pkp_structure_main .pkp_form .fields,
.pkp_page_register .pkp_structure_main .pkp_form .field {
    margin: 0 0 18px !important;
}

.pkp_page_register .pkp_structure_main form label,
.pkp_page_register .pkp_structure_main .pkp_form label {
    display: block;
    margin: 0 0 7px !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.45 !important;
}

/* Apply field styling to OJS .field wrappers and common PKP form markup */
.pkp_page_login .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.pkp_page_login .pkp_structure_main select,
.pkp_page_login .pkp_structure_main textarea,
.pkp_page_register .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.pkp_page_register .pkp_structure_main select,
.pkp_page_register .pkp_structure_main textarea {
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 46px;
    margin-top: 0;
    padding: 11px 13px !important;
    color: #1f2937 !important;
    background: #fbfdfe !important;
    border: 1px solid #d5e1e7 !important;
    border-radius: 9px !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    outline: none;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.pkp_page_login .pkp_structure_main input:focus,
.pkp_page_login .pkp_structure_main select:focus,
.pkp_page_login .pkp_structure_main textarea:focus,
.pkp_page_register .pkp_structure_main input:focus,
.pkp_page_register .pkp_structure_main select:focus,
.pkp_page_register .pkp_structure_main textarea:focus {
    border-color: #087fa0 !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(8, 127, 160, .12) !important;
}

/* Keep checkboxes/radios native-sized; do not stretch them to full width */
.pkp_page_login .pkp_structure_main input[type="checkbox"],
.pkp_page_login .pkp_structure_main input[type="radio"],
.pkp_page_register .pkp_structure_main input[type="checkbox"],
.pkp_page_register .pkp_structure_main input[type="radio"] {
    display: inline-block !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 7px 0 0 !important;
    accent-color: #075e73;
}

.pkp_page_login .pkp_structure_main label:has(input[type="checkbox"]),
.pkp_page_register .pkp_structure_main label:has(input[type="checkbox"]),
.pkp_page_login .pkp_structure_main label:has(input[type="radio"]),
.pkp_page_register .pkp_structure_main label:has(input[type="radio"]) {
    display: flex;
    align-items: flex-start;
    gap: 5px;
    font-weight: 500 !important;
}

/* Submit buttons */
.pkp_page_login .pkp_structure_main input[type="submit"],
.pkp_page_login .pkp_structure_main button[type="submit"],
.pkp_page_login .pkp_structure_main .submit button,
.pkp_page_register .pkp_structure_main input[type="submit"],
.pkp_page_register .pkp_structure_main button[type="submit"],
.pkp_page_register .pkp_structure_main .submit button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 46px;
    padding: 12px 24px !important;
    border: 1px solid #075e73 !important;
    border-radius: 9px !important;
    background: #075e73 !important;
    color: #ffffff !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(7, 94, 115, .14) !important;
    transition: background .18s ease, box-shadow .18s ease;
}

.pkp_page_login .pkp_structure_main input[type="submit"]:hover,
.pkp_page_login .pkp_structure_main button[type="submit"]:hover,
.pkp_page_register .pkp_structure_main input[type="submit"]:hover,
.pkp_page_register .pkp_structure_main button[type="submit"]:hover {
    background: #064b5c !important;
    border-color: #064b5c !important;
    box-shadow: 0 6px 14px rgba(7, 94, 115, .18) !important;
}

.pkp_page_login .pkp_structure_main .submit,
.pkp_page_register .pkp_structure_main .submit {
    margin-top: 22px !important;
}

/* Links and small help text */
.pkp_page_login .pkp_structure_main a,
.pkp_page_register .pkp_structure_main a {
    color: #087fa0;
    text-underline-offset: 3px;
}
.pkp_page_login .pkp_structure_main a:hover,
.pkp_page_register .pkp_structure_main a:hover {
    color: #075e73;
}
.pkp_page_login .pkp_structure_main small,
.pkp_page_register .pkp_structure_main small,
.pkp_page_login .pkp_structure_main .description,
.pkp_page_register .pkp_structure_main .description {
    color: #64748b;
    font-size: 12px;
    line-height: 1.55;
}

/* Responsive: preserve comfortable padding on mobile */
@media (max-width: 768px) {
    .pkp_page_login .pkp_structure_main form,
    .pkp_page_login .pkp_structure_main .pkp_form,
    .pkp_page_register .pkp_structure_main form,
    .pkp_page_register .pkp_structure_main .pkp_form {
        max-width: 100% !important;
        padding: 23px 18px !important;
        border-radius: 12px !important;
    }
    .pkp_page_login .page_title,
    .pkp_page_register .page_title,
    .pkp_page_login h1,
    .pkp_page_register h1 {
        font-size: 24px !important;
    }
    .pkp_page_login .pkp_structure_main input[type="submit"],
    .pkp_page_login .pkp_structure_main button[type="submit"],
    .pkp_page_register .pkp_structure_main input[type="submit"],
    .pkp_page_register .pkp_structure_main button[type="submit"] {
        width: 100% !important;
    }
}


/* =========================================================
   TIK ILMEU — LOGIN & REGISTRATION REFINEMENT V3
   Shared visual language + broader OJS page selectors.
   Keeps the existing sidebar and Journal Summary settings.
   ========================================================= */

/* Support common OJS page class variants for login/register routes */
.pkp_page_login,
.pkp_page_user_login,
.pkp_op_login,
.pkp_page_register,
.pkp_page_user_register,
.pkp_op_register {
    --tik-primary: #075e73;
    --tik-primary-hover: #064b5c;
    --tik-accent: #087fa0;
    --tik-border: #dce7ec;
    --tik-muted: #64748b;
}

/* Page canvas and headings */
.pkp_page_login .pkp_structure_main,
.pkp_page_user_login .pkp_structure_main,
.pkp_op_login .pkp_structure_main,
.pkp_page_register .pkp_structure_main,
.pkp_page_user_register .pkp_structure_main,
.pkp_op_register .pkp_structure_main {
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    color: #334155;
}

.pkp_page_login .page_title,
.pkp_page_user_login .page_title,
.pkp_op_login .page_title,
.pkp_page_register .page_title,
.pkp_page_user_register .page_title,
.pkp_op_register .page_title,
.pkp_page_login .pkp_structure_main h1,
.pkp_page_user_login .pkp_structure_main h1,
.pkp_op_login .pkp_structure_main h1,
.pkp_page_register .pkp_structure_main h1,
.pkp_page_user_register .pkp_structure_main h1,
.pkp_op_register .pkp_structure_main h1 {
    color: #075e73 !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-weight: 750 !important;
    letter-spacing: -0.35px;
    line-height: 1.25 !important;
    margin-bottom: 22px !important;
}

/* Unified form card. Registration is wider to fit the full OJS form. */
.pkp_page_login .pkp_structure_main form,
.pkp_page_login .pkp_structure_main .pkp_form,
.pkp_page_user_login .pkp_structure_main form,
.pkp_page_user_login .pkp_structure_main .pkp_form,
.pkp_op_login .pkp_structure_main form,
.pkp_op_login .pkp_structure_main .pkp_form {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 490px !important;
    margin: 0 auto 30px !important;
    padding: 34px 34px 30px !important;
    background: #fff !important;
    border: 1px solid #dce7ec !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 32px rgba(7, 94, 115, .075) !important;
}

.pkp_page_register .pkp_structure_main form,
.pkp_page_register .pkp_structure_main .pkp_form,
.pkp_page_user_register .pkp_structure_main form,
.pkp_page_user_register .pkp_structure_main .pkp_form,
.pkp_op_register .pkp_structure_main form,
.pkp_op_register .pkp_structure_main .pkp_form {
    position: relative;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto 30px !important;
    padding: 32px 36px !important;
    background: #fff !important;
    border: 1px solid #dce7ec !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 32px rgba(7, 94, 115, .075) !important;
}

/* A small brand accent at the top of both form cards */
.pkp_page_login .pkp_structure_main form::before,
.pkp_page_login .pkp_structure_main .pkp_form::before,
.pkp_page_user_login .pkp_structure_main form::before,
.pkp_op_login .pkp_structure_main form::before,
.pkp_page_register .pkp_structure_main form::before,
.pkp_page_register .pkp_structure_main .pkp_form::before,
.pkp_page_user_register .pkp_structure_main form::before,
.pkp_op_register .pkp_structure_main form::before {
    content: "";
    display: block;
    height: 4px;
    margin: -32px -36px 26px;
    border-radius: 16px 16px 0 0;
    background: #075e73;
}

/* Form field spacing: cover OJS .fields/.field and common markup */
.pkp_page_login .pkp_structure_main .fields > .field,
.pkp_page_login .pkp_structure_main .field,
.pkp_page_user_login .pkp_structure_main .field,
.pkp_op_login .pkp_structure_main .field,
.pkp_page_register .pkp_structure_main .fields > .field,
.pkp_page_register .pkp_structure_main .field,
.pkp_page_user_register .pkp_structure_main .fields > .field,
.pkp_page_user_register .pkp_structure_main .field,
.pkp_op_register .pkp_structure_main .fields > .field,
.pkp_op_register .pkp_structure_main .field,
.pkp_page_register .pkp_structure_main .form-group,
.pkp_page_user_register .pkp_structure_main .form-group,
.pkp_op_register .pkp_structure_main .form-group {
    margin-bottom: 17px !important;
}

.pkp_page_login .pkp_structure_main label,
.pkp_page_user_login .pkp_structure_main label,
.pkp_op_login .pkp_structure_main label,
.pkp_page_register .pkp_structure_main label,
.pkp_page_user_register .pkp_structure_main label,
.pkp_op_register .pkp_structure_main label {
    color: #334155 !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.5 !important;
    margin-bottom: 7px !important;
}

/* Text fields, select menus and textareas; preserve checkbox/radio dimensions */
.pkp_page_login .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.pkp_page_login .pkp_structure_main select,
.pkp_page_login .pkp_structure_main textarea,
.pkp_page_user_login .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.pkp_op_login .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.pkp_page_register .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.pkp_page_register .pkp_structure_main select,
.pkp_page_register .pkp_structure_main textarea,
.pkp_page_user_register .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.pkp_page_user_register .pkp_structure_main select,
.pkp_page_user_register .pkp_structure_main textarea,
.pkp_op_register .pkp_structure_main input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.pkp_op_register .pkp_structure_main select,
.pkp_op_register .pkp_structure_main textarea {
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 45px;
    padding: 10px 13px !important;
    border: 1px solid #d5e1e7 !important;
    border-radius: 9px !important;
    background: #fbfdfe !important;
    color: #1f2937 !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
}

.pkp_page_login .pkp_structure_main input:focus,
.pkp_page_login .pkp_structure_main select:focus,
.pkp_page_user_login .pkp_structure_main input:focus,
.pkp_op_login .pkp_structure_main input:focus,
.pkp_page_register .pkp_structure_main input:focus,
.pkp_page_register .pkp_structure_main select:focus,
.pkp_page_register .pkp_structure_main textarea:focus,
.pkp_page_user_register .pkp_structure_main input:focus,
.pkp_page_user_register .pkp_structure_main select:focus,
.pkp_page_user_register .pkp_structure_main textarea:focus,
.pkp_op_register .pkp_structure_main input:focus,
.pkp_op_register .pkp_structure_main select:focus,
.pkp_op_register .pkp_structure_main textarea:focus {
    border-color: #087fa0 !important;
    background: #fff !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(8, 127, 160, .12) !important;
}

.pkp_page_login .pkp_structure_main input[type="checkbox"],
.pkp_page_login .pkp_structure_main input[type="radio"],
.pkp_page_register .pkp_structure_main input[type="checkbox"],
.pkp_page_register .pkp_structure_main input[type="radio"],
.pkp_page_user_register .pkp_structure_main input[type="checkbox"],
.pkp_page_user_register .pkp_structure_main input[type="radio"],
.pkp_op_register .pkp_structure_main input[type="checkbox"],
.pkp_op_register .pkp_structure_main input[type="radio"] {
    width: auto !important;
    min-height: 0 !important;
    display: inline-block !important;
    accent-color: #075e73;
    margin-right: 7px !important;
}

/* Submit button: aligned, full-width on login for a clearer primary action */
.pkp_page_login .pkp_structure_main input[type="submit"],
.pkp_page_login .pkp_structure_main button[type="submit"],
.pkp_page_login .pkp_structure_main .submit button,
.pkp_page_user_login .pkp_structure_main input[type="submit"],
.pkp_op_login .pkp_structure_main input[type="submit"],
.pkp_page_register .pkp_structure_main input[type="submit"],
.pkp_page_register .pkp_structure_main button[type="submit"],
.pkp_page_register .pkp_structure_main .submit button,
.pkp_page_user_register .pkp_structure_main input[type="submit"],
.pkp_page_user_register .pkp_structure_main button[type="submit"],
.pkp_op_register .pkp_structure_main input[type="submit"],
.pkp_op_register .pkp_structure_main button[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box !important;
    min-height: 46px;
    padding: 12px 22px !important;
    border: 1px solid #075e73 !important;
    border-radius: 9px !important;
    background: #075e73 !important;
    color: #fff !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(7, 94, 115, .12) !important;
    transition: background .18s ease, box-shadow .18s ease;
}

.pkp_page_login .pkp_structure_main input[type="submit"],
.pkp_page_login .pkp_structure_main button[type="submit"],
.pkp_page_user_login .pkp_structure_main input[type="submit"],
.pkp_op_login .pkp_structure_main input[type="submit"] {
    width: 100% !important;
}

.pkp_page_login .pkp_structure_main input[type="submit"]:hover,
.pkp_page_login .pkp_structure_main button[type="submit"]:hover,
.pkp_page_register .pkp_structure_main input[type="submit"]:hover,
.pkp_page_register .pkp_structure_main button[type="submit"]:hover,
.pkp_page_user_register .pkp_structure_main input[type="submit"]:hover,
.pkp_op_register .pkp_structure_main input[type="submit"]:hover {
    background: #064b5c !important;
    border-color: #064b5c !important;
    box-shadow: 0 6px 14px rgba(7, 94, 115, .17) !important;
}

/* Registration actions often use a submit row; keep buttons from floating apart */
.pkp_page_register .pkp_structure_main .submit,
.pkp_page_user_register .pkp_structure_main .submit,
.pkp_op_register .pkp_structure_main .submit,
.pkp_page_login .pkp_structure_main .submit,
.pkp_page_user_login .pkp_structure_main .submit,
.pkp_op_login .pkp_structure_main .submit {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 22px !important;
}

/* The registration link on login page: make it a neat secondary action,
   not a button competing with the primary Log In button. */
.pkp_page_login .pkp_structure_main a[href*="register"],
.pkp_page_user_login .pkp_structure_main a[href*="register"],
.pkp_op_login .pkp_structure_main a[href*="register"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 42px;
    margin: 12px 0 0 !important;
    padding: 10px 15px !important;
    border: 1px solid #c8dfe6 !important;
    border-radius: 9px !important;
    background: #f4f9fb !important;
    color: #075e73 !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.pkp_page_login .pkp_structure_main a[href*="register"]:hover,
.pkp_page_user_login .pkp_structure_main a[href*="register"]:hover,
.pkp_op_login .pkp_structure_main a[href*="register"]:hover {
    border-color: #087fa0 !important;
    background: #eaf5f8 !important;
    color: #064b5c !important;
}

/* If the registration link sits in its own paragraph, align it cleanly */
.pkp_page_login .pkp_structure_main p:has(> a[href*="register"]),
.pkp_page_user_login .pkp_structure_main p:has(> a[href*="register"]),
.pkp_op_login .pkp_structure_main p:has(> a[href*="register"]) {
    margin: 14px 0 0 !important;
    text-align: center !important;
}

/* Help links and explanatory text */
.pkp_page_login .pkp_structure_main a,
.pkp_page_register .pkp_structure_main a,
.pkp_page_user_login .pkp_structure_main a,
.pkp_page_user_register .pkp_structure_main a,
.pkp_op_login .pkp_structure_main a,
.pkp_op_register .pkp_structure_main a {
    text-underline-offset: 3px;
}

.pkp_page_login .pkp_structure_main .description,
.pkp_page_login .pkp_structure_main small,
.pkp_page_register .pkp_structure_main .description,
.pkp_page_register .pkp_structure_main small,
.pkp_page_user_register .pkp_structure_main .description,
.pkp_page_user_register .pkp_structure_main small,
.pkp_op_register .pkp_structure_main .description,
.pkp_op_register .pkp_structure_main small {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.55 !important;
}

@media (max-width: 768px) {
    .pkp_page_login .pkp_structure_main form,
    .pkp_page_login .pkp_structure_main .pkp_form,
    .pkp_page_user_login .pkp_structure_main form,
    .pkp_op_login .pkp_structure_main form,
    .pkp_page_register .pkp_structure_main form,
    .pkp_page_register .pkp_structure_main .pkp_form,
    .pkp_page_user_register .pkp_structure_main form,
    .pkp_page_user_register .pkp_structure_main .pkp_form,
    .pkp_op_register .pkp_structure_main form,
    .pkp_op_register .pkp_structure_main .pkp_form {
        max-width: 100% !important;
        padding: 25px 18px !important;
        border-radius: 12px !important;
    }
    .pkp_page_login .pkp_structure_main form::before,
    .pkp_page_register .pkp_structure_main form::before,
    .pkp_page_user_register .pkp_structure_main form::before,
    .pkp_op_register .pkp_structure_main form::before {
        margin: -25px -18px 22px;
    }
    .pkp_page_register .pkp_structure_main input[type="submit"],
    .pkp_page_register .pkp_structure_main button[type="submit"],
    .pkp_page_user_register .pkp_structure_main input[type="submit"],
    .pkp_page_user_register .pkp_structure_main button[type="submit"],
    .pkp_op_register .pkp_structure_main input[type="submit"],
    .pkp_op_register .pkp_structure_main button[type="submit"] {
        width: 100% !important;
    }
}

/* =========================================================
   TIK ILMEU — STANDARD TABLE FORMAT FOR ALL OJS FRONT-END PAGES
   Berlaku otomatis untuk tabel baru pada halaman konten jurnal,
   Author Guidelines, halaman statis, dan teks artikel.
   ========================================================= */

/* Standar dasar tabel */
.pkp_structure_main table,
.pkp_page_content table,
.page_content table,
.entry-content table,
.item-page table,
.article-content table,
.obj_article_details .item .value table {
    width: 100% !important;
    max-width: 100% !important;
    margin: 22px 0 !important;
    border: 1px solid #d7e3e8 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    box-shadow: 0 4px 14px rgba(7, 94, 115, 0.055) !important;
}

/* Semua sel tabel mengikuti ukuran, jarak, dan garis yang sama */
.pkp_structure_main table th,
.pkp_structure_main table td,
.pkp_page_content table th,
.pkp_page_content table td,
.page_content table th,
.page_content table td,
.entry-content table th,
.entry-content table td,
.item-page table th,
.item-page table td,
.article-content table th,
.article-content table td,
.obj_article_details .item .value table th,
.obj_article_details .item .value table td {
    box-sizing: border-box !important;
    padding: 8px 12px !important;
    border-right: 1px solid #e1e9ed !important;
    border-bottom: 1px solid #e1e9ed !important;
    vertical-align: top !important;
    font-family: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #1f2937 !important;
    text-align: left !important;
}

/* Header standar: biru-teal solid, teks putih, rata tengah */
.pkp_structure_main table thead th,
.pkp_structure_main table tr:first-child th,
.pkp_page_content table thead th,
.pkp_page_content table tr:first-child th,
.page_content table thead th,
.page_content table tr:first-child th,
.entry-content table thead th,
.entry-content table tr:first-child th,
.item-page table thead th,
.item-page table tr:first-child th,
.article-content table thead th,
.article-content table tr:first-child th,
.obj_article_details .item .value table thead th,
.obj_article_details .item .value table tr:first-child th {
    background: #075e73 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    text-align: center !important;
    vertical-align: middle !important;
    text-transform: none !important;
    letter-spacing: 0.1px !important;
}

/* Jika header menggunakan elemen <th> tanpa thead, tetap tampil konsisten */
.pkp_structure_main table th,
.pkp_page_content table th,
.page_content table th,
.entry-content table th,
.item-page table th,
.article-content table th,
.obj_article_details .item .value table th {
    font-weight: 700 !important;
}

/* Warna baris berselang untuk memudahkan pembacaan */
.pkp_structure_main table tbody tr:nth-child(odd),
.pkp_page_content table tbody tr:nth-child(odd),
.page_content table tbody tr:nth-child(odd),
.entry-content table tbody tr:nth-child(odd),
.item-page table tbody tr:nth-child(odd),
.article-content table tbody tr:nth-child(odd),
.obj_article_details .item .value table tbody tr:nth-child(odd) {
    background: #ffffff !important;
}

.pkp_structure_main table tbody tr:nth-child(even),
.pkp_page_content table tbody tr:nth-child(even),
.page_content table tbody tr:nth-child(even),
.entry-content table tbody tr:nth-child(even),
.item-page table tbody tr:nth-child(even),
.article-content table tbody tr:nth-child(even),
.obj_article_details .item .value table tbody tr:nth-child(even) {
    background: #f4f8fa !important;
}

/* Hover lembut, tanpa mengubah layout tabel */
.pkp_structure_main table tbody tr:hover,
.pkp_page_content table tbody tr:hover,
.page_content table tbody tr:hover,
.entry-content table tbody tr:hover,
.item-page table tbody tr:hover,
.article-content table tbody tr:hover,
.obj_article_details .item .value table tbody tr:hover {
    background: #edf6f8 !important;
}

/* Hilangkan garis berlebih di tepi kanan dan bawah */
.pkp_structure_main table tr > *:last-child,
.pkp_page_content table tr > *:last-child,
.page_content table tr > *:last-child,
.entry-content table tr > *:last-child,
.item-page table tr > *:last-child,
.article-content table tr > *:last-child,
.obj_article_details .item .value table tr > *:last-child {
    border-right: 0 !important;
}

.pkp_structure_main table tr:last-child > *,
.pkp_page_content table tr:last-child > *,
.page_content table tr:last-child > *,
.entry-content table tr:last-child > *,
.item-page table tr:last-child > *,
.article-content table tr:last-child > *,
.obj_article_details .item .value table tr:last-child > * {
    border-bottom: 0 !important;
}

/* Tabel panjang tetap dapat digulir di perangkat kecil */
@media (max-width: 768px) {
    .pkp_structure_main table,
    .pkp_page_content table,
    .page_content table,
    .entry-content table,
    .item-page table,
    .article-content table,
    .obj_article_details .item .value table {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .pkp_structure_main table th,
    .pkp_structure_main table td,
    .pkp_page_content table th,
    .pkp_page_content table td,
    .page_content table th,
    .page_content table td,
    .entry-content table th,
    .entry-content table td,
    .item-page table th,
    .item-page table td,
    .article-content table th,
    .article-content table td,
    .obj_article_details .item .value table th,
    .obj_article_details .item .value table td {
        padding: 7px 9px !important;
        font-size: 13px !important;
    }
}