/* =====================================================================
   Al-Nahyan - tampilan baru (OJS 3.2.1.1)
   Warna diambil dari tampilan yang sekarang:
   oranye #ff9100 | peach #ffe6c7 | gelap #231f20
   Coba dulu lewat ekstensi Stylus (alamat: e-journal.staimaswonogiri.ac.id),
   baru diunggah di Settings > Website > Appearance > Journal style sheet.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap');

:root {
    --oranye: #ff9100;
    --oranye-tua: #e07b00;
    --oranye-muda: #ffe6c7;
    --gelap: #231f20;
    --teks: #212121;
    --halus: .3s cubic-bezier(.4, 0, .2, 1);
}

/* ===== Dasar & tipografi ===== */
html {
    scroll-behavior: smooth;
}
body {
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: var(--teks);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4,
.pkp_block .title,
.pkp_navigation_primary > li > a {
    font-family: 'Poppins', 'Inter', sans-serif;
    letter-spacing: .2px;
}
h1, h2, h3, h4 {
    color: var(--gelap);
    line-height: 1.35;
}
p {
    margin-bottom: 1em;
}
.pkp_structure_main img,
.pkp_structure_main iframe,
.pkp_structure_main video {
    max-width: 100%;
}
.pkp_structure_main img {
    height: auto;
}
.pkp_structure_main {
    overflow-wrap: break-word;
}
a {
    transition: color var(--halus);
}
a:focus-visible {
    outline: 3px solid var(--oranye);
    outline-offset: 2px;
}

/* ===== Header: gambar banner tidak melebar & rata tengah ===== */
.pkp_site_name {
    text-align: center;
}
.pkp_site_name .is_img img {
    max-width: 100%;
    height: auto;
}

/* ===== Menu navigasi ===== */
.pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a {
    position: relative;
    color: var(--gelap);
    font-size: 14px;
    font-weight: 600;
    transition: background-color var(--halus), color var(--halus);
}
.pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4px;
    background: #fff;
    border-radius: 4px 4px 0 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}
.pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:focus {
    background: rgba(0, 0, 0, .10);
    color: var(--gelap);
    box-shadow: none;
}
.pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:hover::after,
.pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:focus::after {
    transform: scaleX(1);
}
.pkp_navigation_primary ul {
    border-radius: 0 0 6px 6px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
}
.pkp_navigation_primary > li:hover > ul,
.pkp_navigation_primary > li:focus-within > ul {
    animation: turun .25s ease both;
}

/* ===== Menu aktif: garis putih di bawah menu halaman yang sedang dibuka ===== */
body.pkp_page_index .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/index"],
body.pkp_page_issue.pkp_op_current .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/issue/current"],
body.pkp_page_issue.pkp_op_archive .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
body.pkp_page_issue.pkp_op_view .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
body.pkp_page_article .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
body.pkp_page_about.pkp_op_submissions .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/submissions"],
body.pkp_page_about.pkp_op_contact .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/contact"],
body.pkp_page_announcement .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/announcement"],
body.pkp_page_about:not(.pkp_op_submissions):not(.pkp_op_contact) .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about"] {
    background: rgba(0, 0, 0, .14);
    font-weight: 700;
}
body.pkp_page_index .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/index"]::after,
body.pkp_page_issue.pkp_op_current .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/issue/current"]::after,
body.pkp_page_issue.pkp_op_archive .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"]::after,
body.pkp_page_issue.pkp_op_view .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"]::after,
body.pkp_page_article .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"]::after,
body.pkp_page_about.pkp_op_submissions .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/submissions"]::after,
body.pkp_page_about.pkp_op_contact .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/contact"]::after,
body.pkp_page_announcement .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/announcement"]::after,
body.pkp_page_about:not(.pkp_op_submissions):not(.pkp_op_contact) .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about"]::after {
    transform: scaleX(1);
}

/* ===== Daftar artikel ===== */
.obj_article_summary {
    padding: 14px 12px;
    border-bottom: 1px solid var(--oranye-muda);
    border-radius: 6px;
    transition: background-color var(--halus), transform var(--halus), box-shadow var(--halus);
}
.obj_article_summary:hover {
    background: #fffaf3;
    transform: translateX(4px);
    box-shadow: 0 2px 10px rgba(224, 123, 0, .12);
}
.obj_article_summary .title {
    font-size: 17px;
    line-height: 1.45;
}
.obj_article_summary .title a {
    font-weight: 600;
}
.obj_article_summary .authors,
.obj_article_summary .pages {
    font-size: 13.5px;
    color: #5f554c;
}

/* ===== Cover terbitan ===== */
.obj_issue_toc .cover img,
.obj_issue_summary .cover img {
    border-radius: 4px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .18);
    transition: transform .4s ease, box-shadow .4s ease;
}
.obj_issue_toc .cover img:hover,
.obj_issue_summary .cover img:hover {
    transform: scale(1.03);
    box-shadow: 0 8px 22px rgba(0, 0, 0, .25);
}

/* ===== Tombol PDF / galley ===== */
.obj_galley_link,
.cmp_button,
.pkp_button {
    background: var(--oranye);
    border-color: var(--oranye);
    color: var(--gelap);
    font-weight: 600;
    border-radius: 4px;
    transition: background-color var(--halus), border-color var(--halus),
                transform var(--halus), box-shadow var(--halus);
}
.obj_galley_link:hover,
.obj_galley_link:focus,
.cmp_button:hover,
.pkp_button:hover {
    background: var(--oranye-tua);
    border-color: var(--oranye-tua);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(224, 123, 0, .35);
}

/* ===== Sidebar ===== */
.pkp_structure_sidebar img {
    max-width: 100%;
    height: auto;
}
.pkp_block {
    margin-bottom: 16px;
    border-radius: 6px;
    overflow: hidden;
    transition: box-shadow var(--halus), transform var(--halus);
}
.pkp_block:hover {
    box-shadow: 0 6px 18px rgba(224, 123, 0, .18);
    transform: translateY(-2px);
}
/* item menu di sidebar (warna asli peach tetap dipakai) */
.pkp_structure_sidebar .pkp_block ul li a {
    transition: background-color var(--halus), color var(--halus), padding var(--halus) !important;
}
.pkp_structure_sidebar .pkp_block ul li a:hover,
.pkp_structure_sidebar .pkp_block ul li a:focus {
    background-color: var(--oranye) !important;
    color: var(--gelap) !important;
    padding-left: 16px !important;
}
.pkp_structure_sidebar a img {
    transition: transform var(--halus), opacity var(--halus);
}
.pkp_structure_sidebar a:hover img {
    transform: scale(1.03);
    opacity: .92;
}

/* ===== HP & tablet ===== */
@media (max-width: 991px) {
    .pkp_site_nav_toggle {
        background: var(--gelap);
        color: #fff;
        border-radius: 0 0 8px 8px;
    }
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a {
        display: block;
        padding: 14px 20px;
        border-bottom: 1px solid rgba(0, 0, 0, .12);
    }
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a::after {
        display: none;
    }
    body.pkp_page_index .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/index"],
    body.pkp_page_issue.pkp_op_current .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/issue/current"],
    body.pkp_page_issue.pkp_op_archive .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
    body.pkp_page_issue.pkp_op_view .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
    body.pkp_page_article .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
    body.pkp_page_about.pkp_op_submissions .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/submissions"],
    body.pkp_page_about.pkp_op_contact .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/contact"],
    body.pkp_page_announcement .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/announcement"],
    body.pkp_page_about:not(.pkp_op_submissions):not(.pkp_op_contact) .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about"] {
        box-shadow: inset 5px 0 0 var(--gelap);
        background: rgba(0, 0, 0, .12);
    }
}
@media (max-width: 767px) {
    body {
        font-size: 14.5px;
    }
    .page h1 {
        font-size: 1.5rem;
    }
    .obj_article_summary {
        padding: 12px 8px;
    }
    .obj_article_summary .title {
        font-size: 16px;
    }
    .pkp_footer_content,
    .pkp_brand_footer {
        float: none;
        width: 100%;
        text-align: center;
    }
}

/* ===== Layar sentuh: matikan efek hover yang "nempel" ===== */
@media (hover: none) {
    .obj_article_summary:hover,
    .pkp_block:hover,
    .obj_galley_link:hover,
    .cmp_button:hover,
    .pkp_button:hover,
    .obj_issue_toc .cover img:hover,
    .obj_issue_summary .cover img:hover,
    .pkp_structure_sidebar a:hover img {
        transform: none;
        box-shadow: none;
    }
}

/* ===== Animasi muncul saat scroll (Chrome, Edge, Safari terbaru) ===== */
@keyframes muncul-scroll {
    from { opacity: 0; translate: 0 28px; }
    to   { opacity: 1; translate: 0 0; }
}
@supports (animation-timeline: view()) {
    .obj_article_summary,
    .obj_issue_summary,
    .pkp_block,
    .cmp_announcements > li,
    .page > p,
    .page > section,
    .additional_content,
    .pkp_structure_footer_wrapper .pkp_footer_content {
        animation: muncul-scroll linear both;
        animation-timeline: view();
        animation-range: entry 0% entry 60%;
    }
}

/* ===== Animasi slide saat pindah halaman (Chrome, Edge, Safari terbaru) ===== */
@media (prefers-reduced-motion: no-preference) {
    @view-transition {
        navigation: auto;
    }
    ::view-transition-old(root) {
        animation: .3s ease both slide-keluar;
    }
    ::view-transition-new(root) {
        animation: .45s ease both slide-masuk;
    }
}
@keyframes slide-keluar {
    to { opacity: 0; transform: translateX(-48px); }
}
@keyframes slide-masuk {
    from { opacity: 0; transform: translateX(64px); }
}
@keyframes turun {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: none; }
}

/* ===== Hormati pengguna yang mematikan animasi ===== */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}

/* =====================================================================
   TAHAP 2 - perapihan (menimpa aturan di atas)
   ===================================================================== */

/* ----- Header: banner tidak boleh terpotong ----- */
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}
.pkp_site_name .is_img {
    display: block;
    line-height: 0;
}
.pkp_site_name .is_img img {
    display: block;
    margin: 0 auto;
    width: auto;
    max-width: 100%;
    height: auto !important;
    max-height: none !important;
}

/* ----- Bar menu laptop: ramping, satu baris, strip gelap penuh ----- */
@media (min-width: 992px) {
    .pkp_navigation_primary_row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
        margin-top: 0;
        padding: 0;
        background: var(--gelap);
        border-image: conic-gradient(var(--gelap) 0 0) 0 fill / / 0 100vw;
    }
    .pkp_navigation_primary_wrapper {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        width: auto;
        max-width: none;
        float: none;
        background: transparent;
        border-image: none;
    }
    .pkp_navigation_primary_wrapper .pkp_navigation_primary {
        display: flex;
        flex: 1 1 auto;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: flex-start;
        margin: 0;
        padding: 0;
        gap: 2px;
    }
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li {
        float: none;
        margin: 0;
    }
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a {
        display: block;
        padding: 11px 16px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.3;
        letter-spacing: .3px;
        white-space: nowrap;
        color: rgba(255, 255, 255, .88);
        background: transparent;
        border-radius: 4px 4px 0 0;
        transition: color .35s ease, background-color .35s ease;
    }
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a::after {
        height: 3px;
        background: var(--oranye);
        transform: scaleX(0);
        transition: transform .4s cubic-bezier(.4, 0, .2, 1);
    }
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:focus {
        background: rgba(255, 145, 0, .14);
        color: #fff;
    }
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:hover::after,
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a:focus::after {
        transform: scaleX(1);
    }

    /* menu aktif: teks oranye + garis oranye yang "tumbuh" saat halaman dibuka */
    body.pkp_page_index .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/index"],
    body.pkp_page_issue.pkp_op_current .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/issue/current"],
    body.pkp_page_issue.pkp_op_archive .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
    body.pkp_page_issue.pkp_op_view .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
    body.pkp_page_article .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"],
    body.pkp_page_about.pkp_op_submissions .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/submissions"],
    body.pkp_page_about.pkp_op_contact .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/contact"],
    body.pkp_page_announcement .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/announcement"],
    body.pkp_page_about:not(.pkp_op_submissions):not(.pkp_op_contact) .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about"] {
        color: var(--oranye);
        font-weight: 600;
        background: rgba(255, 145, 0, .14);
        animation: latar-masuk .5s ease both;
    }
    body.pkp_page_index .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/index"]::after,
    body.pkp_page_issue.pkp_op_current .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/issue/current"]::after,
    body.pkp_page_issue.pkp_op_archive .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"]::after,
    body.pkp_page_issue.pkp_op_view .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"]::after,
    body.pkp_page_article .pkp_navigation_primary_wrapper .pkp_navigation_primary > li:not(:nth-child(2)) > a[href$="/issue/archive"]::after,
    body.pkp_page_about.pkp_op_submissions .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/submissions"]::after,
    body.pkp_page_about.pkp_op_contact .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about/contact"]::after,
    body.pkp_page_announcement .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/announcement"]::after,
    body.pkp_page_about:not(.pkp_op_submissions):not(.pkp_op_contact) .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a[href$="/about"]::after {
        transform: scaleX(1);
        animation: garis-masuk .55s cubic-bezier(.4, 0, .2, 1) .1s both;
    }

    /* Search di bar gelap, sejajar vertikal */
    .pkp_navigation_search_wrapper {
        position: static !important;
        float: none !important;
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
    }
    /* form Search versi HP tidak ikut tampil di laptop */
    .pkp_head_wrapper form.pkp_search.pkp_search_mobile,
    .pkp_head_wrapper .pkp_search_mobile {
        display: none !important;
    }

    /* Search: ikon + tulisan di kanan bar; kotak cari meluncur ke samping saat diklik */
    .pkp_head_wrapper form.pkp_search {
        position: relative !important;
        display: flex !important;
        align-items: center;
        flex-direction: row;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        height: auto !important;
        width: auto !important;
    }
    .pkp_head_wrapper form.pkp_search input[name="query"] {
        position: static !important;
        box-sizing: border-box;
        width: 0 !important;
        height: 32px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 4px;
        background: #fff;
        color: var(--teks);
        font-size: 13px;
        opacity: 0;
        transition: width .45s cubic-bezier(.4, 0, .2, 1), opacity .3s ease, padding .3s ease;
    }
    .pkp_head_wrapper form.pkp_search.is_open input[name="query"] {
        width: 230px !important;
        padding: 0 10px !important;
        opacity: 1;
    }
    .pkp_head_wrapper form.pkp_search > button[type="submit"] {
        position: static !important;
        display: none !important;
    }
    .pkp_head_wrapper form.pkp_search .search_controls {
        position: static !important;
        display: flex !important;
        align-items: center;
        gap: 4px;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        box-shadow: none !important;
    }
    .pkp_head_wrapper form.pkp_search .search_prompt {
        display: inline-flex !important;
        align-items: center;
        gap: 7px;
        padding: 0 10px !important;
        margin: 0 !important;
        font-size: 13px !important;
        font-weight: 600;
        line-height: 1.3 !important;
        color: #fff !important;
        text-decoration: none !important;
        border: 0 !important;
        background: transparent !important;
        transition: color .3s ease;
    }
    .pkp_head_wrapper form.pkp_search .search_prompt::before {
        content: "";
        width: 15px;
        height: 15px;
        background: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M15.5 15.5L22 22'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cpath d='M15.5 15.5L22 22'/%3E%3C/svg%3E") center / contain no-repeat;
    }
    .pkp_head_wrapper form.pkp_search .search_prompt:hover,
    .pkp_head_wrapper form.pkp_search.is_open .search_prompt {
        color: var(--oranye) !important;
    }
    .pkp_head_wrapper form.pkp_search .search_cancel,
    .pkp_head_wrapper form.pkp_search .search_loading {
        display: none !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pkp_navigation_primary_wrapper .pkp_navigation_primary > li > a {
        padding: 11px 11px;
        font-size: 12.5px;
    }
}

@keyframes garis-masuk {
    from { transform: scaleX(0); }
    to   { transform: scaleX(1); }
}
@keyframes latar-masuk {
    from { background-color: transparent; }
    to   { background-color: rgba(255, 145, 0, .14); }
}

/* ----- Jarak isi halaman ----- */
.pkp_structure_content {
    padding-top: 28px !important;
}
.pkp_structure_main,
.pkp_structure_sidebar {
    padding-top: 0 !important;
}
.pkp_structure_main {
    padding-bottom: 32px !important;
}
.pkp_structure_sidebar .pkp_block:first-child {
    margin-top: 0 !important;
}

/* ----- Judul bagian: garis aksen oranye ----- */
.page h1,
.page h2,
.homepage_about h2,
.current_issue h2,
.obj_issue_toc h2 {
    padding-left: 12px;
    border-left: 5px solid var(--oranye);
    margin: 0 0 16px;
}
.homepage_about,
.current_issue {
    margin-bottom: 36px !important;
}

/* ----- Sidebar: kartu rapi ----- */
.pkp_block {
    border: 1px solid #f1e3d0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
}
.pkp_block .title {
    letter-spacing: .5px;
}

/* ----- Teks isi ----- */
.page,
.homepage_about {
    max-width: 78ch;
}
.page p,
.homepage_about p {
    text-align: left;
}

/* =====================================================================
   SIDEBAR (Custom Block Manager) - kartu .sb-nahyan
   ===================================================================== */
.pkp_block:has(.sb-nahyan) {
    padding: 0 !important;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #f1e3d0;
    box-shadow: 0 6px 22px rgba(0, 0, 0, .07);
    background: #fffaf3;
}
.sb-nahyan { margin: 0; padding: 0; }

/* kepala kartu */
.sb-nahyan .sb-kepala {
    display: block;
    padding: 22px 22px 20px;
    color: #fff;
    background: linear-gradient(135deg, #231f20 0%, #3a3234 100%);
}
.sb-nahyan .sb-label {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    color: var(--oranye);
}
.sb-nahyan .sb-judul {
    display: block;
    margin: 6px 0 4px;
    font-family: 'Poppins', 'Inter', sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.25;
    color: #fff;
}
.sb-nahyan .sb-sub {
    display: block;
    font-size: 12.5px;
    color: rgba(255, 255, 255, .78);
}
.sb-nahyan .sb-kepala::after {
    content: "";
    display: block;
    width: 52px;
    height: 4px;
    margin-top: 14px;
    border-radius: 4px;
    background: var(--oranye);
}

/* daftar menu: kartu putih bernomor */
.sb-nahyan .sb-menu {
    list-style: none;
    counter-reset: menu;
    margin: 0;
    padding: 12px;
    display: grid;
    gap: 8px;
}
.sb-nahyan .sb-menu li {
    counter-increment: menu;
    margin: 0;
    padding: 0;
}
.sb-nahyan .sb-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    font-size: 13.5px;
    font-weight: 600;
    color: #3b2f2a;
    text-decoration: none;
    background: #fff;
    border: 1px solid #f1e3d0;
    border-radius: 12px;
    transition: transform .35s cubic-bezier(.4, 0, .2, 1), box-shadow .35s ease, border-color .3s ease, color .3s ease;
}
.sb-nahyan .sb-menu a::before {
    content: counter(menu, decimal-leading-zero);
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    font-size: 11px;
    font-weight: 700;
    color: var(--oranye-tua);
    background: var(--oranye-muda);
    border-radius: 9px;
    transition: background-color .3s ease, color .3s ease, transform .35s cubic-bezier(.4, 0, .2, 1);
}
.sb-nahyan .sb-menu a:hover,
.sb-nahyan .sb-menu a:focus-visible {
    color: var(--oranye-tua);
    border-color: var(--oranye);
    transform: translateX(4px);
    box-shadow: 0 6px 16px rgba(224, 123, 0, .18);
}
.sb-nahyan .sb-menu a:hover::before,
.sb-nahyan .sb-menu a:focus-visible::before {
    color: #fff;
    background: var(--oranye);
    transform: scale(1.06);
}

/* bagian bawah: statistik, template, tool */
.sb-nahyan .sb-bagian {
    padding: 4px 12px 14px;
}
.sb-nahyan .sb-bagian-judul {
    margin: 6px 0 10px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #3b2f2a;
    border-left: 4px solid var(--oranye);
}
.sb-nahyan .sb-statistik {
    padding: 10px;
    text-align: center;
    background: #fff;
    border: 1px solid #f1e3d0;
    border-radius: 12px;
}
.sb-nahyan .sb-statistik img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.sb-nahyan .sb-gambar {
    display: grid;
    gap: 10px;
}
.sb-nahyan .sb-gambar a {
    display: block;
    overflow: hidden;
    border: 1px solid #f1e3d0;
    border-radius: 12px;
    background: #fff;
    transition: transform .35s cubic-bezier(.4, 0, .2, 1), box-shadow .35s ease, border-color .3s ease;
}
.sb-nahyan .sb-gambar img {
    display: block;
    width: 100%;
    height: auto;
}
.sb-nahyan .sb-gambar a:hover {
    transform: translateY(-3px);
    border-color: var(--oranye);
    box-shadow: 0 8px 18px rgba(224, 123, 0, .22);
}
@media (hover: none) {
    .sb-nahyan .sb-menu a:hover { transform: none; }
}

/* =====================================================================
   TAHAP 3 - ruang sidebar (jangan menempel ke isi halaman & garis pemisah)
   ===================================================================== */
@media (min-width: 992px) {
    .pkp_structure_sidebar .pkp_block {
        margin-left: 28px;
        margin-right: 14px;
        margin-bottom: 24px;
    }
}
@media (max-width: 991px) {
    .pkp_structure_sidebar .pkp_block {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
    }
}


/* =====================================================================
   TAHAP 4 - footer (gelap, garis oranye, tata letak rapi)
   ===================================================================== */
.pkp_structure_footer_wrapper {
    background: var(--gelap) !important;
    color: rgba(255, 255, 255, .88);
    border-top: 4px solid var(--oranye);
    margin-top: 0;
}
.pkp_structure_footer_wrapper .pkp_structure_footer {
    box-sizing: border-box;
    max-width: 1180px;
    margin: 0 auto;
    padding: 38px 24px 30px;
}
.pkp_structure_footer_wrapper .pkp_footer_content {
    padding: 0 !important;
}
.pkp_structure_footer_wrapper .pkp_footer_content p {
    margin: 0 0 10px;
    font-size: 13.5px;
    line-height: 1.75;
}
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper span,
.pkp_structure_footer_wrapper div {
    color: rgba(255, 255, 255, .88) !important;
}
.pkp_structure_footer_wrapper strong,
.pkp_structure_footer_wrapper b {
    color: #fff !important;
    font-family: 'Poppins', 'Inter', sans-serif;
    font-weight: 600;
}
.pkp_structure_footer_wrapper a {
    color: var(--oranye) !important;
    text-decoration: none;
}
.pkp_structure_footer_wrapper a:hover,
.pkp_structure_footer_wrapper a:focus {
    color: #ffb347 !important;
    text-decoration: underline;
}
/* logo "Platform & workflow by OJS / PKP" dibuat putih agar terbaca di latar gelap */
.pkp_structure_footer_wrapper .pkp_brand_footer {
    padding: 0 !important;
}
.pkp_structure_footer_wrapper .pkp_brand_footer img {
    display: block;
    max-width: 150px;
    height: auto;
    margin: 0 auto;
    filter: brightness(0) invert(1);
    opacity: .85;
    transition: opacity var(--halus);
}
.pkp_structure_footer_wrapper .pkp_brand_footer a:hover img {
    opacity: 1;
}

/* laptop: isi di kiri, logo OJS di kanan, sejajar tengah */
@media (min-width: 992px) {
    .pkp_structure_footer_wrapper .pkp_structure_footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 40px;
    }
    .pkp_structure_footer_wrapper .pkp_footer_content {
        float: none !important;
        flex: 1 1 auto;
        width: auto !important;
        max-width: 78%;
    }
    .pkp_structure_footer_wrapper .pkp_brand_footer {
        float: none !important;
        flex: 0 0 auto;
        width: auto !important;
    }
}

/* HP & tablet: susun ke bawah, rata tengah */
@media (max-width: 991px) {
    .pkp_structure_footer_wrapper .pkp_structure_footer {
        padding: 30px 18px 26px;
    }
    .pkp_structure_footer_wrapper .pkp_footer_content,
    .pkp_structure_footer_wrapper .pkp_brand_footer {
        float: none !important;
        width: 100% !important;
        text-align: center;
    }
    .pkp_structure_footer_wrapper .pkp_brand_footer {
        margin-top: 18px;
    }
}


/* =====================================================================
   TAHAP 5 - kepala kartu menu sidebar berwarna oranye
   ===================================================================== */
.sb-nahyan .sb-kepala {
    background: linear-gradient(135deg, #ff9100 0%, #ffa63d 100%);
}
.sb-nahyan .sb-label {
    color: var(--gelap);
    opacity: .75;
}
.sb-nahyan .sb-judul {
    color: var(--gelap);
}
.sb-nahyan .sb-sub {
    color: rgba(35, 31, 32, .88);
}
.sb-nahyan .sb-kepala::after {
    background: var(--gelap);
}


/* =====================================================================
   TAHAP 6 - halaman Archives: daftar terbitan ke bawah (satu per baris)
   ===================================================================== */
.page_issue_archive {
    max-width: none;
}
.page_issue_archive .issues_archive {
    display: flex;
    flex-direction: column;
    gap: 18px;
    margin: 8px 0 24px;
    padding: 0;
    list-style: none;
}
.page_issue_archive .issues_archive > li {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

/* kartu: sampul di kiri, keterangan di kanan */
.page_issue_archive .obj_issue_summary {
    display: grid;
    grid-template-columns: 150px 1fr;
    column-gap: 22px;
    align-items: start;
    align-content: start;
    box-sizing: border-box;
    margin: 0;
    padding: 18px;
    background: #fff;
    border: 1px solid var(--oranye-muda);
    border-radius: 14px;
    box-shadow: 0 2px 10px rgba(35, 31, 32, .06);
    transition: transform .35s cubic-bezier(.4, 0, .2, 1), box-shadow .35s ease, border-color .3s ease;
}
.page_issue_archive .obj_issue_summary:hover {
    transform: translateY(-3px);
    border-color: var(--oranye);
    box-shadow: 0 10px 24px rgba(224, 123, 0, .20);
}
.page_issue_archive .obj_issue_summary > *:not(.cover) {
    grid-column: 2;
}

/* sampul */
.page_issue_archive .obj_issue_summary .cover {
    grid-column: 1;
    grid-row: 1 / span 4;
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
}
.page_issue_archive .obj_issue_summary .cover img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18);
}
/* terbitan tanpa sampul: kotak oranye berukuran sama */
.page_issue_archive .obj_issue_summary:not(:has(.cover))::before {
    content: "AL-NAHYAN";
    grid-column: 1;
    grid-row: 1 / span 4;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 7 / 10;
    border-radius: 8px;
    font-family: 'Poppins', 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #fff;
    background: linear-gradient(160deg, var(--oranye) 0%, var(--oranye-tua) 100%);
}

/* judul & nomor terbitan */
.page_issue_archive .obj_issue_summary h2 {
    margin: 4px 0 0;
    padding: 0;
    border-left: 0;
    font-size: 16px;
    line-height: 1.4;
}
.page_issue_archive .obj_issue_summary .title {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--gelap);
    text-decoration: none;
}
.page_issue_archive .obj_issue_summary .title:hover,
.page_issue_archive .obj_issue_summary .title:focus {
    color: var(--oranye-tua);
}
.page_issue_archive .obj_issue_summary .series {
    display: inline-block;
    margin-top: 10px;
    padding: 4px 13px;
    font-size: 13px;
    font-weight: 700;
    color: var(--oranye-tua);
    background: var(--oranye-muda);
    border-radius: 999px;
}
.page_issue_archive .obj_issue_summary .description {
    margin-top: 10px;
    font-size: 13.5px;
    color: #5f554c;
}
.page_issue_archive .cmp_pagination {
    margin-top: 8px;
    text-align: center;
}

@media (max-width: 575px) {
    .page_issue_archive .obj_issue_summary {
        grid-template-columns: 96px 1fr;
        column-gap: 14px;
        padding: 12px;
    }
    .page_issue_archive .obj_issue_summary h2,
    .page_issue_archive .obj_issue_summary .title {
        font-size: 14px;
    }
}
@media (hover: none) {
    .page_issue_archive .obj_issue_summary:hover {
        transform: none;
    }
}


/* =====================================================================
   TAHAP 7 - menu sidebar tetap menyala (aktif) untuk halaman yang sedang dibuka
   Memakai class di <body> yang dibuat OJS (pkp_page_NAMA-HALAMAN).
   Menambah menu baru? Tambahkan satu baris selektor yang sama di kedua daftar.
   ===================================================================== */
body.pkp_page_focus_and_scope .sb-nahyan .sb-menu a[href$="/focus_and_scope"],
body.pkp_page_author_guidelines .sb-nahyan .sb-menu a[href$="/author_guidelines"],
body.pkp_page_publication_ethics .sb-nahyan .sb-menu a[href$="/publication_ethics"],
body.pkp_page_editorial_team .sb-nahyan .sb-menu a[href$="/editorial_team"],
body.pkp_page_open_access_statement .sb-nahyan .sb-menu a[href$="/open_access_statement"],
body.pkp_page_peer_review_process .sb-nahyan .sb-menu a[href$="/peer_review_process"],
body.pkp_page_copyright_notice_licensing .sb-nahyan .sb-menu a[href$="/copyright_notice_licensing"],
body.pkp_page_plagiarism_policy .sb-nahyan .sb-menu a[href$="/plagiarism_policy"],
body.pkp_page_privacy_statement .sb-nahyan .sb-menu a[href$="/privacy_statement"],
body.pkp_page_journal_history .sb-nahyan .sb-menu a[href$="/journal_history"],
body.pkp_page_reviewers .sb-nahyan .sb-menu a[href$="/reviewers"],
body.pkp_page_archiving_policy .sb-nahyan .sb-menu a[href$="/archiving_policy"],
body.pkp_page_generative_ai_policy .sb-nahyan .sb-menu a[href$="/generative_ai_policy"],
body.pkp_page_retraction_corrections .sb-nahyan .sb-menu a[href$="/retraction_corrections"],
body.pkp_page_professional_proofreading .sb-nahyan .sb-menu a[href$="/professional_proofreading"],
body.pkp_page_author_fees .sb-nahyan .sb-menu a[href$="/author_fees"],
body.pkp_page_declaration_form .sb-nahyan .sb-menu a[href$="/declaration_form"],
body.pkp_page_visitor_counter .sb-nahyan .sb-menu a[href$="/visitor_counter"],
body.pkp_page_about.pkp_op_contact .sb-nahyan .sb-menu a[href$="/about/contact"] {
    color: var(--oranye-tua);
    font-weight: 700;
    border-color: var(--oranye);
    transform: translateX(4px);
    box-shadow: 0 6px 16px rgba(224, 123, 0, .18);
}
body.pkp_page_focus_and_scope .sb-nahyan .sb-menu a[href$="/focus_and_scope"]::before,
body.pkp_page_author_guidelines .sb-nahyan .sb-menu a[href$="/author_guidelines"]::before,
body.pkp_page_publication_ethics .sb-nahyan .sb-menu a[href$="/publication_ethics"]::before,
body.pkp_page_editorial_team .sb-nahyan .sb-menu a[href$="/editorial_team"]::before,
body.pkp_page_open_access_statement .sb-nahyan .sb-menu a[href$="/open_access_statement"]::before,
body.pkp_page_peer_review_process .sb-nahyan .sb-menu a[href$="/peer_review_process"]::before,
body.pkp_page_copyright_notice_licensing .sb-nahyan .sb-menu a[href$="/copyright_notice_licensing"]::before,
body.pkp_page_plagiarism_policy .sb-nahyan .sb-menu a[href$="/plagiarism_policy"]::before,
body.pkp_page_privacy_statement .sb-nahyan .sb-menu a[href$="/privacy_statement"]::before,
body.pkp_page_journal_history .sb-nahyan .sb-menu a[href$="/journal_history"]::before,
body.pkp_page_reviewers .sb-nahyan .sb-menu a[href$="/reviewers"]::before,
body.pkp_page_archiving_policy .sb-nahyan .sb-menu a[href$="/archiving_policy"]::before,
body.pkp_page_generative_ai_policy .sb-nahyan .sb-menu a[href$="/generative_ai_policy"]::before,
body.pkp_page_retraction_corrections .sb-nahyan .sb-menu a[href$="/retraction_corrections"]::before,
body.pkp_page_professional_proofreading .sb-nahyan .sb-menu a[href$="/professional_proofreading"]::before,
body.pkp_page_author_fees .sb-nahyan .sb-menu a[href$="/author_fees"]::before,
body.pkp_page_declaration_form .sb-nahyan .sb-menu a[href$="/declaration_form"]::before,
body.pkp_page_visitor_counter .sb-nahyan .sb-menu a[href$="/visitor_counter"]::before,
body.pkp_page_about.pkp_op_contact .sb-nahyan .sb-menu a[href$="/about/contact"]::before {
    color: #fff;
    background: var(--oranye);
    transform: scale(1.06);
}