/*
 * Brinesia Journal Theme
 * CLEAN HEADER + HERO + NAV ONLY
 * Body/content/sidebar/footer intentionally left to Default Theme for now.
 */

:root {
    --brj-navy: #071827;
    --brj-navy-2: #0b2233;
    --brj-gold: #d6b14a;
    --brj-gold-2: #c49a31;
    --brj-line: #dfe8ec;
    --brj-text: #1c2a38;
    --brj-muted: #647282;
    --brj-container: 1180px;
    --brj-gutter: 24px;
	--brj-nav-left-offset: -25px;
	--brj-user-shift-x: -14px;
}

/* =========================================================
   01. HEADER TOP
   ========================================================= */

.pkp_structure_head {
    position: relative !important;
    z-index: 20 !important;
    background: var(--brj-navy) !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Garis emas tipis full-width antara header dan hero */
.pkp_structure_head::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: var(--brj-head-height) !important;
    height: 2px !important;
    background: var(--brj-gold) !important;
    z-index: 35 !important;
    pointer-events: none !important;
}

/* Container header: logo kiri dan user menu kanan */
.pkp_head_wrapper,
.pkp_head_wrapper.brj-head-top {
    position: relative !important;
    max-width: var(--brj-container) !important;
    min-height: var(--brj-head-height) !important;
    margin: 0 auto !important;
    padding: 14px var(--brj-gutter) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.pkp_site_name_wrapper {
    display: flex !important;
    align-items: center !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name a {
    color: #fff !important;
    text-decoration: none !important;
}

.pkp_site_name img,
.pkp_structure_head .pkp_site_name img {
    display: block !important;
    width: auto !important;
    max-height: 56px !important;
    object-fit: contain !important;
}

/* User menu harus berada di kanan container header, sejajar dengan search */
.brj-user-menu,
.pkp_head_wrapper .pkp_navigation_user_wrapper.brj-user-menu,
.pkp_head_wrapper .pkp_navigation_user_wrapper {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: 100 !important;
}

.brj-user-menu .pkp_navigation_user,
.pkp_head_wrapper .pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.brj-user-menu .pkp_navigation_user > li > a,
.brj-user-menu .pkp_navigation_user > li.profile > a,
.pkp_head_wrapper .pkp_navigation_user > li > a,
.pkp_head_wrapper .pkp_navigation_user > li.profile > a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 36px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

.brj-user-menu .pkp_navigation_user > li > a:hover,
.brj-user-menu .pkp_navigation_user > li.profile > a:hover,
.pkp_head_wrapper .pkp_navigation_user > li > a:hover,
.pkp_head_wrapper .pkp_navigation_user > li.profile > a:hover {
    background: rgba(255,255,255,.14) !important;
    color: var(--brj-gold) !important;
    text-decoration: none !important;
}

.brj-user-menu .task_count,
.pkp_head_wrapper .pkp_navigation_user .task_count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    background: var(--brj-gold) !important;
    color: var(--brj-navy) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

/* Dropdown user */
.brj-user-menu .pkp_navigation_user ul,
.pkp_head_wrapper .pkp_navigation_user ul,
.pkp_nav_list ul {
    right: 0 !important;
    left: auto !important;
    top: 100% !important;
    margin-top: 8px !important;
    border: 1px solid var(--brj-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 18px 42px rgba(7,24,39,.18) !important;
    overflow: hidden !important;
    z-index: 9999 !important;
}

.pkp_nav_list ul a {
    color: var(--brj-navy) !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}

.pkp_nav_list ul a:hover {
    background: #f4f8f9 !important;
    color: var(--brj-navy) !important;
}

/* =========================================================
   02. HERO GLOBAL
   ========================================================= */

.brj-home-hero--header {
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    min-height: 410px !important;
    margin: 0 !important;
    overflow: hidden !important;
    background:
        linear-gradient(90deg, rgba(7,24,39,.96) 0%, rgba(7,24,39,.88) 43%, rgba(7,24,39,.54) 100%),
        url("../images/herokhatulistiwa.jpg") center center / cover no-repeat !important;
    color: #fff !important;
}

.brj-home-hero__grid,
.brj-home-hero__dots,
.brj-home-hero--header::before,
.brj-home-hero--header::after {
    pointer-events: none !important;
}

.brj-home-hero__grid {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background-image:
        linear-gradient(rgba(214,177,74,.045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(214,177,74,.045) 1px, transparent 1px) !important;
    background-size: 54px 54px !important;
}

.brj-home-hero__dots {
    position: absolute !important;
    z-index: 2 !important;
    width: 170px !important;
    height: 220px !important;
    background-image: radial-gradient(rgba(214,177,74,.70) 1.3px, transparent 1.3px) !important;
    background-size: 14px 14px !important;
    opacity: .38 !important;
}

.brj-home-hero__dots--left { left: 48px !important; top: 64px !important; }
.brj-home-hero__dots--right { right: 86px !important; bottom: 48px !important; opacity: .22 !important; }

.brj-home-hero--header::before {
    content: "" !important;
    position: absolute !important;
    left: -92px !important;
    top: 74px !important;
    z-index: 1 !important;
    width: 232px !important;
    height: 232px !important;
    border: 26px solid rgba(214,177,74,.13) !important;
    transform: rotate(45deg) !important;
}

.brj-home-hero--header::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: radial-gradient(circle at 78% 35%, rgba(255,255,255,.08), transparent 30%) !important;
}

.brj-home-hero__inner {
    position: relative !important;
    z-index: 4 !important;
    max-width: var(--brj-container) !important;
    min-height: 410px !important;
    margin: 0 auto !important;
    padding: 54px var(--brj-gutter) 58px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    align-items: center !important;
    gap: 54px !important;
}

.brj-home-hero__badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-bottom: 22px !important;
    padding: 9px 15px !important;
    border: 1px solid rgba(214,177,74,.72) !important;
    border-radius: 8px !important;
    background: rgba(7,24,39,.42) !important;
    color: var(--brj-gold) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .10em !important;
    text-transform: uppercase !important;
}

.brj-home-hero__title {
    max-width: 760px !important;
    margin: 0 0 16px !important;
    color: #fff !important;
    font-size: clamp(42px, 4.8vw, 70px) !important;
    line-height: 1.04 !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
    text-shadow: 0 4px 22px rgba(0,0,0,.38) !important;
}

.brj-home-hero__desc {
    max-width: 760px !important;
    margin: 0 0 12px !important;
    color: rgba(255,255,255,.90) !important;
    font-size: 16px !important;
    line-height: 1.72 !important;
    text-align: left !important;
    text-shadow: 0 2px 16px rgba(0,0,0,.28) !important;
}

.brj-home-hero__readmore {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 0 20px !important;
    color: var(--brj-gold) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.brj-home-hero__readmore:hover {
    color: #fff !important;
    text-decoration: none !important;
}

.brj-home-hero__quicklinks {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    margin: 0 0 22px !important;
}

.brj-home-hero__quicklinks a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #fff !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.brj-home-hero__quicklinks a:hover {
    color: var(--brj-gold) !important;
    text-decoration: none !important;
}

.brj-home-hero__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    min-width: 178px !important;
    padding: 11px 18px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(135,99,22,.35) !important;
    background: linear-gradient(145deg, #f3ce5b, #d4ab3d) !important;
    color: var(--brj-navy) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: 0 12px 24px rgba(0,0,0,.18) !important;
}

.brj-home-hero__button:hover {
    background: #caa13a !important;
    color: var(--brj-navy) !important;
    text-decoration: none !important;
}

.brj-home-hero__visual {
    position: relative !important;
    z-index: 4 !important;
    display: flex !important;
    justify-content: center !important;
}

.brj-home-hero__cover {
    width: 230px !important;
    aspect-ratio: 3 / 4 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: rgba(255,255,255,.10) !important;
    box-shadow: 0 24px 48px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.16) !important;
    transform: rotate(1.5deg) !important;
}

.brj-home-hero__cover img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* Non-home hero: tetap tampil lengkap, hanya sedikit lebih ringkas */
body:not(.pkp_page_index) .brj-home-hero--header {
    min-height: 360px !important;
}

body:not(.pkp_page_index) .brj-home-hero__inner {
    min-height: 360px !important;
    padding-top: 42px !important;
    padding-bottom: 46px !important;
}

body:not(.pkp_page_index) .brj-home-hero__title {
    font-size: clamp(36px, 4vw, 56px) !important;
    margin-bottom: 16px !important;
}

body:not(.pkp_page_index) .brj-home-hero__desc {
    max-width: 760px !important;
    margin: 0 0 16px !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
}

body:not(.pkp_page_index) .brj-home-hero__quicklinks {
    gap: 16px !important;
}

body:not(.pkp_page_index) .brj-home-hero__cover {
    width: 190px !important;
}

/* =========================================================
   03. NAVIGATION
   ========================================================= */

.brj-main-nav,
.pkp_site_nav_menu.brj-main-nav {
    position: relative !important;
    background: #fff !important;
    border-top: 1px solid rgba(214,177,74,.35) !important;
    border-bottom: 1px solid var(--brj-line) !important;
    box-shadow: 0 12px 26px rgba(7,24,39,.06) !important;
}

.brj-main-nav .pkp_navigation_primary_row,
.pkp_navigation_primary_row {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.brj-main-nav .pkp_navigation_primary_wrapper,
.pkp_navigation_primary_wrapper {
    max-width: var(--brj-container) !important;
    min-height: 68px !important;
    margin: 0 auto !important;
    padding: 0 var(--brj-gutter) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    background: transparent !important;
}

.brj-main-nav .pkp_navigation_primary,
.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

.brj-main-nav .pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    color: var(--brj-navy) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease !important;
}

.brj-main-nav .pkp_navigation_primary > li > a:hover,
.brj-main-nav .pkp_navigation_primary > li.current > a,
.brj-main-nav .pkp_navigation_primary > li.active > a,
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.active > a {
    background: rgba(214,177,74,.16) !important;
    color: var(--brj-navy) !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
}

/* Item pertama = Home, dibuat blok emas */
.brj-main-nav .pkp_navigation_primary > li:first-child > a,
.pkp_navigation_primary > li:first-child > a {
    width: 45px !important;
    min-width: 45px !important;
    height: 45px !important;
    min-height: 45px !important;
    padding: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #f1cb58, #d5aa38) !important;
    color: var(--brj-navy) !important;
    box-shadow: 0 10px 20px rgba(7,24,39,.10) !important;
    font-size: 0 !important;
}

.brj-main-nav .pkp_navigation_primary > li:first-child > a::before,
.pkp_navigation_primary > li:first-child > a::before {
    content: "\f015" !important;
    font-family: FontAwesome !important;
    font-size: 16px !important;
    margin: 0 !important;
    color: var(--brj-navy) !important;
}

.brj-main-nav .pkp_navigation_primary > li:first-child > a:hover,
.pkp_navigation_primary > li:first-child > a:hover {
    background: #c9a13b !important;
    color: var(--brj-navy) !important;
}

.brj-nav-search {
    flex: 1 1 auto !important;
    max-width: 470px !important;
    margin-left: auto !important;
}

.brj-search-form {
    display: flex !important;
    align-items: center !important;
    height: 46px !important;
    border: 1px solid var(--brj-line) !important;
    border-radius: 999px !important;
    background: #fff !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(7,24,39,.05) !important;
}

.brj-search-form .fa {
    margin-left: 16px !important;
    color: #687789 !important;
    font-size: 14px !important;
}

.brj-search-form input {
    flex: 1 !important;
    min-width: 0 !important;
    height: 100% !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 14px !important;
    background: transparent !important;
    color: var(--brj-navy) !important;
    font-size: 14px !important;
}

.brj-search-form button {
    height: 100% !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-left: 1px solid #edf1f3 !important;
    background: #fbf7ef !important;
    color: #6d4d0e !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.brj-search-form button:hover {
    background: var(--brj-gold) !important;
    color: var(--brj-navy) !important;
}

/* =========================================================
   04. MOBILE HEADER/NAV ONLY
   ========================================================= */

@media (max-width: 860px) {
    :root {
        --brj-gutter: 18px;
        --brj-head-height: 74px;
    }

    .pkp_head_wrapper,
    .pkp_head_wrapper.brj-head-top {
        min-height: var(--brj-head-height) !important;
        padding: 12px var(--brj-gutter) !important;
    }

    .pkp_site_name img,
    .pkp_structure_head .pkp_site_name img {
        max-height: 46px !important;
    }

    .brj-user-menu {
        font-size: 13px !important;
    }

    .brj-user-menu .pkp_navigation_user > li > a,
    .brj-user-menu .pkp_navigation_user > li.profile > a,
    .pkp_head_wrapper .pkp_navigation_user > li > a,
    .pkp_head_wrapper .pkp_navigation_user > li.profile > a {
        min-height: 32px !important;
        padding: 0 10px !important;
        max-width: 86px !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    .brj-home-hero--header {
        min-height: 330px !important;
    }

    .brj-home-hero__inner {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
        min-height: 330px !important;
        padding: 40px var(--brj-gutter) 46px !important;
    }

    .brj-home-hero__title {
        font-size: 36px !important;
        line-height: 1.1 !important;
    }

    .brj-home-hero__desc {
        font-size: 14px !important;
        line-height: 1.65 !important;
    }

    .brj-home-hero__visual {
        display: none !important;
    }

    body:not(.pkp_page_index) .brj-home-hero--header,
    body:not(.pkp_page_index) .brj-home-hero__inner {
        min-height: 340px !important;
    }

    body:not(.pkp_page_index) .brj-home-hero__title {
        font-size: 32px !important;
    }

    .brj-main-nav .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary_wrapper {
        display: block !important;
        min-height: auto !important;
        padding: 10px var(--brj-gutter) !important;
    }

    .brj-main-nav .pkp_navigation_primary,
    .pkp_navigation_primary {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        margin-bottom: 10px !important;
    }

    .brj-main-nav .pkp_navigation_primary > li > a,
    .pkp_navigation_primary > li > a {
        min-height: 40px !important;
        justify-content: center !important;
    }

    .brj-main-nav .pkp_navigation_primary > li:first-child > a,
    .pkp_navigation_primary > li:first-child > a {
        width: 46px !important;
        min-width: 46px !important;
        height: 46px !important;
        min-height: 46px !important;
    }

    .brj-nav-search {
        max-width: none !important;
        width: 100% !important;
        margin: 10px 0 0 !important;
    }
}

/* Wrapper navbar: search tetap kanan, menu kiri bisa digeser sendiri */
.brj-main-nav .pkp_navigation_primary_wrapper,
.pkp_navigation_primary_wrapper {
    max-width: var(--brj-container) !important;
    margin: 0 auto !important;
    padding-left: var(--brj-gutter) !important;
    padding-right: var(--brj-gutter) !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
    min-height: 68px !important;
}

/* Ini yang menggeser menu navigasi ke kanan */
.brj-main-nav .pkp_navigation_primary,
.pkp_navigation_primary {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 0 var(--brj-nav-left-offset) !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
}

/* Search tetap di kanan */
.brj-nav-search {
    flex: 1 1 auto !important;
    max-width: 470px !important;
    margin-left: auto !important;
}

.pkp_head_wrapper.brj-head-top,
.pkp_head_wrapper {
    max-width: var(--brj-container) !important;
    margin: 0 auto !important;
    padding: 12px var(--brj-gutter) !important;
    min-height: 78px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    position: relative !important;
    background: transparent !important;
}

/* User menu ikut kanan container, sejajar dengan ujung search */
.brj-user-menu,
.pkp_head_wrapper .pkp_navigation_user_wrapper.brj-user-menu {
    position: static !important;
    margin-left: auto !important;
    width: auto !important;
    padding: 0 !important;
    background: transparent !important;
    z-index: 100 !important;
    transform: translateX(var(--brj-user-shift-x)) !important;
}

.pkp_structure_head {
    border-bottom: 2px solid var(--brj-gold) !important;
}

.pkp_structure_head::after {
    display: none !important;
}

/* =========================================================
   FINAL PATCH v0.3.0
   Gold separator under navigation + compact hero + Brinesia footer
   ========================================================= */

/* 1) Garis emas full-width di antara header atas dan hero */
.pkp_structure_head {
    border-bottom: 0 !important;
}

.pkp_head_wrapper.brj-head-top,
.pkp_head_wrapper {
    border-bottom: 2px solid var(--brj-gold) !important;
}

/* 2) Samakan ukuran hero homepage dan laman lain: compact */
.brj-home-hero--header,
body.pkp_page_index .brj-home-hero--header,
body:not(.pkp_page_index) .brj-home-hero--header {
    min-height: 350px !important;
}

.brj-home-hero__inner,
body.pkp_page_index .brj-home-hero__inner,
body:not(.pkp_page_index) .brj-home-hero__inner {
    min-height: 350px !important;
    padding-top: 38px !important;
    padding-bottom: 42px !important;
    gap: 42px !important;
}

.brj-home-hero__badge,
body.pkp_page_index .brj-home-hero__badge,
body:not(.pkp_page_index) .brj-home-hero__badge {
    margin-bottom: 16px !important;
    padding: 8px 13px !important;
    font-size: 11px !important;
}

.brj-home-hero__title,
body.pkp_page_index .brj-home-hero__title,
body:not(.pkp_page_index) .brj-home-hero__title {
    line-height: 1.08 !important;
    margin-bottom: 12px !important;
}

.brj-home-hero__desc,
body.pkp_page_index .brj-home-hero__desc,
body:not(.pkp_page_index) .brj-home-hero__desc {
    font-size: 15px !important;
    line-height: 1.62 !important;
    margin-bottom: 10px !important;
}

.brj-home-hero__readmore,
body.pkp_page_index .brj-home-hero__readmore,
body:not(.pkp_page_index) .brj-home-hero__readmore {
    margin-bottom: 16px !important;
}

.brj-home-hero__quicklinks,
body.pkp_page_index .brj-home-hero__quicklinks,
body:not(.pkp_page_index) .brj-home-hero__quicklinks {
    gap: 14px !important;
    margin-bottom: 16px !important;
}

.brj-home-hero__button,
body.pkp_page_index .brj-home-hero__button,
body:not(.pkp_page_index) .brj-home-hero__button {
    min-height: 40px !important;
    min-width: 164px !important;
    padding: 10px 16px !important;
}

.brj-home-hero__cover,
body.pkp_page_index .brj-home-hero__cover,
body:not(.pkp_page_index) .brj-home-hero__cover {
    width: 185px !important;
}

.brj-home-hero__dots {
    opacity: .25 !important;
}

.brj-home-hero--header::before {
    width: 190px !important;
    height: 190px !important;
    border-width: 22px !important;
}

/* 3) Garis emas di bawah menu navigasi */
.brj-main-nav,
.pkp_site_nav_menu.brj-main-nav {
    border-bottom: 3px solid var(--brj-gold) !important;
    box-shadow: 0 12px 26px rgba(7,24,39,.08) !important;
}

/* 4) Footer Brinesia theme */
.pkp_structure_footer_wrapper {
    position: relative !important;
    margin-top: 36px !important;
    background:
        linear-gradient(135deg, rgba(7,24,39,.98), rgba(11,34,51,.96)) !important;
    border-top: 3px solid var(--brj-gold) !important;
    color: rgba(255,255,255,.88) !important;
}

.pkp_structure_footer_wrapper::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background-image:
        radial-gradient(rgba(214,177,74,.22) 1px, transparent 1px),
        linear-gradient(rgba(214,177,74,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(214,177,74,.035) 1px, transparent 1px) !important;
    background-size: 18px 18px, 56px 56px, 56px 56px !important;
    opacity: .32 !important;
}

.pkp_structure_footer {
    position: relative !important;
    z-index: 2 !important;
    max-width: var(--brj-container) !important;
    margin: 0 auto !important;
    padding: 34px var(--brj-gutter) 22px !important;
    text-align: left !important;
}

.pkp_footer_content {
    padding: 0 !important;
    color: rgba(255,255,255,.88) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.pkp_footer_content strong {
    color: #ffffff !important;
    font-weight: 900 !important;
}

.pkp_footer_content a {
    color: var(--brj-gold) !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.pkp_footer_content a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.pkp_footer_content img {
    max-width: 100% !important;
    height: auto !important;
}

.pkp_footer_content > div:first-child img {
    max-height: 64px !important;
    width: auto !important;
    margin-bottom: 18px !important;
    filter: drop-shadow(0 8px 18px rgba(0,0,0,.22)) !important;
}

/* Footer table dari Custom Footer OJS dibuat lebih rapi */
.pkp_footer_content table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 22px 0 !important;
    margin: 0 -22px !important;
    color: rgba(255,255,255,.86) !important;
}

.pkp_footer_content table td {
    vertical-align: top !important;
    padding: 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.pkp_footer_content iframe {
    width: 100% !important;
    max-width: 280px !important;
    height: 150px !important;
    border: 1px solid rgba(214,177,74,.28) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.22) !important;
}

/* Sembunyikan PKP/OJS brand footer agar footer lebih bersih */
.pkp_brand_footer {
    display: none !important;
}

/* Copyright bawah footer */
.pkp_structure_footer::after {
    content: "© 2026 Brinesia. All Right Reserved. Designed by MB" !important;
    display: block !important;
    margin-top: 26px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(214,177,74,.28) !important;
    color: rgba(255,255,255,.72) !important;
    font-size: 13px !important;
    text-align: center !important;
}

@media (max-width: 860px) {
    .brj-home-hero--header,
    body.pkp_page_index .brj-home-hero--header,
    body:not(.pkp_page_index) .brj-home-hero--header,
    .brj-home-hero__inner,
    body.pkp_page_index .brj-home-hero__inner,
    body:not(.pkp_page_index) .brj-home-hero__inner {
        min-height: 315px !important;
    }

    .brj-home-hero__inner {
        padding-top: 32px !important;
        padding-bottom: 36px !important;
    }

    .brj-home-hero__title,
    body.pkp_page_index .brj-home-hero__title,
    body:not(.pkp_page_index) .brj-home-hero__title {
        font-size: 30px !important;
    }

    .pkp_footer_content table,
    .pkp_footer_content tbody,
    .pkp_footer_content tr,
    .pkp_footer_content td {
        display: block !important;
        width: 100% !important;
    }

    .pkp_footer_content table {
        border-spacing: 0 !important;
        margin: 0 !important;
    }

    .pkp_footer_content table td {
        margin-bottom: 18px !important;
    }

    .pkp_footer_content iframe {
        max-width: 100% !important;
    }
}

/* =========================================================
   FINAL PATCH v0.3.1
   Elegant dropdown menu: user menu + primary navigation
   ========================================================= */

/* Pastikan parent dropdown bisa menjadi anchor */
.brj-user-menu .pkp_navigation_user > li,
.brj-main-nav .pkp_navigation_primary > li,
.pkp_navigation_primary > li,
.pkp_navigation_user > li {
    position: relative !important;
}

/* Dropdown umum: user menu dan primary nav */
.brj-user-menu .pkp_navigation_user ul,
.brj-main-nav .pkp_navigation_primary ul,
.pkp_navigation_primary ul,
.pkp_navigation_user ul,
.pkp_nav_list ul {
    min-width: 230px !important;
    padding: 8px !important;
    margin-top: 10px !important;

    border: 1px solid rgba(214, 177, 74, .34) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow:
        0 22px 46px rgba(7, 24, 39, .18),
        0 0 0 1px rgba(255, 255, 255, .72) inset !important;

    overflow: hidden !important;
    z-index: 99999 !important;
}

/* Dropdown user tetap rata kanan */
.brj-user-menu .pkp_navigation_user ul,
.pkp_head_wrapper .pkp_navigation_user ul {
    right: 0 !important;
    left: auto !important;
}

/* Dropdown primary nav rata kiri */
.brj-main-nav .pkp_navigation_primary ul,
.pkp_navigation_primary ul {
    left: 0 !important;
    right: auto !important;
}

/* Aksen segitiga kecil dropdown user */
.brj-user-menu .pkp_navigation_user ul::before {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    right: 22px !important;
    width: 14px !important;
    height: 14px !important;
    background: #ffffff !important;
    border-left: 1px solid rgba(214, 177, 74, .34) !important;
    border-top: 1px solid rgba(214, 177, 74, .34) !important;
    transform: rotate(45deg) !important;
}

/* Aksen segitiga kecil dropdown menu utama */
.brj-main-nav .pkp_navigation_primary ul::before,
.pkp_navigation_primary ul::before {
    content: "" !important;
    position: absolute !important;
    top: -7px !important;
    left: 24px !important;
    width: 14px !important;
    height: 14px !important;
    background: #ffffff !important;
    border-left: 1px solid rgba(214, 177, 74, .34) !important;
    border-top: 1px solid rgba(214, 177, 74, .34) !important;
    transform: rotate(45deg) !important;
}

/* Item dropdown */
.brj-user-menu .pkp_navigation_user ul li,
.brj-main-nav .pkp_navigation_primary ul li,
.pkp_navigation_primary ul li,
.pkp_navigation_user ul li,
.pkp_nav_list ul li {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Link dropdown */
.brj-user-menu .pkp_navigation_user ul a,
.brj-main-nav .pkp_navigation_primary ul a,
.pkp_navigation_primary ul a,
.pkp_navigation_user ul a,
.pkp_nav_list ul a {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    min-height: 40px !important;
    padding: 10px 13px !important;
    border-radius: 11px !important;

    color: var(--brj-navy) !important;
    background: transparent !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* Hover dropdown */
.brj-user-menu .pkp_navigation_user ul a:hover,
.brj-main-nav .pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_user ul a:hover,
.pkp_nav_list ul a:hover {
    background: linear-gradient(90deg, rgba(214, 177, 74, .18), rgba(214, 177, 74, .06)) !important;
    color: var(--brj-navy) !important;
    text-decoration: none !important;
}

/* Icon halus sebelum item dropdown user */
.brj-user-menu .pkp_navigation_user ul a::before {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    color: var(--brj-gold) !important;
    font-size: 13px !important;
}

/* Icon halus sebelum submenu primary */
.brj-main-nav .pkp_navigation_primary ul a::before,
.pkp_navigation_primary ul a::before {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    color: var(--brj-gold) !important;
    font-size: 13px !important;
}

/* Task count di dropdown user tetap kecil dan rapi */
.brj-user-menu .pkp_navigation_user ul .task_count,
.pkp_navigation_user ul .task_count {
    margin-left: auto !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: var(--brj-gold) !important;
    color: var(--brj-navy) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

/* Parent menu About diberi indikator dropdown */
.brj-main-nav .pkp_navigation_primary > li:has(ul) > a::after,
.pkp_navigation_primary > li:has(ul) > a::after {
    content: "\f107" !important;
    font-family: FontAwesome !important;
    margin-left: 8px !important;
    font-size: 12px !important;
    color: rgba(7, 24, 39, .72) !important;
}

/* Jangan beri panah dropdown pada item Home pertama */
.brj-main-nav .pkp_navigation_primary > li:first-child > a::after,
.pkp_navigation_primary > li:first-child > a::after {
    display: none !important;
}

/* Mobile: dropdown jangan terlalu lebar */
@media (max-width: 860px) {
    .brj-user-menu .pkp_navigation_user ul,
    .brj-main-nav .pkp_navigation_primary ul,
    .pkp_navigation_primary ul,
    .pkp_navigation_user ul,
    .pkp_nav_list ul {
        min-width: 210px !important;
        max-width: calc(100vw - 36px) !important;
    }

    .brj-main-nav .pkp_navigation_primary ul,
    .pkp_navigation_primary ul {
        left: 0 !important;
    }
}

/* =========================================================
   FINAL PATCH v0.3.2
   Fix gold separator + compact dropdown distance + Brinesia hover
   ========================================================= */

/* 1) Garis emas antara header atas dan hero: full width, konsisten */
.pkp_structure_head {
    border-bottom: 0 !important;
}

.pkp_structure_head::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 90px !important;
    height: 2px !important;
    background: var(--brj-gold) !important;
    z-index: 60 !important;
    pointer-events: none !important;
}

/* Header top harus punya tinggi tetap agar garis tepat di bawahnya */
.pkp_head_wrapper.brj-head-top,
.pkp_head_wrapper {
    min-height: 78px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* Mobile: sesuaikan tinggi header */
@media (max-width: 860px) {
    .pkp_structure_head::after {
        top: 74px !important;
    }
}

/* 2) Dropdown lebih dekat ke parent */
.brj-user-menu .pkp_navigation_user ul,
.brj-main-nav .pkp_navigation_primary ul,
.pkp_navigation_primary ul,
.pkp_navigation_user ul,
.pkp_nav_list ul {
    margin-top: 4px !important;
    padding: 7px !important;
    border: 1px solid rgba(214, 177, 74, .38) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow:
        0 16px 34px rgba(7, 24, 39, .16),
        0 0 0 1px rgba(255, 255, 255, .75) inset !important;
}

/* Segitiga dropdown ikut lebih dekat */
.brj-user-menu .pkp_navigation_user ul::before,
.brj-main-nav .pkp_navigation_primary ul::before,
.pkp_navigation_primary ul::before {
    top: -6px !important;
}

/* 3) Hapus aksen biru bawaan pada dropdown */
.brj-user-menu .pkp_navigation_user ul a,
.brj-main-nav .pkp_navigation_primary ul a,
.pkp_navigation_primary ul a,
.pkp_navigation_user ul a,
.pkp_nav_list ul a {
    position: relative !important;
    border: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--brj-navy) !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

/* Hover/focus sesuai tema Brinesia: emas lembut, bukan biru */
.brj-user-menu .pkp_navigation_user ul a:hover,
.brj-user-menu .pkp_navigation_user ul a:focus,
.brj-user-menu .pkp_navigation_user ul a:active,
.brj-main-nav .pkp_navigation_primary ul a:hover,
.brj-main-nav .pkp_navigation_primary ul a:focus,
.brj-main-nav .pkp_navigation_primary ul a:active,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_primary ul a:active,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus,
.pkp_navigation_user ul a:active,
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus,
.pkp_nav_list ul a:active {
    background: linear-gradient(90deg, rgba(214, 177, 74, .20), rgba(214, 177, 74, .06)) !important;
    color: var(--brj-navy) !important;
    border-left: 3px solid var(--brj-gold) !important;
    outline: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Supaya padding tidak berubah terlalu kasar saat border-left muncul */
.brj-user-menu .pkp_navigation_user ul a:hover,
.brj-user-menu .pkp_navigation_user ul a:focus,
.brj-main-nav .pkp_navigation_primary ul a:hover,
.brj-main-nav .pkp_navigation_primary ul a:focus,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus,
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus {
    padding-left: 10px !important;
}

/* Matikan aksen biru dari item current/focus bawaan di submenu */
.brj-main-nav .pkp_navigation_primary ul li.current > a,
.brj-main-nav .pkp_navigation_primary ul li.active > a,
.pkp_navigation_primary ul li.current > a,
.pkp_navigation_primary ul li.active > a,
.pkp_nav_list ul li.current > a,
.pkp_nav_list ul li.active > a {
    background: rgba(214, 177, 74, .14) !important;
    color: var(--brj-navy) !important;
    border-left: 3px solid var(--brj-gold) !important;
}

/* Dropdown user jangan menutupi terlalu jauh dari tombol admin */
.brj-user-menu .pkp_navigation_user ul,
.pkp_head_wrapper .pkp_navigation_user ul {
    top: calc(100% + 2px) !important;
}

/* Dropdown menu About jangan terlalu turun */
.brj-main-nav .pkp_navigation_primary ul,
.pkp_navigation_primary ul {
    top: calc(100% + 2px) !important;
}


/* =========================================================
   FINAL PATCH v0.3.3
   Header separator + tight dropdown + Brinesia gold hover
   ========================================================= */

/* A. Perbaiki garis emas header-hero:
   - hapus garis pendek dari wrapper
   - pakai satu garis full-width saja */
.pkp_head_wrapper,
.pkp_head_wrapper.brj-head-top {
    border-bottom: 0 !important;
}

.pkp_structure_head {
    position: relative !important;
    border-bottom: 0 !important;
}

.pkp_structure_head::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 90px !important;
    height: 2px !important;
    background: linear-gradient(90deg, var(--brj-gold), #e3c765, var(--brj-gold)) !important;
    z-index: 80 !important;
    pointer-events: none !important;
}

/* B. Pastikan dropdown tidak terpotong dan parent menjadi anchor */
.brj-user-menu,
.brj-main-nav,
.brj-main-nav .pkp_navigation_primary,
.brj-user-menu .pkp_navigation_user {
    overflow: visible !important;
}

.brj-user-menu .pkp_navigation_user > li,
.brj-main-nav .pkp_navigation_primary > li,
.pkp_navigation_primary > li,
.pkp_navigation_user > li {
    position: relative !important;
}

/* C. Dropdown user: lebih dekat ke tombol admin */
.brj-user-menu .pkp_navigation_user > li > ul,
.pkp_head_wrapper .pkp_navigation_user > li > ul {
    top: calc(100% + 5px) !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 0 !important;
}

/* D. Dropdown navigasi utama: lebih dekat ke parent About */
.brj-main-nav .pkp_navigation_primary > li > ul,
.pkp_navigation_primary > li > ul {
    top: calc(100% + 5px) !important;
    left: 0 !important;
    right: auto !important;
    margin-top: 0 !important;
}

/* E. Bentuk dropdown: navy-gold soft, tanpa aksen biru bawaan */
.brj-user-menu .pkp_navigation_user ul,
.brj-main-nav .pkp_navigation_primary ul,
.pkp_navigation_primary ul,
.pkp_navigation_user ul,
.pkp_nav_list ul {
    min-width: 224px !important;
    padding: 8px !important;
    margin-top: 0 !important;
    border: 1px solid rgba(214, 177, 74, .36) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow:
        0 18px 38px rgba(7, 24, 39, .18),
        0 0 0 1px rgba(255,255,255,.82) inset !important;
    overflow: visible !important;
    z-index: 99999 !important;
}

/* F. Segitiga kecil dropdown lebih dekat dan bernuansa emas */
.brj-user-menu .pkp_navigation_user > li > ul::before,
.brj-main-nav .pkp_navigation_primary > li > ul::before,
.pkp_navigation_primary > li > ul::before {
    content: "" !important;
    position: absolute !important;
    top: -6px !important;
    width: 12px !important;
    height: 12px !important;
    background: rgba(255,255,255,.98) !important;
    border-left: 1px solid rgba(214, 177, 74, .36) !important;
    border-top: 1px solid rgba(214, 177, 74, .36) !important;
    transform: rotate(45deg) !important;
    box-shadow: none !important;
}

.brj-user-menu .pkp_navigation_user > li > ul::before {
    right: 22px !important;
    left: auto !important;
}

.brj-main-nav .pkp_navigation_primary > li > ul::before,
.pkp_navigation_primary > li > ul::before {
    left: 22px !important;
    right: auto !important;
}

/* G. Reset total aksen biru bawaan pada item dropdown */
.brj-user-menu .pkp_navigation_user ul li,
.brj-main-nav .pkp_navigation_primary ul li,
.pkp_navigation_primary ul li,
.pkp_navigation_user ul li,
.pkp_nav_list ul li {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.brj-user-menu .pkp_navigation_user ul a,
.brj-main-nav .pkp_navigation_primary ul a,
.pkp_navigation_primary ul a,
.pkp_navigation_user ul a,
.pkp_nav_list ul a {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 38px !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-left: 0 !important;
    border-radius: 11px !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--brj-navy) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

/* H. Icon panah kecil emas */
.brj-user-menu .pkp_navigation_user ul a::before,
.brj-main-nav .pkp_navigation_primary ul a::before,
.pkp_navigation_primary ul a::before {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    flex: 0 0 auto !important;
    color: var(--brj-gold) !important;
    font-size: 13px !important;
    margin: 0 !important;
}

/* I. Hover/focus: tidak ada biru, pakai emas lembut */
.brj-user-menu .pkp_navigation_user ul a:hover,
.brj-user-menu .pkp_navigation_user ul a:focus,
.brj-user-menu .pkp_navigation_user ul a:active,
.brj-main-nav .pkp_navigation_primary ul a:hover,
.brj-main-nav .pkp_navigation_primary ul a:focus,
.brj-main-nav .pkp_navigation_primary ul a:active,
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_primary ul a:active,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus,
.pkp_navigation_user ul a:active,
.pkp_nav_list ul a:hover,
.pkp_nav_list ul a:focus,
.pkp_nav_list ul a:active {
    padding-left: 12px !important;
    border: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    box-shadow: inset 3px 0 0 var(--brj-gold) !important;
    background:
        linear-gradient(90deg, rgba(214,177,74,.20), rgba(214,177,74,.07)) !important;
    color: var(--brj-navy) !important;
    text-decoration: none !important;
}

/* J. Current/active submenu juga emas, bukan biru */
.brj-main-nav .pkp_navigation_primary ul li.current > a,
.brj-main-nav .pkp_navigation_primary ul li.active > a,
.pkp_navigation_primary ul li.current > a,
.pkp_navigation_primary ul li.active > a,
.pkp_nav_list ul li.current > a,
.pkp_nav_list ul li.active > a {
    border: 0 !important;
    box-shadow: inset 3px 0 0 var(--brj-gold) !important;
    background: rgba(214,177,74,.14) !important;
    color: var(--brj-navy) !important;
}

/* K. Badge angka pada dropdown user tetap rapi */
.brj-user-menu .pkp_navigation_user ul .task_count,
.pkp_navigation_user ul .task_count {
    margin-left: auto !important;
    min-width: 20px !important;
    height: 20px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    background: var(--brj-gold) !important;
    color: var(--brj-navy) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

/* L. Garis emas bawah menu navigasi tetap full-width */
.brj-main-nav,
.pkp_site_nav_menu.brj-main-nav {
    border-bottom: 2px solid var(--brj-gold) !important;
}

/* M. Mobile */
@media (max-width: 860px) {
    .pkp_structure_head::after {
        top: 74px !important;
    }

    .brj-user-menu .pkp_navigation_user ul,
    .brj-main-nav .pkp_navigation_primary ul,
    .pkp_navigation_primary ul,
    .pkp_navigation_user ul,
    .pkp_nav_list ul {
        min-width: 210px !important;
        max-width: calc(100vw - 36px) !important;
    }
}

/* =========================================================
   FINAL PATCH v0.3.6
   Footer content sejajar dengan garis copyright
   ========================================================= */

:root {
    --brj-footer-container: 1250px;
    --brj-footer-gutter: 70px;
}

/* Container utama footer dan garis copyright dibuat satu ukuran */
.pkp_structure_footer {
    max-width: var(--brj-footer-container) !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding-left: var(--brj-footer-gutter) !important;
    padding-right: var(--brj-footer-gutter) !important;
    box-sizing: border-box !important;
}

/* Isi footer mengikuti lebar container di atas */
.pkp_footer_content {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Logo footer ikut mulai dari garis kiri yang sama */
.pkp_footer_content > div:first-child {
    width: 100% !important;
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
}

/* Table footer dibuat memenuhi garis container */
.pkp_footer_content table,
.pkp_footer_content table[style] {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-spacing: 0 !important;
    table-layout: fixed !important;
}

/* Baris table menjadi 3 kolom sejajar dalam container */
.pkp_footer_content table tbody,
.pkp_footer_content table tr {
    width: 100% !important;
}

.pkp_footer_content table td,
.pkp_footer_content table td[style] {
    width: 33.333% !important;
    padding: 0 34px 0 0 !important;
    vertical-align: top !important;
    box-sizing: border-box !important;
}

/* Kolom terakhir tidak perlu padding kanan */
.pkp_footer_content table td:last-child,
.pkp_footer_content table td[style]:last-child {
    padding-right: 0 !important;
}

/* Map dibuat mengisi kolom kanan, tapi tidak berlebihan */
.pkp_footer_content iframe,
.pkp_footer_content iframe[style] {
    width: 100% !important;
    max-width: 360px !important;
    height: 155px !important;
    display: block !important;
}

/* Garis copyright benar-benar mengikuti lebar container */
.pkp_structure_footer::after {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Kalau ingin isi lebih naik sedikit */
.pkp_structure_footer {
    padding-top: 34px !important;
}

/* Mobile tetap stack */
@media (max-width: 900px) {
    :root {
        --brj-footer-gutter: 18px;
    }

    .pkp_footer_content table,
    .pkp_footer_content tbody,
    .pkp_footer_content tr,
    .pkp_footer_content td,
    .pkp_footer_content table td[style] {
        display: block !important;
        width: 100% !important;
    }

    .pkp_footer_content table td,
    .pkp_footer_content table td[style] {
        padding: 0 !important;
        margin-bottom: 18px !important;
    }

    .pkp_footer_content iframe,
    .pkp_footer_content iframe[style] {
        max-width: 100% !important;
    }
}

/* =========================================================
   FINAL PATCH v0.3.7
   Footer content lebih kecil dan ringkas
   ========================================================= */

/* Padding footer diperkecil */
.pkp_structure_footer {
    padding-top: 24px !important;
    padding-bottom: 16px !important;
}

/* Logo footer diperkecil */
.pkp_footer_content > div:first-child img {
    max-height: 48px !important;
    width: auto !important;
    margin-bottom: 14px !important;
}

/* Teks footer diperkecil */
.pkp_footer_content,
.pkp_footer_content table,
.pkp_footer_content table td,
.pkp_footer_content table td[style],
.pkp_footer_content p,
.pkp_footer_content a,
.pkp_footer_content strong {
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

/* Judul/nama jurnal tetap sedikit lebih tegas */
.pkp_footer_content strong {
    font-size: 13.5px !important;
    font-weight: 900 !important;
}

/* Jarak antar kolom diperkecil */
.pkp_footer_content table td,
.pkp_footer_content table td[style] {
    padding-right: 24px !important;
}

/* Kolom terakhir tidak perlu padding kanan */
.pkp_footer_content table td:last-child,
.pkp_footer_content table td[style]:last-child {
    padding-right: 0 !important;
}

/* Logo Creative Commons diperkecil */
.pkp_footer_content a[rel="license"] img,
.pkp_footer_content img[alt*="Creative"] {
    max-height: 24px !important;
    width: auto !important;
}

/* Map diperkecil */
.pkp_footer_content iframe,
.pkp_footer_content iframe[style] {
    max-width: 320px !important;
    height: 130px !important;
}

/* Garis dan teks copyright lebih ringkas */
.pkp_structure_footer::after {
    margin-top: 18px !important;
    padding-top: 12px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}

/* Mobile */
@media (max-width: 900px) {
    .pkp_footer_content,
    .pkp_footer_content table,
    .pkp_footer_content table td,
    .pkp_footer_content table td[style],
    .pkp_footer_content p,
    .pkp_footer_content a,
    .pkp_footer_content strong {
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    .pkp_footer_content iframe,
    .pkp_footer_content iframe[style] {
        max-width: 100% !important;
        height: 130px !important;
    }
}


/* =========================================================
   BRINESIA JOURNAL v0.6.0 CLEAN MOBILE PANEL
   - Mobile panel mengikuti layout Brinesia Portal
   - Header -> Menu -> Hero
   - Submenu About/Admin hidden by default, open on tap/focus
   - Search dipindah ke bawah
   - Desktop tidak diubah
   ========================================================= */

/* Desktop: panel mobile tidak tampil */
.brj-mobile-menu-panel {
    display: none !important;
}

@media (min-width: 996px) {
    .brj-mobile-menu-panel,
    .brj-user-mobile,
    .brj-user-mobile-flow,
    #navigationUserWrapperMobile,
    #navigationUserWrapperMobileFlow {
        display: none !important;
    }
}

@media (max-width: 995px) {

    :root {
        --brj-mobile-header-h: 78px;
        --brj-mobile-pad-x: 28px;
        --brj-mobile-line: rgba(255,255,255,.09);
        --brj-mobile-line-strong: rgba(214,177,74,.30);
    }

    html,
    body,
    .pkp_structure_page {
        overflow-x: hidden !important;
    }

    /* -----------------------------------------------------
       Header mobile: logo kiri, hamburger kanan
    ----------------------------------------------------- */

    .pkp_structure_head {
        position: relative !important;
        z-index: 9999 !important;
        overflow: visible !important;
        background: var(--brj-navy) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .pkp_structure_head::after {
        display: none !important;
        content: none !important;
    }

    .pkp_head_wrapper,
    .pkp_head_wrapper.brj-head-top {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        background: rgba(7,24,39,.98) !important;
        border: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .pkp_site_name_wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 14px !important;
        width: 100% !important;
        min-height: var(--brj-mobile-header-h) !important;
        margin: 0 !important;
        padding: 10px var(--brj-mobile-pad-x) !important;
        box-sizing: border-box !important;
        border-bottom: 1px solid rgba(214,177,74,.26) !important;
    }

    .pkp_site_name {
        order: 1 !important;
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .pkp_site_name a {
        display: inline-flex !important;
        align-items: center !important;
        max-width: 100% !important;
        text-decoration: none !important;
    }

    .pkp_site_name img,
    .pkp_structure_head .pkp_site_name img {
        display: block !important;
        width: auto !important;
        max-height: 54px !important;
        max-width: calc(100vw - 126px) !important;
        object-fit: contain !important;
    }

    .pkp_site_nav_toggle {
        order: 2 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        margin: 0 !important;
        padding: 0 !important;
        position: static !important;
        border: 1px solid rgba(214,177,74,.58) !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,.035) !important;
        color: var(--brj-gold) !important;
        box-shadow: none !important;
        cursor: pointer !important;
    }

    .pkp_site_nav_toggle span {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(1px, 1px, 1px, 1px) !important;
        white-space: nowrap !important;
    }

    .pkp_site_nav_toggle::before {
        content: "\f0c9" !important;
        font-family: FontAwesome !important;
        font-size: 19px !important;
        line-height: 1 !important;
        color: var(--brj-gold) !important;
    }

    .pkp_structure_head.brj-mobile-open .pkp_site_nav_toggle::before,
    .pkp_site_nav_toggle.pkp_site_nav_toggle--transform::before {
        content: "\f00d" !important;
    }

    /* Desktop nav/user disembunyikan di mobile supaya tidak dobel */
    .brj-main-nav,
    .pkp_site_nav_menu.brj-main-nav,
    .brj-user-desktop,
    .brj-user-desktop *,
    .pkp_head_wrapper > .pkp_navigation_user_wrapper.brj-user-desktop {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* -----------------------------------------------------
       Mobile panel: masuk flow, mendorong hero ke bawah
    ----------------------------------------------------- */

    .brj-mobile-menu-panel {
        display: none !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        background: rgba(7,24,39,.985) !important;
        border-top: 0 !important;
        border-bottom: 2px solid var(--brj-gold) !important;
        box-shadow: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .pkp_structure_head.brj-mobile-open .brj-mobile-menu-panel,
    .brj-mobile-menu-panel.is-open {
        display: block !important;
    }

    .brj-mobile-menu-panel__inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: 100% !important;
        max-width: 720px !important;
        margin: 0 auto !important;
        padding: 18px var(--brj-mobile-pad-x) 22px !important;
        box-sizing: border-box !important;
        background: transparent !important;
    }

    /* -----------------------------------------------------
       Menu utama
    ----------------------------------------------------- */

    .brj-mobile-primary,
    .brj-mobile-primary.pkp_nav_list,
    .brj-mobile-menu-panel .pkp_navigation_primary {
        order: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 10px !important;
        list-style: none !important;
        border-bottom: 1px solid var(--brj-mobile-line) !important;
    }

    .brj-mobile-primary > li,
    .brj-mobile-menu-panel .pkp_navigation_primary > li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        list-style: none !important;
        border-bottom: 1px solid var(--brj-mobile-line) !important;
    }

    .brj-mobile-primary > li:last-child,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:last-child {
        border-bottom: 0 !important;
    }

    .brj-mobile-primary > li > a,
    .brj-mobile-menu-panel .pkp_navigation_primary > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 48px !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 4px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(255,255,255,.93) !important;
        font-size: 15px !important;
        font-weight: 850 !important;
        line-height: 1.35 !important;
        letter-spacing: .01em !important;
        text-transform: none !important;
        text-decoration: none !important;
        white-space: normal !important;
        transform: none !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
    }

    .brj-mobile-primary > li > a:hover,
    .brj-mobile-primary > li > a:focus,
    .brj-mobile-menu-panel .pkp_navigation_primary > li > a:hover,
    .brj-mobile-menu-panel .pkp_navigation_primary > li > a:focus {
        color: var(--brj-gold) !important;
        text-decoration: none !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    .brj-mobile-primary > li:first-child > a::before,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:first-child > a::before {
        content: "\f015" !important;
        font-family: FontAwesome !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        margin: 0 12px 0 0 !important;
        border-radius: 8px !important;
        background: linear-gradient(145deg, #f1cb58, #d5aa38) !important;
        color: var(--brj-navy) !important;
        font-size: 14px !important;
        flex: 0 0 32px !important;
    }

    /* Parent yang punya submenu: indikator kanan */
    .brj-mobile-primary > li:has(ul) > a::after,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:has(ul) > a::after {
        content: "\f105" !important;
        font-family: FontAwesome !important;
        margin-left: auto !important;
        color: var(--brj-gold) !important;
        font-size: 13px !important;
        transition: transform .18s ease !important;
    }

    .brj-mobile-primary > li:has(ul):focus-within > a::after,
    .brj-mobile-primary > li:has(ul):hover > a::after,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:has(ul):focus-within > a::after,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:has(ul):hover > a::after {
        content: "\f107" !important;
    }

    /* Submenu About: tertutup default, terbuka saat parent disentuh/focus */
    .brj-mobile-primary > li > ul,
    .brj-mobile-menu-panel .pkp_navigation_primary > li > ul {
        display: none !important;
        position: static !important;
        float: none !important;
        transform: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 0 10px !important;
        padding: 3px 0 8px 22px !important;
        border: 0 !important;
        border-left: 1px solid var(--brj-mobile-line-strong) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
    }

    .brj-mobile-primary > li:focus-within > ul,
    .brj-mobile-primary > li:hover > ul,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:focus-within > ul,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:hover > ul {
        display: block !important;
    }

    .brj-mobile-primary ul::before,
    .brj-mobile-menu-panel .pkp_navigation_primary ul::before {
        display: none !important;
        content: none !important;
    }

    .brj-mobile-primary ul li,
    .brj-mobile-menu-panel .pkp_navigation_primary ul li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        list-style: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .brj-mobile-primary ul a,
    .brj-mobile-menu-panel .pkp_navigation_primary ul a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 36px !important;
        padding: 0 4px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(255,255,255,.74) !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    .brj-mobile-primary ul a::before,
    .brj-mobile-menu-panel .pkp_navigation_primary ul a::before {
        content: "\f105" !important;
        font-family: FontAwesome !important;
        margin-right: 9px !important;
        color: var(--brj-gold) !important;
        font-size: 11px !important;
        flex: 0 0 auto !important;
    }

    .brj-mobile-primary ul a:hover,
    .brj-mobile-primary ul a:focus,
    .brj-mobile-menu-panel .pkp_navigation_primary ul a:hover,
    .brj-mobile-menu-panel .pkp_navigation_primary ul a:focus {
        color: var(--brj-gold) !important;
        background: transparent !important;
        text-decoration: none !important;
        outline: 0 !important;
    }

    /* -----------------------------------------------------
       User/Admin
    ----------------------------------------------------- */

    .brj-user-mobile-flow,
    #navigationUserWrapperMobileFlow,
    .brj-mobile-menu-panel .pkp_navigation_user_wrapper {
        order: 2 !important;
        display: block !important;
        visibility: visible !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
        margin: 12px 0 0 !important;
        padding: 12px 0 0 !important;
        border-top: 1px solid var(--brj-mobile-line) !important;
        background: transparent !important;
        box-shadow: none !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    .brj-mobile-user,
    .brj-mobile-user.pkp_nav_list,
    .brj-mobile-menu-panel .pkp_navigation_user {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 0 10px !important;
        list-style: none !important;
        border-bottom: 1px solid var(--brj-mobile-line) !important;
    }

    .brj-mobile-user > li,
    .brj-mobile-menu-panel .pkp_navigation_user > li {
        display: block !important;
        position: relative !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 1px solid var(--brj-mobile-line) !important;
        list-style: none !important;
    }

    .brj-mobile-user > li:last-child,
    .brj-mobile-menu-panel .pkp_navigation_user > li:last-child {
        border-bottom: 0 !important;
    }

    .brj-mobile-user > li > a,
    .brj-mobile-menu-panel .pkp_navigation_user > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 4px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--brj-gold) !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        letter-spacing: .05em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
        white-space: normal !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
    }

    .brj-mobile-user > li > a::before,
    .brj-mobile-menu-panel .pkp_navigation_user > li > a::before {
        content: "\f007" !important;
        font-family: FontAwesome !important;
        margin-right: 10px !important;
        color: var(--brj-gold) !important;
        font-size: 14px !important;
        flex: 0 0 auto !important;
    }

    .brj-mobile-user > li:has(ul) > a::after,
    .brj-mobile-menu-panel .pkp_navigation_user > li:has(ul) > a::after {
        content: "\f105" !important;
        font-family: FontAwesome !important;
        margin-left: auto !important;
        color: var(--brj-gold) !important;
        font-size: 13px !important;
    }

    .brj-mobile-user > li:has(ul):focus-within > a::after,
    .brj-mobile-user > li:has(ul):hover > a::after,
    .brj-mobile-menu-panel .pkp_navigation_user > li:has(ul):focus-within > a::after,
    .brj-mobile-menu-panel .pkp_navigation_user > li:has(ul):hover > a::after {
        content: "\f107" !important;
    }

    /* Submenu Admin: tertutup default, terbuka saat Admin disentuh/focus */
    .brj-mobile-user > li > ul,
    .brj-mobile-menu-panel .pkp_navigation_user > li > ul {
        display: none !important;
        position: static !important;
        transform: none !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 0 10px !important;
        padding: 3px 0 8px 22px !important;
        border: 0 !important;
        border-left: 1px solid var(--brj-mobile-line-strong) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
    }

    .brj-mobile-user > li:focus-within > ul,
    .brj-mobile-user > li:hover > ul,
    .brj-mobile-menu-panel .pkp_navigation_user > li:focus-within > ul,
    .brj-mobile-menu-panel .pkp_navigation_user > li:hover > ul {
        display: block !important;
    }

    .brj-mobile-user ul::before,
    .brj-mobile-menu-panel .pkp_navigation_user ul::before {
        display: none !important;
        content: none !important;
    }

    .brj-mobile-user ul li,
    .brj-mobile-menu-panel .pkp_navigation_user ul li {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        list-style: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .brj-mobile-user ul a,
    .brj-mobile-menu-panel .pkp_navigation_user ul a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 36px !important;
        padding: 0 4px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: rgba(255,255,255,.74) !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        line-height: 1.35 !important;
        text-decoration: none !important;
        white-space: normal !important;
    }

    .brj-mobile-user ul a::before,
    .brj-mobile-menu-panel .pkp_navigation_user ul a::before {
        content: "\f105" !important;
        font-family: FontAwesome !important;
        margin-right: 9px !important;
        color: var(--brj-gold) !important;
        font-size: 11px !important;
        flex: 0 0 auto !important;
    }

    .brj-mobile-user ul a:hover,
    .brj-mobile-user ul a:focus,
    .brj-mobile-menu-panel .pkp_navigation_user ul a:hover,
    .brj-mobile-menu-panel .pkp_navigation_user ul a:focus {
        color: var(--brj-gold) !important;
        background: transparent !important;
        text-decoration: none !important;
        outline: 0 !important;
    }

    .brj-mobile-menu-panel .task_count,
    .brj-mobile-user .task_count {
        margin-left: auto !important;
        min-width: 24px !important;
        height: 24px !important;
        padding: 0 7px !important;
        border-radius: 999px !important;
        background: var(--brj-gold) !important;
        color: var(--brj-navy) !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 24px !important;
        text-align: center !important;
    }

    /* -----------------------------------------------------
       Search: paling bawah
    ----------------------------------------------------- */

    .brj-mobile-search,
    .brj-mobile-menu-panel .brj-mobile-search {
        order: 3 !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 16px 0 0 !important;
        padding: 16px 0 0 !important;
        border-top: 1px solid var(--brj-mobile-line) !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    .brj-search-form--mobile,
    .brj-mobile-search .brj-search-form,
    .brj-mobile-menu-panel .brj-search-form {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 46px !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 1px solid rgba(214,177,74,.36) !important;
        border-radius: 11px !important;
        background: rgba(255,255,255,.055) !important;
        box-shadow: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .brj-mobile-search .brj-search-form .fa,
    .brj-mobile-menu-panel .brj-search-form .fa {
        flex: 0 0 auto !important;
        margin-left: 15px !important;
        color: var(--brj-gold) !important;
        font-size: 14px !important;
    }

    .brj-mobile-search .brj-search-form input,
    .brj-mobile-menu-panel .brj-search-form input {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        height: 100% !important;
        padding: 0 12px !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        color: #ffffff !important;
        font-size: 13px !important;
        box-sizing: border-box !important;
    }

    .brj-mobile-search .brj-search-form input::placeholder,
    .brj-mobile-menu-panel .brj-search-form input::placeholder {
        color: rgba(255,255,255,.62) !important;
    }

    .brj-mobile-search .brj-search-form button,
    .brj-mobile-menu-panel .brj-search-form button {
        flex: 0 0 auto !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 18px !important;
        border: 0 !important;
        border-left: 1px solid rgba(214,177,74,.25) !important;
        background: var(--brj-gold) !important;
        color: var(--brj-navy) !important;
        font-size: 13px !important;
        font-weight: 900 !important;
        box-sizing: border-box !important;
    }

    /* -----------------------------------------------------
       Anti-overlap cleanup
    ----------------------------------------------------- */

    .brj-mobile-menu-panel *,
    .brj-mobile-menu-panel *::before,
    .brj-mobile-menu-panel *::after {
        box-sizing: border-box !important;
    }

    .brj-mobile-menu-panel ul,
    .brj-mobile-menu-panel li {
        list-style: none !important;
    }

    .brj-mobile-menu-panel li::marker {
        content: "" !important;
        display: none !important;
    }

    .brj-mobile-menu-panel a {
        overflow-wrap: anywhere !important;
    }

    .brj-home-hero--header {
        position: relative !important;
        z-index: 1 !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 430px) {
    :root {
        --brj-mobile-pad-x: 20px;
        --brj-mobile-header-h: 74px;
    }

    .pkp_site_name img,
    .pkp_structure_head .pkp_site_name img {
        max-height: 48px !important;
        max-width: calc(100vw - 112px) !important;
    }

    .pkp_site_nav_toggle {
        flex-basis: 48px !important;
        width: 48px !important;
        height: 48px !important;
    }

    .brj-mobile-menu-panel__inner {
        padding-top: 14px !important;
        padding-bottom: 20px !important;
    }

    .brj-mobile-search .brj-search-form button,
    .brj-mobile-menu-panel .brj-search-form button {
        padding-left: 13px !important;
        padding-right: 13px !important;
    }
}

/* =========================================================
   BRINESIA JOURNAL v0.6.1
   Mobile menu spacing + click-only submenu toggle
   Tambahan ini harus berada PALING BAWAH file CSS.
   ========================================================= */

@media (max-width: 995px) {

    :root {
        --brj-mobile-pad-x: 28px;
        --brj-mobile-line: rgba(255,255,255,.075);
        --brj-mobile-line-soft: rgba(255,255,255,.055);
        --brj-mobile-line-gold: rgba(214,177,74,.26);
    }

    /* Panel dibuat lebih padat, tanpa jarak separator berlapis */
    .brj-mobile-menu-panel__inner {
        max-width: 720px !important;
        padding-top: 16px !important;
        padding-bottom: 20px !important;
    }

    /* Reset pemisah besar antar grup dari patch sebelumnya */
    .brj-mobile-primary,
    .brj-mobile-primary.pkp_nav_list,
    .brj-mobile-menu-panel .pkp_navigation_primary,
    .brj-mobile-user,
    .brj-mobile-user.pkp_nav_list,
    .brj-mobile-menu-panel .pkp_navigation_user {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Menu utama: jarak lebih rapat dan satu garis tipis per item */
    .brj-mobile-primary > li,
    .brj-mobile-menu-panel .pkp_navigation_primary > li {
        border-bottom: 1px solid var(--brj-mobile-line-soft) !important;
    }

    .brj-mobile-primary > li:last-child,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:last-child {
        border-bottom: 0 !important;
    }

    .brj-mobile-primary > li > a,
    .brj-mobile-menu-panel .pkp_navigation_primary > li > a {
        min-height: 46px !important;
        padding: 0 4px !important;
        font-size: 14.5px !important;
    }

    /* Icon home tetap menonjol, tapi tidak terlalu besar */
    .brj-mobile-primary > li:first-child > a::before,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:first-child > a::before {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
        margin-right: 12px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    /* Parent submenu: panah di kanan, bukan buka otomatis */
    .brj-mobile-primary > li:has(ul) > a::after,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:has(ul) > a::after,
    .brj-mobile-user > li:has(ul) > a::after,
    .brj-mobile-menu-panel .pkp_navigation_user > li:has(ul) > a::after {
        content: "\f105" !important;
        font-family: FontAwesome !important;
        margin-left: 10px !important;
        color: var(--brj-gold) !important;
        font-size: 13px !important;
        transform: none !important;
        transition: transform .16s ease !important;
    }

    .brj-mobile-primary > li.brj-submenu-open > a::after,
    .brj-mobile-menu-panel .pkp_navigation_primary > li.brj-submenu-open > a::after,
    .brj-mobile-user > li.brj-submenu-open > a::after,
    .brj-mobile-menu-panel .pkp_navigation_user > li.brj-submenu-open > a::after {
        content: "\f107" !important;
    }

    /* KUNCI: submenu tidak lagi terbuka karena hover/focus */
    .brj-mobile-primary > li > ul,
    .brj-mobile-menu-panel .pkp_navigation_primary > li > ul,
    .brj-mobile-user > li > ul,
    .brj-mobile-menu-panel .pkp_navigation_user > li > ul,
    .brj-mobile-primary > li:hover > ul,
    .brj-mobile-primary > li:focus-within > ul,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:hover > ul,
    .brj-mobile-menu-panel .pkp_navigation_primary > li:focus-within > ul,
    .brj-mobile-user > li:hover > ul,
    .brj-mobile-user > li:focus-within > ul,
    .brj-mobile-menu-panel .pkp_navigation_user > li:hover > ul,
    .brj-mobile-menu-panel .pkp_navigation_user > li:focus-within > ul {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        max-height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Submenu hanya terbuka ketika JS menambahkan class ini */
    .brj-mobile-primary > li.brj-submenu-open > ul,
    .brj-mobile-menu-panel .pkp_navigation_primary > li.brj-submenu-open > ul,
    .brj-mobile-user > li.brj-submenu-open > ul,
    .brj-mobile-menu-panel .pkp_navigation_user > li.brj-submenu-open > ul {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        margin: 0 0 8px 0 !important;
        padding: 4px 0 6px 18px !important;
        border: 0 !important;
        border-left: 1px solid var(--brj-mobile-line-gold) !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .brj-mobile-primary ul a,
    .brj-mobile-menu-panel .pkp_navigation_primary ul a,
    .brj-mobile-user ul a,
    .brj-mobile-menu-panel .pkp_navigation_user ul a {
        min-height: 34px !important;
        padding: 0 4px !important;
        color: rgba(255,255,255,.76) !important;
        font-size: 13px !important;
        font-weight: 750 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Area user: cukup dibedakan dengan ikon user, tanpa dua garis separator */
    .brj-mobile-user,
    .brj-user-mobile,
    .brj-user-mobile-flow,
    #navigationUserWrapperMobile,
    #navigationUserWrapperMobileFlow,
    .brj-mobile-menu-panel .pkp_navigation_user_wrapper {
        margin-top: 6px !important;
        padding-top: 2px !important;
        border-top: 0 !important;
    }

    .brj-mobile-user > li,
    .brj-mobile-menu-panel .pkp_navigation_user > li {
        border-bottom: 1px solid var(--brj-mobile-line-soft) !important;
    }

    .brj-mobile-user > li:last-child,
    .brj-mobile-menu-panel .pkp_navigation_user > li:last-child {
        border-bottom: 0 !important;
    }

    .brj-mobile-user > li > a,
    .brj-mobile-menu-panel .pkp_navigation_user > li > a {
        min-height: 44px !important;
        padding: 0 4px !important;
        font-size: 13.5px !important;
        letter-spacing: .045em !important;
        color: var(--brj-gold) !important;
    }

    .brj-mobile-user > li > a::before,
    .brj-mobile-menu-panel .pkp_navigation_user > li > a::before {
        content: "\f007" !important;
        font-family: FontAwesome !important;
        margin-right: 10px !important;
        color: var(--brj-gold) !important;
        font-size: 13px !important;
        flex: 0 0 auto !important;
    }

    /* Badge notifikasi: rapi di kanan, sebelum panah */
    .brj-mobile-menu-panel .task_count,
    .brj-mobile-user .task_count,
    .brj-user-mobile .task_count,
    .brj-user-mobile-flow .task_count,
    #navigationUserWrapperMobile .task_count,
    #navigationUserWrapperMobileFlow .task_count {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: 8px !important;
        min-width: 24px !important;
        height: 24px !important;
        padding: 0 7px !important;
        border-radius: 999px !important;
        background: var(--brj-gold) !important;
        color: var(--brj-navy) !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-align: center !important;
    }

    /* Search tetap paling bawah, dengan satu separator saja */
    .brj-mobile-search,
    .brj-mobile-menu-panel .brj-mobile-search {
        margin: 14px 0 0 !important;
        padding: 16px 0 0 !important;
        border-top: 1px solid var(--brj-mobile-line) !important;
    }

    .brj-search-form--mobile,
    .brj-mobile-search .brj-search-form,
    .brj-mobile-menu-panel .brj-search-form {
        height: 46px !important;
        border-radius: 11px !important;
        border: 1px solid rgba(214,177,74,.34) !important;
        background: rgba(255,255,255,.055) !important;
    }

    .brj-mobile-search .brj-search-form button,
    .brj-mobile-menu-panel .brj-search-form button {
        padding: 0 18px !important;
        background: var(--brj-gold) !important;
        color: var(--brj-navy) !important;
        font-size: 13px !important;
        font-weight: 900 !important;
    }
}

@media (max-width: 430px) {
    .brj-mobile-menu-panel__inner {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .brj-mobile-primary > li > a,
    .brj-mobile-menu-panel .pkp_navigation_primary > li > a {
        min-height: 44px !important;
        font-size: 14px !important;
    }
}

/* =========================================================
   BRINESIA JOURNAL v0.6.2
   Fallback agar panel tetap muncul saat hamburger aktif
   ========================================================= */

@media (max-width: 995px) {

    .pkp_structure_head.brj-mobile-open .brj-mobile-menu-panel {
        display: block !important;
    }

    .pkp_structure_head:has(.pkp_site_nav_toggle.pkp_site_nav_toggle--transform) .brj-mobile-menu-panel,
    .pkp_head_wrapper:has(.pkp_site_nav_toggle.pkp_site_nav_toggle--transform) .brj-mobile-menu-panel {
        display: block !important;
    }

    .pkp_structure_head:not(.brj-mobile-open) .brj-mobile-menu-panel {
        display: none !important;
    }

    .pkp_structure_head.brj-mobile-open .pkp_site_nav_toggle::before,
    .pkp_site_nav_toggle.pkp_site_nav_toggle--transform::before {
        content: "\f00d" !important;
    }

    .brj-mobile-menu-panel li > ul {
        display: none !important;
    }

    .brj-mobile-menu-panel li.brj-submenu-open > ul {
        display: block !important;
        height: auto !important;
        max-height: none !important;
        visibility: visible !important;
        overflow: visible !important;
        margin: 2px 0 8px !important;
        padding: 2px 0 8px 18px !important;
        border-left: 1px solid rgba(214,177,74,.28) !important;
    }

    .brj-mobile-menu-panel li.brj-submenu-open > a::after {
        content: "\f106" !important;
    }
}

/* =========================================================
   BRINESIA JOURNAL v0.6.3
   Mobile separator between About and Admin
   ========================================================= */

@media (max-width: 995px) {

    /* Rapikan jarak setelah menu utama/About */
    .brj-mobile-primary,
    .brj-mobile-menu-panel .pkp_navigation_primary {
        padding-bottom: 10px !important;
        margin-bottom: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.10) !important;
    }

    /* Separator halus sebelum Admin */
    .brj-mobile-user,
    .brj-user-mobile,
    .brj-user-mobile-flow,
    #navigationUserWrapperMobile,
    .brj-mobile-menu-panel .pkp_navigation_user_wrapper {
        margin-top: 10px !important;
        padding-top: 10px !important;
        border-top: 1px solid rgba(255,255,255,.10) !important;
    }

    /* Supaya tidak terasa terlalu jauh */
    .brj-mobile-menu-panel__inner {
        padding-top: 14px !important;
        padding-bottom: 16px !important;
    }

    /* Jarak baris Admin sedikit dirapikan */
    .brj-mobile-menu-panel .pkp_navigation_user > li > a,
    .brj-user-mobile .pkp_navigation_user > li > a,
    .brj-user-mobile-flow .pkp_navigation_user > li > a,
    #navigationUserWrapperMobile .pkp_navigation_user > li > a {
        min-height: 40px !important;
    }

    /* Badge angka tetap di kanan, sejajar vertikal */
    .brj-mobile-menu-panel .task_count,
    .brj-user-mobile .task_count,
    .brj-user-mobile-flow .task_count,
    #navigationUserWrapperMobile .task_count {
        margin-left: auto !important;
        align-self: center !important;
        transform: none !important;
    }
}

/* =========================================================
   BRINESIA JOURNAL v0.6.4
   Desktop navbar fix on search page
   Menjaga navigasi tetap rapi saat berada di page pencarian
   ========================================================= */

@media (min-width: 996px) {

    /*
     * Wrapper desktop dibuat konsisten:
     * menu kiri, search kanan.
     */
    .brj-main-nav .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary_wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 22px !important;
        max-width: var(--brj-container) !important;
        margin: 0 auto !important;
        padding-left: var(--brj-gutter) !important;
        padding-right: var(--brj-gutter) !important;
        min-height: 68px !important;
        box-sizing: border-box !important;
    }

    /*
     * Menu navigasi jangan pindah ke tengah.
     * Tetap mulai dari kiri area container.
     */
    .brj-main-nav .pkp_navigation_primary,
    .pkp_navigation_primary {
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
     * Search navbar tetap di kanan jika elemennya ada.
     */
    .brj-main-nav .brj-nav-search,
    .pkp_navigation_primary_wrapper .brj-nav-search {
        display: block !important;
        flex: 1 1 auto !important;
        max-width: 470px !important;
        min-width: 280px !important;
        margin-left: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    .brj-main-nav .brj-search-form,
    .pkp_navigation_primary_wrapper .brj-search-form {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        height: 46px !important;
    }

    /*
     * Khusus halaman search:
     * kalau search navbar tetap ada di HTML, paksa tampil.
     */
    body.pkp_page_search .brj-main-nav .brj-nav-search,
    body.pkp_page_search .pkp_navigation_primary_wrapper .brj-nav-search {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: 470px !important;
        margin-left: auto !important;
    }

    /*
     * Kalau ternyata search navbar tidak dirender di halaman search,
     * menu tetap jangan ke tengah. Tetap kiri.
     */
    body.pkp_page_search .brj-main-nav .pkp_navigation_primary_wrapper,
    body.pkp_page_search .pkp_navigation_primary_wrapper {
        justify-content: flex-start !important;
    }

    body.pkp_page_search .brj-main-nav .pkp_navigation_primary,
    body.pkp_page_search .pkp_navigation_primary {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* =========================================================
   BRINESIA JOURNAL v0.6.4
   Desktop alignment: header logo, hero text, navbar menu
   ========================================================= */

@media (min-width: 996px) {

    :root {
        --brj-desktop-align-container: 1215px;
        --brj-desktop-align-gutter: 22px;
    }

    /* Samakan lebar container header */
    .pkp_head_wrapper,
    .pkp_head_wrapper.brj-head-top {
        max-width: var(--brj-desktop-align-container) !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--brj-desktop-align-gutter) !important;
        padding-right: var(--brj-desktop-align-gutter) !important;
        box-sizing: border-box !important;
    }

    /* Logo/header mulai dari garis container yang sama */
    .pkp_site_name_wrapper {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .pkp_site_name {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* Samakan lebar container hero */
    .brj-home-hero__inner,
    body.pkp_page_index .brj-home-hero__inner,
    body:not(.pkp_page_index) .brj-home-hero__inner {
        max-width: var(--brj-desktop-align-container) !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--brj-desktop-align-gutter) !important;
        padding-right: var(--brj-desktop-align-gutter) !important;
        box-sizing: border-box !important;
    }

    /* Hero copy tidak menjorok sendiri */
    .brj-home-hero__copy {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    /* Samakan lebar container navbar */
    .brj-main-nav .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary_wrapper {
        max-width: var(--brj-desktop-align-container) !important;
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: var(--brj-desktop-align-gutter) !important;
        padding-right: var(--brj-desktop-align-gutter) !important;
        box-sizing: border-box !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 22px !important;
    }

    /* Menu navbar jangan pindah ke tengah */
    .brj-main-nav .pkp_navigation_primary,
    .pkp_navigation_primary {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        justify-content: flex-start !important;
        flex: 0 0 auto !important;
    }

    /* Search tetap kanan kalau tampil */
    .brj-nav-search {
        margin-left: auto !important;
        flex: 1 1 auto !important;
        max-width: 470px !important;
    }

    /* Kalau search tidak tampil di halaman tertentu, menu tetap kiri */
    body.pkp_page_search .brj-main-nav .pkp_navigation_primary_wrapper,
    body.pkp_page_search .pkp_navigation_primary_wrapper {
        justify-content: flex-start !important;
    }

    body.pkp_page_search .brj-main-nav .pkp_navigation_primary,
    body.pkp_page_search .pkp_navigation_primary {
        margin-left: 0 !important;
    }
}

/* =========================================================
   BRINESIA JOURNAL FOOTER v0.7.1
   Footer custom dashboard, no table
   ========================================================= */

.pkp_structure_footer_wrapper {
    position: relative !important;
    margin-top: 36px !important;
    background: #071827 !important;
    border-top: 3px solid var(--brj-gold) !important;
    color: rgba(255,255,255,.86) !important;
    overflow: hidden !important;
}

.pkp_structure_footer_wrapper::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background-image:
        radial-gradient(rgba(214,177,74,.18) 1px, transparent 1px),
        linear-gradient(rgba(214,177,74,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(214,177,74,.035) 1px, transparent 1px) !important;
    background-size: 18px 18px, 56px 56px, 56px 56px !important;
    opacity: .32 !important;
}

.pkp_structure_footer {
    position: relative !important;
    z-index: 2 !important;
    max-width: 1230px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 44px 28px 22px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

.pkp_footer_content {
    padding: 0 !important;
    margin: 0 !important;
    color: rgba(255,255,255,.86) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.brj-footer-custom {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(180px, .55fr) minmax(260px, .8fr) !important;
    gap: 52px !important;
    align-items: start !important;
}

.brj-footer-logo {
    display: block !important;
    width: auto !important;
    max-width: 260px !important;
    max-height: 72px !important;
    margin: 0 0 18px !important;
    object-fit: contain !important;
}

.brj-footer-title {
    margin: 0 0 8px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

.brj-footer-custom p {
    margin: 0 0 6px !important;
    color: rgba(255,255,255,.84) !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.brj-footer-custom a {
    color: var(--brj-gold) !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.brj-footer-custom a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

.brj-footer-custom h4 {
    margin: 0 0 18px !important;
    color: var(--brj-gold) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    letter-spacing: .04em !important;
}

.brj-footer-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.brj-footer-links a {
    display: block !important;
    margin: 0 0 10px !important;
    color: rgba(255,255,255,.86) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.brj-footer-license {
    margin-top: 18px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
}

.brj-footer-license img {
    display: block !important;
    width: 88px !important;
    height: 31px !important;
    margin: 0 0 8px !important;
}

.brj-footer-license p {
    max-width: 520px !important;
    font-size: 13px !important;
    color: rgba(255,255,255,.72) !important;
}

.brj-footer-map iframe {
    display: block !important;
    width: 100% !important;
    height: 170px !important;
    border: 1px solid rgba(214,177,74,.32) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 14px 32px rgba(0,0,0,.25) !important;
}

.pkp_brand_footer {
    display: none !important;
}

.pkp_structure_footer::after {
    content: "© 2026 Brinesia. Seluruh hak cipta dilindungi. Designed by MB" !important;
    display: block !important;
    margin-top: 30px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(255,255,255,.10) !important;
    color: rgba(255,255,255,.62) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* Mobile footer */
@media (max-width: 860px) {
    .pkp_structure_footer {
        padding: 38px 24px 22px !important;
    }

    .brj-footer-custom {
        grid-template-columns: 1fr !important;
        gap: 28px !important;
    }

    .brj-footer-logo {
        max-width: 235px !important;
        max-height: 66px !important;
    }

    .brj-footer-custom h4 {
        margin-bottom: 12px !important;
        font-size: 17px !important;
    }

    .brj-footer-custom p,
    .brj-footer-links a {
        font-size: 13.5px !important;
    }

    .brj-footer-map iframe {
        height: 180px !important;
    }

    .pkp_structure_footer::after {
        margin-top: 24px !important;
        text-align: left !important;
        font-size: 12.5px !important;
    }
}

/* =========================================================
   BRINESIA ARTICLE SUMMARY META v0.2
   PDF di atas, statistik kiri, DOI kanan
   ========================================================= */

body.pkp_page_index .current_issue .obj_article_summary {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* Judul */
body.pkp_page_index .current_issue .obj_article_summary .title {
    margin-bottom: 6px !important;
}

/* Authors kiri, halaman kanan */
body.pkp_page_index .current_issue .obj_article_summary .meta {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 18px !important;
    width: 100% !important;
    margin-bottom: 8px !important;
}

body.pkp_page_index .current_issue .obj_article_summary .authors {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

body.pkp_page_index .current_issue .obj_article_summary .pages {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    color: #6f7a84 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

/* Tombol PDF harus jadi blok sendiri */
body.pkp_page_index .current_issue .obj_article_summary .galleys_links {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    margin: 8px 0 8px !important;
    padding: 0 !important;
    list-style: none !important;
}

body.pkp_page_index .current_issue .obj_article_summary .galleys_links::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

body.pkp_page_index .current_issue .obj_article_summary .galleys_links li {
    display: inline-block !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Baris statistik + DOI harus turun di bawah PDF */
body.pkp_page_index .current_issue .obj_article_summary .brj-article-extra-row {
    display: flex !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;

    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;

    margin: 10px 0 0 !important;
    padding: 0 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #66727f !important;
}

/* Statistik kiri */
body.pkp_page_index .current_issue .obj_article_summary .brj-article-stats {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-stat-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-stat-item .fa {
    color: var(--brj-gold) !important;
    font-size: 13px !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-stat-item span {
    color: #374553 !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-stat-item strong {
    color: var(--brj-navy) !important;
    font-weight: 900 !important;
}

/* DOI kanan */
body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;

    flex: 0 1 auto !important;
    margin-left: auto !important;

    text-align: right !important;
    white-space: nowrap !important;
    color: #66727f !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi .fa {
    color: var(--brj-gold) !important;
    font-size: 13px !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi span {
    font-weight: 800 !important;
    color: #5f6b77 !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi a {
    color: #006798 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi a:hover {
    color: var(--brj-gold-2) !important;
    text-decoration: none !important;
}

/* Mobile */
@media (max-width: 640px) {
    body.pkp_page_index .current_issue .obj_article_summary .meta {
        display: block !important;
    }

    body.pkp_page_index .current_issue .obj_article_summary .pages {
        margin-top: 4px !important;
        margin-left: 0 !important;
        text-align: left !important;
    }

    body.pkp_page_index .current_issue .obj_article_summary .brj-article-extra-row {
        display: block !important;
        margin-top: 10px !important;
    }

    body.pkp_page_index .current_issue .obj_article_summary .brj-article-stats {
        display: flex !important;
        gap: 12px !important;
        margin-bottom: 6px !important;
    }

    body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi {
        justify-content: flex-start !important;
        text-align: left !important;
        white-space: normal !important;
        margin-left: 0 !important;
    }
}

/* DOI SVG icon alignment */
body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1.4 !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-doi-icon {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    object-fit: contain !important;
    flex: 0 0 15px !important;
    vertical-align: middle !important;
    transform: translateY(0px) !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi span {
    font-weight: 800 !important;
    color: #5f6b77 !important;
}

body.pkp_page_index .current_issue .obj_article_summary .brj-article-doi a {
    color: #006798 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

/* =========================================================
   BRINESIA JOURNAL BODY v0.8.2
   Unified Body Panel: main content + sidebar dalam satu card besar
   Tempel paling bawah brinesia-journal.css

   Catatan:
   - Hapus dulu patch body v0.8.0 / v0.8.1 sebelumnya.
   - Patch ini mempertahankan .pkp_structure_main di kiri
     dan .pkp_structure_sidebar.left di kanan.
   ========================================================= */

:root {
    --brj-body-bg: #eef2f4;
    --brj-body-panel: #ffffff;
    --brj-body-soft: #f7f9fa;
    --brj-body-line: #dfe7eb;
    --brj-body-line-soft: #edf2f4;
    --brj-body-shadow: 0 18px 42px rgba(7, 24, 39, .065);
    --brj-body-radius: 18px;
    --brj-sidebar-w: 300px;
}

/* =========================================================
   1. Page background + unified body panel
   ========================================================= */

body,
.pkp_structure_page {
    background: var(--brj-body-bg) !important;
}

.pkp_structure_content,
.pkp_structure_content.has_sidebar {
    width: 100% !important;
    max-width: var(--brj-container, 1180px) !important;
    margin: 34px auto 48px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: var(--brj-body-panel) !important;
    border: 1px solid var(--brj-body-line) !important;
    border-radius: var(--brj-body-radius) !important;
    box-shadow: var(--brj-body-shadow) !important;
    overflow: hidden !important;
}

@media (min-width: 901px) {
    .pkp_structure_content.has_sidebar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) var(--brj-sidebar-w) !important;
        gap: 0 !important;
        align-items: stretch !important;
    }

    .pkp_structure_main {
        grid-column: 1 !important;
        order: 1 !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 34px 34px 38px !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }

    .pkp_structure_sidebar,
    .pkp_structure_sidebar.left,
    .pkp_structure_sidebar.right {
        grid-column: 2 !important;
        order: 2 !important;
        float: none !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 30px 22px 34px !important;
        background: #f6f8f9 !important;
        border-left: 1px solid var(--brj-body-line) !important;
        box-shadow: none !important;
        box-sizing: border-box !important;
    }
}

/* Hilangkan card besar tambahan di dalam main jika patch lama masih tersisa */
.pkp_structure_main > .page,
.pkp_structure_main .page,
.page_index_journal,
.current_issue,
.obj_issue_toc {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.pkp_structure_main > .page,
.pkp_structure_main .page,
.page_index_journal {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

/* =========================================================
   2. Breadcrumb + page typography umum
   ========================================================= */

.cmp_breadcrumbs,
.breadcrumbs,
.page .cmp_breadcrumbs {
    margin: 0 0 26px !important;
    padding: 0 !important;
    color: var(--brj-muted, #647282) !important;
    font-size: 13px !important;
}

.cmp_breadcrumbs a,
.breadcrumbs a,
.page .cmp_breadcrumbs a {
    color: #0a6f91 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.cmp_breadcrumbs a:hover,
.breadcrumbs a:hover,
.page .cmp_breadcrumbs a:hover {
    color: var(--brj-gold) !important;
    text-decoration: none !important;
}

.pkp_structure_main h1,
.pkp_structure_main .page h1,
.pkp_structure_main h2,
.pkp_structure_main .page h2 {
    color: var(--brj-navy) !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
    line-height: 1.22 !important;
}

.pkp_structure_main h1,
.pkp_structure_main .page h1 {
    margin: 0 0 24px !important;
    font-size: 28px !important;
}

.pkp_structure_main h2,
.pkp_structure_main .page h2,
.current_issue > h2 {
    margin: 0 0 14px !important;
    font-size: 20px !important;
}

.pkp_structure_main p,
.pkp_structure_main .page p,
.pkp_structure_main td,
.pkp_structure_main li {
    color: #1f2d3a !important;
    font-size: 14.5px !important;
    line-height: 1.72 !important;
}

.pkp_structure_main a {
    color: #006996 !important;
    text-decoration: none !important;
}

.pkp_structure_main a:hover {
    color: var(--brj-gold) !important;
    text-decoration: none !important;
}

/* =========================================================
   3. Homepage / Current Issue menyatu dengan artikel
   ========================================================= */

.current_issue {
    margin: 0 !important;
    padding: 0 !important;
}

.current_issue > h2 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--brj-navy) !important;
    font-size: 18px !important;
}

.current_issue > h2::before,
.obj_issue_toc .section > h3::before,
.obj_issue_toc h3::before {
    content: "" !important;
    display: inline-block !important;
    width: 3px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: var(--brj-gold) !important;
    flex: 0 0 auto !important;
}

.current_issue_title {
    margin: 0 0 22px !important;
    color: var(--brj-navy) !important;
    font-size: 27px !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;
}

.obj_issue_toc {
    margin: 0 !important;
    padding: 0 !important;
}

.obj_issue_toc .heading {
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr) !important;
    grid-template-areas:
        "cover desc"
        "cover doi"
        "cover published" !important;
    column-gap: 28px !important;
    row-gap: 10px !important;
    align-items: start !important;
    margin: 0 0 20px !important;
    padding: 0 0 30px !important;
    border-bottom: 1px solid var(--brj-body-line) !important;
}

.obj_issue_toc .heading .cover {
    grid-area: cover !important;
    width: 170px !important;
    margin: 0 !important;
}

.obj_issue_toc .heading .cover img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    border: 1px solid var(--brj-body-line) !important;
    box-shadow: 0 12px 24px rgba(7,24,39,.10) !important;
}

.obj_issue_toc .heading .description {
    grid-area: desc !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}

.obj_issue_toc .heading .description p,
.obj_issue_toc .description,
.current_issue .description {
    text-align: justify !important;
    text-justify: inter-word !important;
    color: #1f2d3a !important;
    font-size: 14.5px !important;
    line-height: 1.75 !important;
}

.obj_issue_toc .heading .pub_id.doi,
.obj_issue_toc .heading .pub_id {
    grid-area: doi !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 4px 0 0 !important;
    color: #243447 !important;
    font-size: 14px !important;
}

.obj_issue_toc .heading .pub_id .type,
.obj_issue_toc .heading .published .label {
    font-weight: 900 !important;
    color: var(--brj-navy) !important;
}

.obj_issue_toc .heading .published {
    grid-area: published !important;
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
    color: #243447 !important;
    font-size: 14px !important;
}

.obj_issue_toc .heading .published::before {
    content: "\f073" !important;
    font-family: FontAwesome !important;
    color: var(--brj-muted) !important;
    font-size: 15px !important;
}

/* =========================================================
   4. Article list model vertikal
   ========================================================= */

.obj_issue_toc .sections,
.obj_issue_toc .section {
    margin: 0 !important;
    padding: 0 !important;
}

.obj_issue_toc .section > h3,
.obj_issue_toc h3 {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 6px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid var(--brj-body-line) !important;
    color: var(--brj-navy) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
}

.cmp_article_list.articles,
ul.cmp_article_list.articles,
.obj_issue_toc ul.articles {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.cmp_article_list.articles > li,
ul.cmp_article_list.articles > li,
.obj_issue_toc ul.articles > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-bottom: 1px solid var(--brj-body-line-soft) !important;
}

.cmp_article_list.articles > li:last-child,
ul.cmp_article_list.articles > li:last-child {
    border-bottom: 0 !important;
}

.obj_article_summary {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "label label"
        "title galleys"
        "meta galleys" !important;
    column-gap: 22px !important;
    row-gap: 7px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 18px 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.obj_article_summary::before {
    content: "\f09c  Open Access" !important;
    grid-area: label !important;
    font-family: FontAwesome, inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: #b17c09 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.obj_article_summary .title,
.obj_article_summary h4.title {
    grid-area: title !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 1.25 !important;
}

.obj_article_summary .title a,
.obj_article_summary h4.title a {
    color: #005e86 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.32 !important;
    text-decoration: none !important;
}

.obj_article_summary .title a:hover,
.obj_article_summary h4.title a:hover {
    color: var(--brj-gold) !important;
    text-decoration: none !important;
}

.obj_article_summary .meta {
    grid-area: meta !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #506173 !important;
    font-size: 13px !important;
}

.obj_article_summary .authors {
    margin: 0 !important;
    padding: 0 !important;
    color: #1f2d3a !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
}

.obj_article_summary .pages {
    margin: 0 !important;
    padding: 0 0 0 12px !important;
    color: #6a7786 !important;
    font-size: 13px !important;
    white-space: nowrap !important;
}

.obj_article_summary .pages::before {
    content: "Pages: " !important;
    color: #7b8794 !important;
    font-weight: 700 !important;
}

.obj_article_summary .galleys_links {
    grid-area: galleys !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.obj_article_summary .galleys_links li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.obj_article_summary .galleys_links a,
.obj_galley_link,
.obj_galley_link.file,
.obj_galley_link.pdf {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 78px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(7,24,39,.18) !important;
    border-radius: 7px !important;
    background: linear-gradient(145deg, #f1cb58, #d5aa38) !important;
    color: var(--brj-navy) !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.obj_article_summary .galleys_links a::before,
.obj_galley_link::before {
    content: "\f1c1" !important;
    font-family: FontAwesome !important;
    font-size: 13px !important;
}

.obj_article_summary .galleys_links a:hover,
.obj_galley_link:hover {
    background: var(--brj-navy) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.current_issue .read_more,
.page_index_journal .read_more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    min-width: 160px !important;
    margin: 22px auto 0 !important;
    padding: 0 20px !important;
    border-radius: 8px !important;
    background: var(--brj-navy) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

.current_issue .read_more::after,
.page_index_journal .read_more::after {
    content: "\f105" !important;
    font-family: FontAwesome !important;
}

.current_issue .read_more:hover,
.page_index_journal .read_more:hover {
    background: var(--brj-gold) !important;
    color: var(--brj-navy) !important;
}

/* =========================================================
   5. Additional content homepage: indexed by table jadi rapi
   ========================================================= */

.additional_content {
    margin: 34px 0 0 !important;
    padding: 26px 0 0 !important;
    border-top: 1px solid var(--brj-body-line) !important;
}

.additional_content h2 {
    margin: 0 0 16px !important;
    font-size: 18px !important;
}

.additional_content table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 10px !important;
    table-layout: fixed !important;
}

.additional_content td {
    padding: 10px !important;
    border: 1px solid var(--brj-body-line-soft) !important;
    border-radius: 12px !important;
    background: #fff !important;
    text-align: center !important;
    vertical-align: middle !important;
}

.additional_content img {
    max-width: 100% !important;
    height: auto !important;
    max-height: 44px !important;
    object-fit: contain !important;
}

/* =========================================================
   6. Sidebar sebagai sub-card di dalam unified panel
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
    position: relative !important;
    margin: 0 0 16px !important;
    padding: 18px 18px !important;
    background: #ffffff !important;
    border: 1px solid var(--brj-body-line) !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 24px rgba(7,24,39,.045) !important;
    overflow: hidden !important;
}

.pkp_structure_sidebar .pkp_block::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 18px !important;
    width: 3px !important;
    height: 22px !important;
    border-radius: 0 999px 999px 0 !important;
    background: var(--brj-gold) !important;
}

.pkp_structure_sidebar .pkp_block .title,
.pkp_structure_sidebar .pkp_block h2.title {
    margin: 0 0 12px !important;
    padding: 0 0 0 7px !important;
    border: 0 !important;
    color: var(--brj-navy) !important;
    font-size: 12.5px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
}

.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_sidebar .pkp_block .content p,
.pkp_structure_sidebar .pkp_block .content td,
.pkp_structure_sidebar .pkp_block .content a {
    color: #203040 !important;
    font-size: 12.5px !important;
    line-height: 1.55 !important;
}

.pkp_structure_sidebar .pkp_block .content p {
    margin: 0 0 9px !important;
}

#customblock-about-journal .content p,
#customblock-about-journal .content span {
    text-align: justify !important;
    text-justify: inter-word !important;
    font-family: inherit !important;
    font-size: 12.5px !important;
    line-height: 1.65 !important;
}

.pkp_structure_sidebar .pkp_block a {
    color: #006996 !important;
    text-decoration: none !important;
    font-weight: 750 !important;
}

.pkp_structure_sidebar .pkp_block a:hover {
    color: var(--brj-gold) !important;
    text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 !important;
}

.pkp_structure_sidebar .pkp_block table td {
    padding: 3px 3px !important;
    vertical-align: top !important;
    border: 0 !important;
}

.brj-sidebar-action {
    margin-top: 12px !important;
}

.brj-sidebar-btn,
.pkp_structure_sidebar .brj-sidebar-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    min-height: 28px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(0,105,150,.20) !important;
    border-radius: 999px !important;
    background: #f3f8fa !important;
    color: #006996 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

/* Additional Information: list jadi menu kecil */
#customblock-additional-information .content p {
    margin: 0 !important;
    padding: 0 !important;
}

#customblock-additional-information .content a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 34px !important;
    padding: 0 0 !important;
    border-bottom: 1px solid var(--brj-body-line-soft) !important;
    color: var(--brj-navy) !important;
    font-weight: 850 !important;
}

#customblock-additional-information .content p:last-child a {
    border-bottom: 0 !important;
}

#customblock-additional-information .content a::after {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    color: var(--brj-gold) !important;
    font-size: 11px !important;
}

/* Gambar sidebar */
.pkp_structure_sidebar .pkp_block img {
    display: block !important;
    max-width: 90% !important;
    height: auto !important;
    margin: 6px auto !important;
    object-fit: contain !important;
}

#customblock-in-collaboration-with .content,
#customblock-journal-tools .content,
#customblock-journal-template .content,
#customblock-visitors .content {
    text-align: center !important;
}

#customblock-in-collaboration-with img {
    max-width: 78% !important;
}

#customblock-journal-tools img,
#customblock-journal-template img {
    max-width: 84% !important;
}

/* =========================================================
   7. Static pages: About, Contact, Editorial Team, Search
   Tetap pakai unified panel, isi dibuat lebih natural
   ========================================================= */

.pkp_structure_main .page_about,
.pkp_structure_main .page_contact,
.pkp_structure_main .page_search,
.pkp_structure_main .page_submissions,
.pkp_structure_main .page_editorial_team,
.pkp_structure_main .page {
    max-width: none !important;
}

.pkp_structure_main .page_about p,
.pkp_structure_main .page_contact p,
.pkp_structure_main .page p {
    text-align: inherit !important;
}

.pkp_structure_main .page_about p,
.pkp_structure_main .page_about .description,
.pkp_structure_main .page_about .about_journal {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* Contact: dua kolom kalau default OJS memberi beberapa blok */
.page_contact .contact_section,
.page_contact .address {
    line-height: 1.65 !important;
}

/* Search form */
.page_search .search_input,
.page_search input[type="text"],
.page_search input[type="search"] {
    border: 1px solid var(--brj-body-line) !important;
    border-radius: 10px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
}

.page_search button,
.page_search .submit button,
.page_search input[type="submit"] {
    border-radius: 8px !important;
    background: var(--brj-gold) !important;
    color: var(--brj-navy) !important;
    font-weight: 900 !important;
}

/* =========================================================
   8. Responsive
   ========================================================= */

@media (max-width: 900px) {
    .pkp_structure_content,
    .pkp_structure_content.has_sidebar {
        display: block !important;
        max-width: none !important;
        margin: 22px 14px 36px !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    .pkp_structure_main,
    .pkp_structure_sidebar,
    .pkp_structure_sidebar.left,
    .pkp_structure_sidebar.right {
        float: none !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .pkp_structure_main {
        padding: 24px 18px 28px !important;
    }

    .pkp_structure_sidebar,
    .pkp_structure_sidebar.left,
    .pkp_structure_sidebar.right {
        padding: 22px 18px 26px !important;
        border-left: 0 !important;
        border-top: 1px solid var(--brj-body-line) !important;
        background: #f6f8f9 !important;
    }

    .current_issue_title {
        font-size: 23px !important;
    }

    .obj_issue_toc .heading {
        display: block !important;
        padding-bottom: 24px !important;
    }

    .obj_issue_toc .heading .cover {
        width: 150px !important;
        margin: 0 0 18px !important;
    }

    .obj_article_summary {
        display: block !important;
        padding: 18px 0 !important;
    }

    .obj_article_summary::before {
        margin-bottom: 8px !important;
    }

    .obj_article_summary .title a,
    .obj_article_summary h4.title a {
        font-size: 15px !important;
    }

    .obj_article_summary .meta {
        display: block !important;
        margin-top: 8px !important;
    }

    .obj_article_summary .pages {
        display: block !important;
        padding-left: 0 !important;
        margin-top: 3px !important;
    }

    .obj_article_summary .galleys_links {
        justify-content: flex-start !important;
        margin-top: 12px !important;
    }

    .additional_content table,
    .additional_content tbody,
    .additional_content tr,
    .additional_content td {
        display: block !important;
        width: 100% !important;
    }

    .additional_content table {
        border-spacing: 0 !important;
    }

    .additional_content td {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 430px) {
    .pkp_structure_content,
    .pkp_structure_content.has_sidebar {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    .pkp_structure_main {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .pkp_structure_sidebar,
    .pkp_structure_sidebar.left,
    .pkp_structure_sidebar.right {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* DOI issue pakai SVG icon */
body.pkp_page_index .current_issue .obj_issue_toc .heading .pub_id.doi.brj-issue-doi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .heading .brj-issue-doi-icon {
    display: inline-block !important;
    width: 17px !important;
    height: 17px !important;
    object-fit: contain !important;
    flex: 0 0 17px !important;
    transform: translateY(-1px) !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .heading .pub_id.doi.brj-issue-doi .type {
    font-weight: 900 !important;
    color: #0c1f35 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .heading .pub_id.doi.brj-issue-doi .id a {
    color: #006798 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* =========================================================
   BRINESIA BODY POLISH
   Remove vertical divider + double separator under Articles
   ========================================================= */

/* 1. Hilangkan garis vertikal antara main content dan sidebar */
.pkp_structure_content.has_sidebar {
    border-left: 0 !important;
    border-right: 0 !important;
}

.pkp_structure_main {
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: none !important;
}

.pkp_structure_sidebar,
.pkp_structure_sidebar.left,
.pkp_structure_sidebar.right {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Kalau garis vertikal dibuat dari pseudo element */
.pkp_structure_content.has_sidebar::before,
.pkp_structure_content.has_sidebar::after,
.pkp_structure_main::before,
.pkp_structure_main::after,
.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
    display: none !important;
    content: none !important;
}

/* 2. Hilangkan double separator di area Articles */
body.pkp_page_index .current_issue .obj_issue_toc .sections,
body.pkp_page_index .current_issue .obj_issue_toc .section {
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Judul Articles cukup satu garis saja */
body.pkp_page_index .current_issue .obj_issue_toc .section > h3 {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    padding-bottom: 12px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #d7e0e5 !important;
}

/* List artikel jangan memberi garis tambahan tepat setelah heading */
body.pkp_page_index .current_issue .obj_issue_toc .cmp_article_list.articles {
    border-top: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* =========================================================
   Hide horizontal line beside Articles heading
   ========================================================= */

body.pkp_page_index .current_issue .obj_issue_toc .section > h3 {
    border-bottom: 0 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .section > h3::before,
body.pkp_page_index .current_issue .obj_issue_toc .section > h3::after {
    display: none !important;
    content: none !important;
}

/* Kalau garis berasal dari elemen wrapper title */
body.pkp_page_index .current_issue .obj_issue_toc .section > h3 + *,
body.pkp_page_index .current_issue .obj_issue_toc .section h3 + .cmp_article_list {
    border-top: 0 !important;
}

/* Tetap pertahankan aksen emas kiri pada Articles */
body.pkp_page_index .current_issue .obj_issue_toc .section > h3 {
    position: relative !important;
    margin-bottom: 22px !important;
    padding-bottom: 0 !important;
    padding-left: 14px !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .section > h3::marker {
    display: none !important;
}

/* =========================================================
   BRINESIA HOMEPAGE ARTICLE GRID v0.9.0
   Homepage only: 6 articles, 2-column card grid
   ========================================================= */

body.pkp_page_index .current_issue .obj_issue_toc .cmp_article_list.articles {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 20px !important;
    margin: 0 !important;
    padding: 0 !important;
	padding-top: 18px !important;
    list-style: none !important;
    border-top: 0 !important;
}

/* Tampilkan hanya 6 artikel pertama di homepage */
body.pkp_page_index .current_issue .obj_issue_toc .cmp_article_list.articles > li:nth-child(n+7) {
    display: none !important;
}

/* Card artikel */
body.pkp_page_index .current_issue .obj_issue_toc .cmp_article_list.articles > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    padding: 17px 18px 16px !important;
    margin: 0 !important;

    background: #ffffff !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 14px !important;
    box-shadow: 0 10px 26px rgba(7, 24, 39, .045) !important;
    box-sizing: border-box !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(214, 177, 74, .45) !important;
    box-shadow: 0 16px 34px rgba(7, 24, 39, .075) !important;
}

/* Open Access label */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary::before {
    content: "\f13e  Open Access" !important;
    font-family: FontAwesome, inherit !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    margin: 0 0 7px !important;
    color: #a87900 !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
}

/* Judul artikel */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title {
    margin: 0 0 7px !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title a {
    color: #005f83 !important;
    text-decoration: none !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title a:hover {
    color: #0b2438 !important;
}

/* Authors + pages */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .meta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 0 10px !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .authors {
    min-width: 0 !important;
    color: #263646 !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages {
    color: #6c7782 !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages::before {
    content: "Pages: " !important;
}

/* Tombol PDF */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .galleys_links {
    display: block !important;
    width: 100% !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    list-style: none !important;
    clear: both !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .galleys_links li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    min-width: 76px !important;
    height: 34px !important;
    padding: 0 13px !important;

    border: 1px solid rgba(141, 105, 12, .35) !important;
    border-radius: 7px !important;
    background: var(--brj-gold) !important;
    color: #081b2d !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .obj_galley_link::before {
    content: "\f1c1" !important;
    font-family: FontAwesome !important;
    font-size: 13px !important;
    font-weight: normal !important;
}

/* Statistik + DOI bawah card */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-extra-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 9px !important;

    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 10px 0 0 !important;

    border-top: 1px solid #e4ebef !important;
    color: #4d5b67 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-stats {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    min-width: 0 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-stat-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-stat-item .fa {
    color: var(--brj-gold-2) !important;
    font-size: 12px !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-stat-item strong {
    color: #0b2438 !important;
    font-weight: 900 !important;
}

/* DOI dibuat satu baris bawah */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-doi-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    object-fit: contain !important;
    transform: translateY(-1px) !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi span {
    color: #65717d !important;
    font-weight: 850 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi a {
    color: #006798 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi a:hover {
    color: var(--brj-gold-2) !important;
}

/* Tombol bawah */
body.pkp_page_index .current_issue > .read_more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    width: auto !important;
    min-width: 190px !important;
    height: 42px !important;
    margin: 24px auto 0 !important;
    padding: 0 22px !important;

    border-radius: 8px !important;
    background: var(--brj-navy) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 14px 26px rgba(7, 24, 39, .16) !important;
}

body.pkp_page_index .current_issue > .read_more::after {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    font-weight: normal !important;
}

body.pkp_page_index .current_issue > .read_more:hover {
    background: #0d2a43 !important;
    color: var(--brj-gold) !important;
    text-decoration: none !important;
}

/* Center tombol read_more */
body.pkp_page_index .current_issue {
    text-align: left !important;
}

body.pkp_page_index .current_issue > .read_more {
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
}

/* Tablet */
@media (max-width: 1100px) {
    body.pkp_page_index .current_issue .obj_issue_toc .cmp_article_list.articles {
        grid-template-columns: 1fr !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary {
        padding: 15px 15px 14px !important;
    }

    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .meta {
        grid-template-columns: 1fr !important;
        gap: 4px !important;
    }

    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages {
        white-space: normal !important;
    }

    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-stats {
        gap: 10px !important;
    }

    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi {
        white-space: normal !important;
    }

    body.pkp_page_index .current_issue > .read_more {
        width: 100% !important;
        min-width: 0 !important;
        left: auto !important;
        transform: none !important;
    }
}

/* =========================================================
   BRINESIA HOMEPAGE ARTICLE GRID
   Hide Open Access label
   ========================================================= */

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary::before {
    display: none !important;
    content: none !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title {
    margin-top: 0 !important;
}

/* =========================================================
   BRINESIA HOMEPAGE ARTICLE GRID v0.9.2
   Bottom layout: DOI left, Pages right
   ========================================================= */

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title title"
        "authors authors"
        "pdf pdf"
        "stats stats"
        "doi pages" !important;
    row-gap: 9px !important;
    column-gap: 16px !important;
    align-items: start !important;
}

/* Wrapper meta dibuat contents agar authors dan pages bisa dipisah */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .meta {
    display: contents !important;
}

/* Authors tetap full width */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .authors {
    grid-area: authors !important;
    margin: 0 !important;
    min-width: 0 !important;
    color: #263646 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
}

/* PDF tetap di bawah authors */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .galleys_links {
    grid-area: pdf !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Extra row dipecah agar stats dan DOI bisa diatur grid */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-extra-row {
    display: contents !important;
}

/* Statistik full width di atas DOI/Pages */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-stats {
    grid-area: stats !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;

    width: 100% !important;
    margin: 2px 0 0 !important;
    padding-top: 10px !important;
    border-top: 1px solid #e4ebef !important;

    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

/* DOI kiri bawah */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi {
    grid-area: doi !important;
    justify-self: start !important;
    align-self: center !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

/* Pages kanan bawah */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages {
    grid-area: pages !important;
    justify-self: end !important;
    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;

    color: #6c7782 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages::before {
    content: "Pages: " !important;
}

/* Mobile: turun normal */
@media (max-width: 640px) {
    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "authors"
            "pdf"
            "stats"
            "doi"
            "pages" !important;
        row-gap: 8px !important;
    }

    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi,
    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages {
        justify-self: start !important;
        text-align: left !important;
        white-space: normal !important;
    }
}

/* =========================================================
   BRINESIA DOI ICON GLOBAL FIX
   Berlaku untuk homepage dan halaman issue/detail issue
   ========================================================= */

/* Semua icon DOI SVG */
.brj-doi-icon,
img.brj-doi-icon,
.brj-issue-doi-icon,
img.brj-issue-doi-icon {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    max-width: 15px !important;
    max-height: 15px !important;
    object-fit: contain !important;
    flex: 0 0 15px !important;
    vertical-align: middle !important;
    transform: translateY(-1px) !important;
}

/* DOI issue di homepage dan halaman issue */
.obj_issue_toc .heading .pub_id.doi,
.obj_issue_toc .heading .brj-issue-doi,
.page_issue .obj_issue_toc .pub_id.doi,
.page_issue .obj_issue_toc .brj-issue-doi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    line-height: 1.5 !important;
}

/* DOI artikel di homepage maupun halaman issue */
.obj_article_summary .brj-article-doi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.obj_article_summary .brj-article-doi .brj-doi-icon {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    flex-basis: 14px !important;
}

/* =========================================================
   BRINESIA ARTICLE CLEANUP
   Hide Open Access + remove line under title + gold bar before title
   ========================================================= */

/* 1. Hilangkan label Open Access */
.obj_article_summary::before,
.obj_article_summary .open_access,
.obj_article_summary .label_open_access {
    display: none !important;
    content: none !important;
}

/* 2. Hilangkan garis emas di depan judul */
.obj_article_summary .title::before,
.obj_article_summary h3::before,
.obj_article_summary h4::before {
    display: none !important;
    content: none !important;
    background: none !important;
    border: 0 !important;
}

/* 3. Hilangkan garis separator di bawah judul */
.obj_article_summary .title::after,
.obj_article_summary h3::after,
.obj_article_summary h4::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: 0 !important;
}

/* Kalau garisnya berasal dari border pada title */
.obj_article_summary .title,
.obj_article_summary h3,
.obj_article_summary h4 {
    border-bottom: 0 !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 8px !important;
}

/* Kalau link judul yang diberi garis */
.obj_article_summary .title a,
.obj_article_summary h3 a,
.obj_article_summary h4 a {
    border-bottom: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* =========================================================
   BRINESIA ARTICLE CARD FINAL LAYOUT
   PDF left + Pages right
   Stats left + DOI right
   ========================================================= */

/* Berlaku untuk homepage dan halaman issue */
body.pkp_page_index .obj_issue_toc .cmp_article_list.articles > li .obj_article_summary,
body.pkp_page_issue .obj_issue_toc .cmp_article_list.articles > li .obj_article_summary,
.page_issue .obj_issue_toc .cmp_article_list.articles > li .obj_article_summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title title"
        "authors authors"
        "pdf pages"
        "stats doi" !important;
    row-gap: 10px !important;
    column-gap: 18px !important;
    align-items: start !important;
}

/* title */
body.pkp_page_index .obj_issue_toc .obj_article_summary .title,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .title,
.page_issue .obj_issue_toc .obj_article_summary .title {
    grid-area: title !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* meta dipecah supaya authors dan pages bisa diposisikan */
body.pkp_page_index .obj_issue_toc .obj_article_summary .meta,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .meta,
.page_issue .obj_issue_toc .obj_article_summary .meta {
    display: contents !important;
}

/* authors */
body.pkp_page_index .obj_issue_toc .obj_article_summary .authors,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .authors,
.page_issue .obj_issue_toc .obj_article_summary .authors {
    grid-area: authors !important;
    margin: 0 !important;
    color: #263646 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
}

/* pages kanan */
body.pkp_page_index .obj_issue_toc .obj_article_summary .pages,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .pages,
.page_issue .obj_issue_toc .obj_article_summary .pages {
    grid-area: pages !important;
    justify-self: end !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;
    color: #6c7782 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

body.pkp_page_index .obj_issue_toc .obj_article_summary .pages::before,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .pages::before,
.page_issue .obj_issue_toc .obj_article_summary .pages::before {
    content: "Pages: " !important;
}

/* tombol PDF kiri */
body.pkp_page_index .obj_issue_toc .obj_article_summary .galleys_links,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .galleys_links,
.page_issue .obj_issue_toc .obj_article_summary .galleys_links {
    grid-area: pdf !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    clear: none !important;
}

body.pkp_page_index .obj_issue_toc .obj_article_summary .galleys_links li,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .galleys_links li,
.page_issue .obj_issue_toc .obj_article_summary .galleys_links li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* pecah extra row supaya stats dan doi bisa ditempatkan terpisah */
body.pkp_page_index .obj_issue_toc .obj_article_summary .brj-article-extra-row,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .brj-article-extra-row,
.page_issue .obj_issue_toc .obj_article_summary .brj-article-extra-row {
    display: contents !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* statistik kiri bawah */
body.pkp_page_index .obj_issue_toc .obj_article_summary .brj-article-stats,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .brj-article-stats,
.page_issue .obj_issue_toc .obj_article_summary .brj-article-stats {
    grid-area: stats !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    justify-self: start !important;
    align-self: center !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

body.pkp_page_index .obj_issue_toc .obj_article_summary .brj-stat-item,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .brj-stat-item,
.page_issue .obj_issue_toc .obj_article_summary .brj-stat-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
}

/* DOI kanan bawah */
body.pkp_page_index .obj_issue_toc .obj_article_summary .brj-article-doi,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .brj-article-doi,
.page_issue .obj_issue_toc .obj_article_summary .brj-article-doi {
    grid-area: doi !important;
    justify-self: end !important;
    align-self: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

/* pastikan tidak ada garis aneh dari aturan lama */
body.pkp_page_index .obj_issue_toc .obj_article_summary .brj-article-stats::before,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .brj-article-stats::before,
.page_issue .obj_issue_toc .obj_article_summary .brj-article-stats::before,
body.pkp_page_index .obj_issue_toc .obj_article_summary .title::before,
body.pkp_page_index .obj_issue_toc .obj_article_summary .title::after,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .title::before,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .title::after,
.page_issue .obj_issue_toc .obj_article_summary .title::before,
.page_issue .obj_issue_toc .obj_article_summary .title::after {
    display: none !important;
    content: none !important;
}

/* mobile: turun satu kolom */
@media (max-width: 640px) {
    body.pkp_page_index .obj_issue_toc .cmp_article_list.articles > li .obj_article_summary,
    body.pkp_page_issue .obj_issue_toc .cmp_article_list.articles > li .obj_article_summary,
    .page_issue .obj_issue_toc .cmp_article_list.articles > li .obj_article_summary {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "authors"
            "pdf"
            "pages"
            "stats"
            "doi" !important;
        row-gap: 8px !important;
    }

    body.pkp_page_index .obj_issue_toc .obj_article_summary .pages,
    body.pkp_page_index .obj_issue_toc .obj_article_summary .brj-article-doi,
    body.pkp_page_issue .obj_issue_toc .obj_article_summary .pages,
    body.pkp_page_issue .obj_issue_toc .obj_article_summary .brj-article-doi,
    .page_issue .obj_issue_toc .obj_article_summary .pages,
    .page_issue .obj_issue_toc .obj_article_summary .brj-article-doi {
        justify-self: start !important;
        text-align: left !important;
        white-space: normal !important;
    }
}

/* =========================================================
   BRINESIA ARTICLE GRID FINAL POLISH
   PDF left + Pages right, DOI below stats
   Homepage article card only
   ========================================================= */

body.pkp_page_index .current_issue .obj_issue_toc .cmp_article_list.articles > li .obj_article_summary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title title"
        "authors authors"
        "pdf pages"
        "stats stats"
        "doi doi" !important;

    row-gap: 10px !important;
    column-gap: 18px !important;
    align-items: start !important;

    min-height: 250px !important;
}

/* Judul dibuat stabil agar card pertama tidak beda sendiri */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title {
    grid-area: title !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;

    min-height: 48px !important;
    font-size: 16px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title::before,
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title::after {
    display: none !important;
    content: none !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title a {
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* Meta wrapper dipecah agar authors dan pages bisa diposisikan terpisah */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .meta {
    display: contents !important;
}

/* Authors */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .authors {
    grid-area: authors !important;
    margin: 0 !important;
    min-height: 22px !important;

    color: #263646 !important;
    font-size: 13.5px !important;
    line-height: 1.5 !important;
}

/* PDF kiri */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .galleys_links {
    grid-area: pdf !important;
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .galleys_links li {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Pages kanan sejajar tombol PDF */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages {
    grid-area: pages !important;
    justify-self: end !important;
    align-self: center !important;

    margin: 0 !important;
    padding: 0 !important;
    white-space: nowrap !important;
    text-align: right !important;

    color: #6c7782 !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages::before {
    content: "Pages: " !important;
}

/* Extra row dipecah */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-extra-row {
    display: contents !important;
}

/* Statistik full di bawah PDF/Pages */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-stats {
    grid-area: stats !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;

    width: 100% !important;
    margin: 6px 0 0 !important;
    padding-top: 11px !important;
    border-top: 1px solid #e4ebef !important;

    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-stat-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    white-space: nowrap !important;
}

/* DOI turun di bawah statistik, rata kiri */
body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi {
    grid-area: doi !important;
    justify-self: start !important;
    align-self: center !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    min-width: 0 !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi a {
    color: #006798 !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-doi-icon {
    width: 14px !important;
    height: 14px !important;
    max-width: 14px !important;
    max-height: 14px !important;
    flex: 0 0 14px !important;
    object-fit: contain !important;
    transform: translateY(-1px) !important;
}

/* Mobile */
@media (max-width: 640px) {
    body.pkp_page_index .current_issue .obj_issue_toc .cmp_article_list.articles > li .obj_article_summary {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "authors"
            "pdf"
            "pages"
            "stats"
            "doi" !important;

        min-height: 0 !important;
        row-gap: 8px !important;
    }

    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .title {
        min-height: 0 !important;
    }

    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .pages,
    body.pkp_page_index .current_issue .obj_issue_toc .obj_article_summary .brj-article-doi {
        justify-self: start !important;
        text-align: left !important;
        white-space: normal !important;
    }
}

/* =========================================================
   BRINESIA SIDEBAR TITLE FINAL
   Title soft background, posisi masuk, tidak mepet
   ========================================================= */

/* Card sidebar */
.pkp_structure_sidebar .pkp_block {
    position: relative !important;
    overflow: hidden !important;

    padding: 20px 22px 22px !important;
    margin-bottom: 20px !important;

    background: #ffffff !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 16px !important;
    box-shadow: 0 12px 28px rgba(7,24,39,.055) !important;
}

/* Hilangkan garis emas vertikal lama */
.pkp_structure_sidebar .pkp_block::before {
    display: none !important;
    content: none !important;
}

/* Title sidebar: background lembut, tapi tidak full menempel pinggir */
.pkp_structure_sidebar .pkp_block .title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    width: 100% !important;
    box-sizing: border-box !important;

    margin: 0 0 16px !important;
    padding: 10px 13px !important;

    background: linear-gradient(135deg, #eef3f6 0%, #f8fbfc 100%) !important;
    border: 1px solid #dbe6ec !important;
    border-bottom: 2px solid var(--brj-gold) !important;
    border-radius: 12px !important;

    color: #071827 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
}

/* Icon kecil sebelum title */
.pkp_structure_sidebar .pkp_block .title::before {
    font-family: FontAwesome !important;
    content: "\f02e" !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;

    border-radius: 999px !important;
    background: rgba(214,177,74,.20) !important;
    border: 1px solid rgba(214,177,74,.32) !important;
    color: #9b710e !important;

    font-size: 9px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

/* Isi sidebar normal */
.pkp_structure_sidebar .pkp_block .content {
    padding: 0 !important;
    margin: 0 !important;

    color: #122436 !important;
    font-size: 12.8px !important;
    line-height: 1.65 !important;
}

/* Rapikan tabel Journal Information agar tidak pecah terlalu aneh */
#customblock-journal-information table {
    width: 100% !important;
    border-collapse: collapse !important;
}

#customblock-journal-information td {
    padding: 3px 3px !important;
    vertical-align: top !important;
    font-size: 12.8px !important;
    line-height: 1.45 !important;
}

#customblock-journal-information td:first-child {
    width: 42% !important;
    white-space: nowrap !important;
}

#customblock-journal-information td:nth-child(2) {
    width: 10px !important;
    text-align: center !important;
}

#customblock-journal-information td:last-child {
    font-weight: 600 !important;
}

/* About Journal justify */
#customblock-about-journal .content p {
    text-align: justify !important;
    text-justify: inter-word !important;
}

/* Tombol sidebar */
.pkp_structure_sidebar .brj-sidebar-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 30px !important;
    padding: 5px 14px !important;
    margin-top: 8px !important;

    border-radius: 999px !important;
    border: 1px solid #bdd3df !important;
    background: #f8fbfc !important;
    color: #071827 !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.pkp_structure_sidebar .brj-sidebar-btn:hover {
    background: var(--brj-gold) !important;
    border-color: var(--brj-gold) !important;
    color: #071827 !important;
}

/* Additional Information sebagai list menu */
#customblock-additional-information .content p {
    margin: 0 !important;
}

#customblock-additional-information .content a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 9px 0 !important;
    border-bottom: 1px solid #e8eef2 !important;

    color: #071827 !important;
    font-size: 12.7px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

#customblock-additional-information .content a::after {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    color: var(--brj-gold-2) !important;
    font-size: 11px !important;
}

#customblock-additional-information .content p:last-child a {
    border-bottom: 0 !important;
}

/* Icon berbeda tiap block */
#customblock-journal-information .title::before {
    content: "\f05a" !important;
}

#customblock-about-journal .title::before {
    content: "\f02d" !important;
}

#customblock-additional-information .title::before {
    content: "\f0ca" !important;
}

#customblock-in-collaboration-with .title::before {
    content: "\f0c1" !important;
}

#customblock-journal-tools .title::before {
    content: "\f0ad" !important;
}

#customblock-journal-template .title::before {
    content: "\f15c" !important;
}

#customblock-visitors .title::before {
    content: "\f0c0" !important;
}

/* =========================================================
   BRINESIA SIDEBAR BUTTON HOVER FIX
   Fix hover Read More / More Information
   ========================================================= */

.pkp_structure_sidebar .brj-sidebar-action {
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

.pkp_structure_sidebar .brj-sidebar-btn,
.pkp_structure_sidebar .brj-sidebar-btn:link,
.pkp_structure_sidebar .brj-sidebar-btn:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 30px !important;

    padding: 5px 15px !important;
    border-radius: 999px !important;

    border: 1px solid #bdd3df !important;
    background: #f8fbfc !important;
    color: #071827 !important;

    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transform: none !important;
}

/* Hover jangan jadi blok emas kosong */
.pkp_structure_sidebar .brj-sidebar-btn:hover,
.pkp_structure_sidebar .brj-sidebar-btn:focus {
    border-color: var(--brj-gold) !important;
    background: rgba(214,177,74,.16) !important;
    color: #071827 !important;
    text-decoration: none !important;
    box-shadow: 0 6px 14px rgba(214,177,74,.16) !important;
    transform: none !important;
}

/* Kalau ada span/ikon di dalam tombol */
.pkp_structure_sidebar .brj-sidebar-btn span,
.pkp_structure_sidebar .brj-sidebar-btn:hover span,
.pkp_structure_sidebar .brj-sidebar-btn:focus span {
    color: inherit !important;
}

/* Pastikan tombol tidak tertimpa rule link umum sidebar */
.pkp_structure_sidebar .pkp_block .content .brj-sidebar-btn {
    color: #071827 !important;
}

.pkp_structure_sidebar .pkp_block .content .brj-sidebar-btn:hover {
    color: #071827 !important;
}

/* =========================================================
   BRINESIA SIDEBAR ADDITIONAL INFORMATION HOVER
   Subtle slide + soft background + gold accent
   ========================================================= */

#customblock-additional-information .content p {
    margin: 0 !important;
}

#customblock-additional-information .content a {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;

    padding: 10px 10px 10px 0 !important;
    border-bottom: 1px solid #e8eef2 !important;
    border-radius: 8px !important;

    color: #071827 !important;
    font-size: 12.7px !important;
    font-weight: 850 !important;
    text-decoration: none !important;

    transition:
        padding-left .18s ease,
        background-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}

/* Panah kanan */
#customblock-additional-information .content a::after {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    color: var(--brj-gold-2) !important;
    font-size: 11px !important;
    transition: transform .18s ease, color .18s ease !important;
}

/* Aksen gold kecil saat hover */
#customblock-additional-information .content a::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;

    width: 3px !important;
    height: 0 !important;
    border-radius: 999px !important;

    background: var(--brj-gold) !important;
    transform: translateY(-50%) !important;
    transition: height .18s ease !important;
}

/* Hover */
#customblock-additional-information .content a:hover,
#customblock-additional-information .content a:focus {
    padding-left: 12px !important;
    background: #f3f7f9 !important;
    color: #005f83 !important;
    text-decoration: none !important;
}

#customblock-additional-information .content a:hover::before,
#customblock-additional-information .content a:focus::before {
    height: 18px !important;
}

#customblock-additional-information .content a:hover::after,
#customblock-additional-information .content a:focus::after {
    transform: translateX(4px) !important;
    color: #9b710e !important;
}

#customblock-additional-information .content p:last-child a {
    border-bottom: 0 !important;
}

/* =========================================================
   BRINESIA SIDEBAR VISIBILITY FINAL
   Full sidebar only on Homepage, Current Issue, and Archives
   Other pages show only Journal Information + Additional Information
   ========================================================= */

/* Semua block sidebar tampil default */
.pkp_structure_sidebar .pkp_block {
    display: block !important;
}

/*
 * Selain homepage dan halaman issue:
 * sembunyikan semua block sidebar dulu
 */
body:not(.pkp_page_index):not(.pkp_page_issue) .pkp_structure_sidebar .pkp_block {
    display: none !important;
}

/*
 * Selain homepage dan halaman issue:
 * tampilkan hanya Journal Information dan Additional Information
 */
body:not(.pkp_page_index):not(.pkp_page_issue) #customblock-journal-information,
body:not(.pkp_page_index):not(.pkp_page_issue) #customblock-about-journal,
body:not(.pkp_page_index):not(.pkp_page_issue) #customblock-additional-information {
    display: block !important;
}

/*
 * Homepage dan halaman issue/current/archive:
 * sidebar lengkap tetap tampil
 */
body.pkp_page_index .pkp_structure_sidebar .pkp_block,
body.pkp_page_issue .pkp_structure_sidebar .pkp_block {
    display: block !important;
}

/* =========================================================
   BRINESIA AUTH PAGES + BREADCRUMBS
   Login, Register, Reset Password, Breadcrumb global polish
   ========================================================= */

/* =========================================================
   2. AUTH PAGE MAIN CARD
   ========================================================= */

body.pkp_page_login .pkp_structure_main,
body.pkp_page_register .pkp_structure_main,
body.pkp_page_lostPassword .pkp_structure_main,
body.pkp_op_login .pkp_structure_main,
body.pkp_op_register .pkp_structure_main,
body.pkp_op_lostPassword .pkp_structure_main {
    background: #ffffff !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(7,24,39,.055) !important;

    padding: 34px 38px 38px !important;
    box-sizing: border-box !important;
}

/* Judul halaman auth */
body.pkp_page_login .pkp_structure_main h1,
body.pkp_page_register .pkp_structure_main h1,
body.pkp_page_lostPassword .pkp_structure_main h1,
body.pkp_op_login .pkp_structure_main h1,
body.pkp_op_register .pkp_structure_main h1,
body.pkp_op_lostPassword .pkp_structure_main h1 {
    margin: 0 0 20px !important;

    color: #071827 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    letter-spacing: .01em !important;
}

/* Teks keterangan */
body.pkp_page_login .pkp_structure_main p,
body.pkp_page_register .pkp_structure_main p,
body.pkp_page_lostPassword .pkp_structure_main p,
body.pkp_op_login .pkp_structure_main p,
body.pkp_op_register .pkp_structure_main p,
body.pkp_op_lostPassword .pkp_structure_main p {
    color: #344454 !important;
    font-size: 13.5px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   3. FORM ELEMENTS
   ========================================================= */

body.pkp_page_login .pkp_structure_main form,
body.pkp_page_register .pkp_structure_main form,
body.pkp_page_lostPassword .pkp_structure_main form,
body.pkp_op_login .pkp_structure_main form,
body.pkp_op_register .pkp_structure_main form,
body.pkp_op_lostPassword .pkp_structure_main form {
    max-width: 560px !important;
}

/* Register form lebih lebar sedikit */
body.pkp_page_register .pkp_structure_main form,
body.pkp_op_register .pkp_structure_main form {
    max-width: 640px !important;
}

.pkp_structure_main form label,
.pkp_structure_main form .label {
    display: block !important;
    margin: 0 0 6px !important;

    color: #071827 !important;
    font-size: 12.8px !important;
    font-weight: 750 !important;
    line-height: 1.4 !important;
}

.pkp_structure_main form input[type="text"],
.pkp_structure_main form input[type="email"],
.pkp_structure_main form input[type="password"],
.pkp_structure_main form input[type="url"],
.pkp_structure_main form input[type="tel"],
.pkp_structure_main form select,
.pkp_structure_main form textarea {
    width: 100% !important;
    max-width: 360px !important;
    min-height: 38px !important;

    padding: 8px 11px !important;

    border: 1px solid #cbd8df !important;
    border-radius: 8px !important;
    background: #ffffff !important;

    color: #071827 !important;
    font-size: 13.5px !important;
    line-height: 1.4 !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

.pkp_structure_main form input:focus,
.pkp_structure_main form select:focus,
.pkp_structure_main form textarea:focus {
    outline: none !important;
    border-color: var(--brj-gold) !important;
    box-shadow: 0 0 0 3px rgba(214,177,74,.16) !important;
    background: #fffefa !important;
}

/* Jarak antar field */
.pkp_structure_main form .form-group,
.pkp_structure_main form .fields,
.pkp_structure_main form .pkp_form_field,
.pkp_structure_main form .field {
    margin-bottom: 16px !important;
}

/* Checkbox */
.pkp_structure_main form input[type="checkbox"] {
    margin-right: 7px !important;
    transform: translateY(1px) !important;
}

.pkp_structure_main form input[type="checkbox"] + label,
.pkp_structure_main form label input[type="checkbox"] {
    font-weight: 500 !important;
}

.pkp_structure_main form .checkbox,
.pkp_structure_main form .optin,
.pkp_structure_main form .consent {
    margin: 14px 0 !important;
    color: #263646 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   4. BUTTONS
   ========================================================= */

.pkp_structure_main form button,
.pkp_structure_main form input[type="submit"],
.pkp_structure_main form .submit button,
.pkp_structure_main .buttons button,
.pkp_structure_main .buttons input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 38px !important;
    padding: 8px 18px !important;

    border: 1px solid rgba(141,105,12,.32) !important;
    border-radius: 8px !important;
    background: var(--brj-gold) !important;
    color: #071827 !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;

    cursor: pointer !important;
    box-shadow: 0 10px 20px rgba(214,177,74,.18) !important;
    transition: background-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}

.pkp_structure_main form button:hover,
.pkp_structure_main form input[type="submit"]:hover,
.pkp_structure_main form .submit button:hover,
.pkp_structure_main .buttons button:hover,
.pkp_structure_main .buttons input[type="submit"]:hover {
    background: #e6c04a !important;
    color: #071827 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 26px rgba(214,177,74,.24) !important;
}

/* Link di area tombol: Register/Login/Forgot */
.pkp_structure_main form .buttons a,
.pkp_structure_main .buttons a,
.pkp_structure_main form a {
    color: #005f83 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.pkp_structure_main form .buttons a:hover,
.pkp_structure_main .buttons a:hover,
.pkp_structure_main form a:hover {
    color: var(--brj-gold-2) !important;
    text-decoration: none !important;
}


/* =========================================================
   5. AUTH PAGE SPECIFIC SPACING
   ========================================================= */

/* Login page compact */
body.pkp_page_login .pkp_structure_main form,
body.pkp_op_login .pkp_structure_main form {
    max-width: 420px !important;
}

/* Reset password compact */
body.pkp_page_lostPassword .pkp_structure_main form,
body.pkp_op_lostPassword .pkp_structure_main form {
    max-width: 480px !important;
}

/* Buttons row */
.pkp_structure_main form .buttons,
.pkp_structure_main .buttons {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;

    margin-top: 20px !important;
}

/* Forgot password link */
.pkp_structure_main a[href*="lostPassword"],
.pkp_structure_main a[href*="resetPassword"] {
    display: inline-flex !important;
    margin-top: 6px !important;
    font-size: 12.5px !important;
}


/* =========================================================
   6. MOBILE
   ========================================================= */

@media (max-width: 760px) {
    body.pkp_page_login .pkp_structure_main,
    body.pkp_page_register .pkp_structure_main,
    body.pkp_page_lostPassword .pkp_structure_main,
    body.pkp_op_login .pkp_structure_main,
    body.pkp_op_register .pkp_structure_main,
    body.pkp_op_lostPassword .pkp_structure_main {
        padding: 24px 20px 28px !important;
        border-radius: 14px !important;
    }

    .pkp_structure_main form,
    .pkp_structure_main form input[type="text"],
    .pkp_structure_main form input[type="email"],
    .pkp_structure_main form input[type="password"],
    .pkp_structure_main form input[type="url"],
    .pkp_structure_main form input[type="tel"],
    .pkp_structure_main form select,
    .pkp_structure_main form textarea {
        max-width: 100% !important;
    }

    body.pkp_page_login .pkp_structure_main h1,
    body.pkp_page_register .pkp_structure_main h1,
    body.pkp_page_lostPassword .pkp_structure_main h1,
    body.pkp_op_login .pkp_structure_main h1,
    body.pkp_op_register .pkp_structure_main h1,
    body.pkp_op_lostPassword .pkp_structure_main h1 {
        font-size: 24px !important;
    }
}

/* =========================================================
   BRINESIA BREADCRUMBS ORNAMENT
   Soft pill + home icon + gold accent
   ========================================================= */

.pkp_structure_main .cmp_breadcrumbs,
.cmp_breadcrumbs {
    position: relative !important;

    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    width: auto !important;
    max-width: 100% !important;

    margin: 0 0 28px !important;
    padding: 9px 14px 9px 18px !important;

    background: linear-gradient(135deg, #f3f7f9 0%, #ffffff 100%) !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 20px rgba(7,24,39,.045) !important;

    color: #6f7d88 !important;
    font-size: 12.5px !important;
    line-height: 1.4 !important;
}

/* Aksen gold kecil di kiri */
.pkp_structure_main .cmp_breadcrumbs::before,
.cmp_breadcrumbs::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;

    width: 4px !important;
    height: 18px !important;
    border-radius: 999px !important;

    background: var(--brj-gold) !important;
    transform: translateY(-50%) !important;
}

/* Kalau breadcrumb berbentuk ol/ul */
.cmp_breadcrumbs ol,
.cmp_breadcrumbs ul {
    display: inline-flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.cmp_breadcrumbs li {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* Link breadcrumb */
.cmp_breadcrumbs a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;

    color: #005f83 !important;
    font-weight: 800 !important;
    text-decoration: none !important;

    transition: color .18s ease, transform .18s ease !important;
}

/* Icon home pada link pertama */
.cmp_breadcrumbs li:first-child a::before {
    content: "\f015" !important;
    font-family: FontAwesome !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    border-radius: 999px !important;
    background: rgba(214,177,74,.18) !important;
    color: #9b710e !important;

    font-size: 9px !important;
    line-height: 1 !important;
}

/* Separator */
.cmp_breadcrumbs li + li::before {
    content: "\f105" !important;
    font-family: FontAwesome !important;
    color: #b4c0c8 !important;
    font-size: 10px !important;
    font-weight: normal !important;
}

/* Hover */
.cmp_breadcrumbs a:hover {
    color: var(--brj-gold-2) !important;
    text-decoration: none !important;
    transform: translateX(1px) !important;
}

/* Item terakhir */
.cmp_breadcrumbs li:last-child,
.cmp_breadcrumbs li:last-child a,
.cmp_breadcrumbs .current {
    color: #4f5e69 !important;
    font-weight: 700 !important;
}

/* Jika breadcrumb default punya separator slash */
.cmp_breadcrumbs .separator {
    display: none !important;
}

/* Mobile */
@media (max-width: 640px) {
    .pkp_structure_main .cmp_breadcrumbs,
    .cmp_breadcrumbs {
        display: flex !important;
        width: 100% !important;
        border-radius: 12px !important;
        padding: 10px 14px 10px 18px !important;
        margin-bottom: 22px !important;
        font-size: 12px !important;
    }
}

/* =========================================================
   BRINESIA HOMEPAGE IMAGE - CLEAN POLISH
   Aman untuk banner horizontal yang sudah jadi desain
   ========================================================= */

body.pkp_page_index .page_index_journal .homepage_image,
body.pkp_page_index .homepage_image {
    position: relative !important;
    display: block !important;
    width: 100% !important;

    margin: 0 0 26px !important;
    padding: 0 !important;

    background: #ffffff !important;
    border: 1px solid #d8e1e8 !important;
    border-radius: 18px !important;
    overflow: hidden !important;

    box-shadow: 0 14px 34px rgba(7, 24, 39, 0.08) !important;
}

/* Aksen gold tipis di atas */
body.pkp_page_index .page_index_journal .homepage_image::before,
body.pkp_page_index .homepage_image::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    z-index: 2 !important;

    background: linear-gradient(
        90deg,
        var(--brj-gold),
        rgba(214, 177, 74, 0.28),
        transparent
    ) !important;
}

/* Lapisan sangat lembut agar nyambung ke tema */
body.pkp_page_index .page_index_journal .homepage_image::after,
body.pkp_page_index .homepage_image::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            180deg,
            rgba(7, 24, 39, 0.04) 0%,
            rgba(7, 24, 39, 0.00) 40%,
            rgba(7, 24, 39, 0.06) 100%
        ) !important;
}

/* Gambar banner */
body.pkp_page_index .page_index_journal .homepage_image img,
body.pkp_page_index .homepage_image img {
    position: relative !important;
    z-index: 0 !important;
    display: block !important;

    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;

    border: 0 !important;
    border-radius: 0 !important;

    transition: transform .35s ease, filter .35s ease !important;
}

/* Hover lembut */
body.pkp_page_index .page_index_journal .homepage_image:hover img,
body.pkp_page_index .homepage_image:hover img {
    transform: scale(1.01) !important;
    filter: saturate(1.03) contrast(1.01) !important;
}

/* Jarak ke section berikutnya */
body.pkp_page_index .homepage_image + .current_issue,
body.pkp_page_index .homepage_image + .additional_content,
body.pkp_page_index .homepage_image + .announcements,
body.pkp_page_index .homepage_image + .homepage_about {
    margin-top: 2px !important;
}

/* Kalau ingin sejajar visual dengan card current issue */
body.pkp_page_index .homepage_image {
    max-width: 100% !important;
}

/* Mobile */
@media (max-width: 768px) {
    body.pkp_page_index .page_index_journal .homepage_image,
    body.pkp_page_index .homepage_image {
        margin-bottom: 20px !important;
        border-radius: 14px !important;
    }

    body.pkp_page_index .page_index_journal .homepage_image::before,
    body.pkp_page_index .homepage_image::before {
        height: 3px !important;
    }
}

/* =========================================================
   BRINESIA ADDITIONAL CONTENT - INDEXED BY GRID FIX v2
   Desktop lebih compact, mobile tetap nyaman
   ========================================================= */

/* Wrapper */
body.pkp_page_index .additional_content {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;

    margin-top: 28px !important;
    padding-top: 22px !important;
    border-top: 1px solid #dbe4ea !important;
}

/* Judul Indexed By */
body.pkp_page_index .additional_content h2 {
    grid-column: 1 / -1 !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #071827 !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
}

body.pkp_page_index .additional_content h2 strong {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    color: inherit !important;
}

/* Table/tbody/tr dibuat transparan agar td jadi grid item */
body.pkp_page_index .additional_content table,
body.pkp_page_index .additional_content tbody,
body.pkp_page_index .additional_content tr {
    display: contents !important;
}

/* Logo card - desktop compact */
body.pkp_page_index .additional_content td {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 58px !important;
    padding: 8px !important;

    background: #ffffff !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 11px !important;
    box-shadow: 0 6px 14px rgba(7,24,39,.035) !important;

    text-align: center !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;

    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

body.pkp_page_index .additional_content td:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(214,177,74,.42) !important;
    box-shadow: 0 10px 20px rgba(7,24,39,.06) !important;
}

/* Link dan logo */
body.pkp_page_index .additional_content td a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 100% !important;

    text-decoration: none !important;
}

body.pkp_page_index .additional_content td img {
    display: block !important;

    width: auto !important;
    height: auto !important;
    max-width: 108px !important;
    max-height: 34px !important;

    object-fit: contain !important;
}

/* Tablet */
@media (max-width: 980px) {
    body.pkp_page_index .additional_content {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.pkp_page_index .additional_content td {
        min-height: 64px !important;
        padding: 9px !important;
    }

    body.pkp_page_index .additional_content td img {
        max-width: 116px !important;
        max-height: 38px !important;
    }
}

/* Mobile: 2 kolom */
@media (max-width: 640px) {
    body.pkp_page_index .additional_content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;

        margin-top: 28px !important;
        padding-top: 22px !important;
    }

    body.pkp_page_index .additional_content h2 {
        margin-bottom: 14px !important;
        font-size: 20px !important;
        font-weight: 850 !important;
    }

    body.pkp_page_index .additional_content td {
        min-height: 70px !important;
        padding: 9px !important;
        border-radius: 13px !important;
    }

    body.pkp_page_index .additional_content td img {
        max-width: 112px !important;
        max-height: 40px !important;
    }
}

/* HP sangat kecil */
@media (max-width: 390px) {
    body.pkp_page_index .additional_content {
        gap: 8px !important;
    }

    body.pkp_page_index .additional_content td {
        min-height: 64px !important;
        padding: 8px !important;
    }

    body.pkp_page_index .additional_content td img {
        max-width: 100px !important;
        max-height: 36px !important;
    }
}

/* =========================================================
   BRINESIA TITLE SIZE REFINEMENT v2
   Hero title dan issue title lebih compact
   ========================================================= */

/* Hero title */
.brj-home-hero__title {
    font-size: clamp(26px, 2.55vw, 40px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.06 !important;
    margin-bottom: 16px !important;
}

/* Hero description ikut sedikit dirapikan */
.brj-home-hero__desc {
    max-width: 760px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
}

/* Badge hero sedikit lebih compact */
.brj-home-hero__badge {
    font-size: 11.5px !important;
    padding: 9px 15px !important;
    letter-spacing: .08em !important;
}

/* Current Issue label */
.current_issue > h2 {
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.018em !important;
    line-height: 1.25 !important;
    margin-bottom: 14px !important;
}

/* Issue title utama */
.current_issue_title {
    font-size: clamp(19px, 1.45vw, 22px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.025em !important;
    line-height: 1.28 !important;
    margin-bottom: 22px !important;
}

/* Heading Articles */
.obj_issue_toc .section h3,
.current_issue .section h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.018em !important;
    line-height: 1.25 !important;
}

/* Mobile */
@media (max-width: 768px) {
    .brj-home-hero__title {
        font-size: clamp(30px, 8vw, 40px) !important;
        line-height: 1.08 !important;
    }

    .brj-home-hero__desc {
        font-size: 14.5px !important;
        line-height: 1.58 !important;
    }

    .current_issue_title {
        font-size: 23px !important;
        line-height: 1.25 !important;
    }

    .current_issue > h2,
    .obj_issue_toc .section h3,
    .current_issue .section h3 {
        font-size: 20px !important;
    }
}

/* =========================================================
   BRINESIA COLOR SIMPLIFICATION
   Kurangi kesan default/biru ramai
   ========================================================= */

:root {
    --brj-navy: #071827;
    --brj-navy-soft: #0b2438;
    --brj-gold: #e1b844;
    --brj-gold-hover: #c8941f;
    --brj-link-muted: #0b5a6c;
    --brj-muted: #657483;
}

/* Link umum: jangan biru default */
.pkp_structure_main a {
    color: var(--brj-link-muted) !important;
    text-decoration: none !important;
}

.pkp_structure_main a:hover,
.pkp_structure_main a:focus {
    color: var(--brj-gold-hover) !important;
    text-decoration: none !important;
}

/* Judul artikel dibuat navy agar tidak ramai */
.obj_article_summary .title a,
.obj_article_summary .title a:link,
.obj_article_summary .title a:visited {
    color: var(--brj-navy-soft) !important;
    text-decoration: none !important;
}

/* Hover judul artikel baru tampil aksen gold */
.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus {
    color: var(--brj-gold-hover) !important;
    text-decoration: none !important;
}

/* DOI tetap terasa sebagai link, tapi lebih kalem */
.obj_article_summary .brj-article-doi a,
.obj_issue_toc .pub_id.doi a {
    color: var(--brj-link-muted) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.obj_article_summary .brj-article-doi a:hover,
.obj_issue_toc .pub_id.doi a:hover {
    color: var(--brj-gold-hover) !important;
}

/* Label DOI jangan terlalu biru */
.obj_article_summary .brj-article-doi span,
.obj_issue_toc .pub_id.doi .type {
    color: var(--brj-muted) !important;
    font-weight: 700 !important;
}

/* Statistik lebih netral */
.obj_article_summary .brj-stat-item {
    color: #3c4c59 !important;
}

.obj_article_summary .brj-stat-item strong {
    color: var(--brj-navy) !important;
    font-weight: 700 !important;
}

/* Icon statistik tetap gold kecil */
.obj_article_summary .brj-stat-item .fa,
.obj_article_summary .brj-stat-item i {
    color: var(--brj-gold-hover) !important;
}

/* Pages dibuat netral */
.obj_article_summary .pages {
    color: #6e7b86 !important;
    font-weight: 700 !important;
}

/* Sidebar link tetap navy, hover gold */
.pkp_structure_sidebar .pkp_block .content a {
    color: var(--brj-navy) !important;
    text-decoration: none !important;
}

.pkp_structure_sidebar .pkp_block .content a:hover {
    color: var(--brj-gold-hover) !important;
}

/* Additional information arrow tetap gold */
#customblock-additional-information .content a::after {
    color: var(--brj-gold-hover) !important;
}

/* =========================================================
   BRINESIA ARTICLE DETAIL PAGE - MODERN CARD POLISH
   Aman: mengikuti struktur default OJS
   ========================================================= */

/* Main article page */
body.pkp_page_article .page_article {
    color: #071827 !important;
}

/* Breadcrumb tetap di atas */
body.pkp_page_article .cmp_breadcrumbs {
    margin-bottom: 22px !important;
}

/* Judul artikel */
body.pkp_page_article .obj_article_details .page_title {
    position: relative !important;

    margin: 0 0 24px !important;
    padding: 0 0 20px 18px !important;

    border-bottom: 1px solid #dbe5eb !important;

    color: #071827 !important;
    font-size: clamp(24px, 2.15vw, 34px) !important;
    font-weight: 700 !important;
    line-height: 1.24 !important;
    letter-spacing: -0.025em !important;
}

/* Aksen emas di kiri judul */
body.pkp_page_article .obj_article_details .page_title::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 4px !important;

    width: 4px !important;
    height: calc(100% - 26px) !important;
    min-height: 34px !important;

    border-radius: 999px !important;
    background: #e1b844 !important;
}

/* Jangan ubah struktur besar row terlalu agresif */
body.pkp_page_article .obj_article_details .row {
    align-items: flex-start !important;
}

/* Hilangkan garis vertikal default yang terlalu kaku */
body.pkp_page_article .obj_article_details .main_entry,
body.pkp_page_article .obj_article_details .entry_details {
    border-color: #e2ebf0 !important;
}

/* =========================================================
   AUTHOR CARDS
   ========================================================= */

body.pkp_page_article .obj_article_details .item.authors {
    margin: 0 0 20px !important;
}

/* Authors dibuat grid 2 kolom: lebih rapi daripada vertikal panjang */
body.pkp_page_article .obj_article_details .item.authors ul.authors {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Card author */
body.pkp_page_article .obj_article_details .item.authors ul.authors > li {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;

    padding: 13px 14px 13px 48px !important;

    background: #ffffff !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 14px !important;
    box-shadow: 0 8px 20px rgba(7,24,39,.04) !important;
    box-sizing: border-box !important;
}

/* Icon user bulat besar */
body.pkp_page_article .obj_article_details .item.authors ul.authors > li::before {
    content: "\f007" !important;
    font-family: FontAwesome !important;

    position: absolute !important;
    left: 14px !important;
    top: 14px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 24px !important;
    height: 24px !important;

    border-radius: 999px !important;
    background: #071827 !important;
    color: #ffffff !important;

    font-size: 11px !important;
    line-height: 1 !important;
}

/* Nama penulis */
body.pkp_page_article .obj_article_details .item.authors .name {
    display: block !important;

    margin: 0 0 5px !important;

    color: #071827 !important;
    font-size: 13.6px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

/* Afiliasi */
body.pkp_page_article .obj_article_details .item.authors .affiliation {
    display: flex !important;
    align-items: flex-start !important;
    gap: 7px !important;

    margin: 0 !important;

    color: #536371 !important;
    font-size: 12.2px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
}

/* Icon institusi */
body.pkp_page_article .obj_article_details .item.authors .affiliation::before {
    content: "\f19c" !important;
    font-family: FontAwesome !important;

    color: #c8941f !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}

/* Sembunyikan kata Author */
body.pkp_page_article .obj_article_details .item.authors .userGroup {
    display: none !important;
}

/* =========================================================
   DOI + KEYWORDS INFO CARDS
   ========================================================= */

body.pkp_page_article .obj_article_details .item.doi,
body.pkp_page_article .obj_article_details .item.keywords {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;

    margin: 0 0 12px !important;
    padding: 13px 15px !important;

    background: #f8fbfc !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 16px rgba(7,24,39,.028) !important;
}

/* Label DOI/Keywords */
body.pkp_page_article .obj_article_details .item.doi .label,
body.pkp_page_article .obj_article_details .item.keywords .label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    flex: 0 0 auto !important;
    min-width: 88px !important;

    margin: 0 !important;

    color: #071827 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}

/* Icon DOI */
body.pkp_page_article .obj_article_details .item.doi .label::before {
    content: "\f0c1" !important;
    font-family: FontAwesome !important;
    color: #c8941f !important;
    font-size: 12px !important;
}

/* Icon keywords */
body.pkp_page_article .obj_article_details .item.keywords .label::before {
    content: "\f02c" !important;
    font-family: FontAwesome !important;
    color: #c8941f !important;
    font-size: 12px !important;
}

/* Value DOI/Keywords */
body.pkp_page_article .obj_article_details .item.doi .value,
body.pkp_page_article .obj_article_details .item.keywords .value {
    color: #263646 !important;
    font-size: 12.8px !important;
    line-height: 1.55 !important;
}

body.pkp_page_article .obj_article_details .item.doi a,
body.pkp_page_article .obj_article_details .item.keywords a {
    color: #075a6f !important;
    text-decoration: none !important;
}

body.pkp_page_article .obj_article_details .item.doi a:hover,
body.pkp_page_article .obj_article_details .item.keywords a:hover {
    color: #c8941f !important;
}

/* =========================================================
   ABSTRACT + REFERENCES AS CARDS
   ========================================================= */

body.pkp_page_article .obj_article_details .item.abstract,
body.pkp_page_article .obj_article_details .item.references {
    margin: 24px 0 0 !important;
    padding: 20px 22px !important;

    background: #ffffff !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 26px rgba(7,24,39,.045) !important;
}

/* Label abstract/references */
body.pkp_page_article .obj_article_details .item.abstract .label,
body.pkp_page_article .obj_article_details .item.references .label {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    margin: 0 0 14px !important;
    padding-left: 13px !important;

    color: #071827 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.015em !important;
}

/* Gold accent before labels */
body.pkp_page_article .obj_article_details .item.abstract .label::before,
body.pkp_page_article .obj_article_details .item.references .label::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 2px !important;

    width: 3px !important;
    height: 22px !important;

    border-radius: 999px !important;
    background: #e1b844 !important;
}

/* Icons in label */
body.pkp_page_article .obj_article_details .item.abstract .label::after {
    content: "\f15c" !important;
    font-family: FontAwesome !important;
    order: -1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 26px !important;
    height: 26px !important;

    margin-left: -13px !important;

    border-radius: 999px !important;
    background: rgba(225,184,68,.16) !important;
    color: #c8941f !important;

    font-size: 12px !important;
}

body.pkp_page_article .obj_article_details .item.references .label::after {
    content: "\f02d" !important;
    font-family: FontAwesome !important;
    order: -1 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 26px !important;
    height: 26px !important;

    margin-left: -13px !important;

    border-radius: 999px !important;
    background: rgba(225,184,68,.16) !important;
    color: #c8941f !important;

    font-size: 12px !important;
}

/* Abstract text */
body.pkp_page_article .obj_article_details .item.abstract p {
    margin: 0 !important;

    color: #1f3142 !important;
    font-size: 13.8px !important;
    line-height: 1.82 !important;
    text-align: justify !important;
}

/* References text */
body.pkp_page_article .obj_article_details .item.references .value {
    color: #1f3142 !important;
    font-size: 13px !important;
    line-height: 1.72 !important;
}

body.pkp_page_article .obj_article_details .item.references .value p {
    margin: 0 0 12px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #edf2f5 !important;
}

body.pkp_page_article .obj_article_details .item.references .value p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

body.pkp_page_article .obj_article_details .item.references a {
    color: #075a6f !important;
    text-decoration: none !important;
}

body.pkp_page_article .obj_article_details .item.references a:hover {
    color: #c8941f !important;
}

/* =========================================================
   RIGHT ENTRY DETAILS PANEL
   ========================================================= */

/* Entry details tetap mengikuti kolom default, hanya dipoles */
body.pkp_page_article .obj_article_details .entry_details {
    padding-left: 22px !important;
}

/* Semua item kanan menjadi card soft */
body.pkp_page_article .obj_article_details .entry_details > .item {
    margin: 0 0 14px !important;
    padding: 15px !important;

    background: #ffffff !important;
    border: 1px solid #dfe7ec !important;
    border-radius: 15px !important;
    box-shadow: 0 8px 20px rgba(7,24,39,.04) !important;
}

/* Cover */
body.pkp_page_article .obj_article_details .entry_details .cover_image {
    text-align: center !important;
}

body.pkp_page_article .obj_article_details .entry_details .cover_image img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 310px !important;
    margin: 0 auto !important;

    border-radius: 12px !important;
    box-shadow: 0 14px 30px rgba(7,24,39,.12) !important;
}

/* PDF button */
body.pkp_page_article .obj_article_details .entry_details .galleys_links {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.pkp_page_article .obj_article_details .entry_details .galleys_links li {
    margin: 0 !important;
}

body.pkp_page_article .obj_article_details .entry_details .obj_galley_link {
    width: 100% !important;
    justify-content: center !important;
}

/* Right labels */
body.pkp_page_article .obj_article_details .entry_details .label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;

    margin: 0 0 8px !important;

    color: #071827 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

/* Right label icons */
body.pkp_page_article .obj_article_details .entry_details .published .label::before {
    content: "\f073" !important;
    font-family: FontAwesome !important;
    color: #c8941f !important;
}

body.pkp_page_article .obj_article_details .entry_details .issue .sub_item:first-child .label::before {
    content: "\f02d" !important;
    font-family: FontAwesome !important;
    color: #c8941f !important;
}

body.pkp_page_article .obj_article_details .entry_details .issue .sub_item:last-child .label::before {
    content: "\f07b" !important;
    font-family: FontAwesome !important;
    color: #c8941f !important;
}

body.pkp_page_article .obj_article_details .entry_details .copyright .label::before {
    content: "\f1f9" !important;
    font-family: FontAwesome !important;
    color: #c8941f !important;
}

/* Right values */
body.pkp_page_article .obj_article_details .entry_details .value,
body.pkp_page_article .obj_article_details .entry_details p {
    color: #263646 !important;
    font-size: 12.7px !important;
    line-height: 1.55 !important;
}

body.pkp_page_article .obj_article_details .entry_details a {
    color: #075a6f !important;
    text-decoration: none !important;
}

body.pkp_page_article .obj_article_details .entry_details a:hover {
    color: #c8941f !important;
}

/* License image */
body.pkp_page_article .obj_article_details .entry_details .copyright img {
    margin: 7px 0 8px !important;
}

/* =========================================================
   REFERENCES COLLAPSE - CSS STATE
   Butuh JS kecil untuk tombol
   ========================================================= */

body.pkp_page_article .item.references {
    position: relative !important;
}

body.pkp_page_article .item.references.brj-ref-collapsed .value {
    position: relative !important;
    max-height: 230px !important;
    overflow: hidden !important;
}

body.pkp_page_article .item.references.brj-ref-collapsed .value::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 74px !important;
    pointer-events: none !important;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,.92) 55%,
        #ffffff 100%
    ) !important;
}

/* Toggle button */
.brj-ref-toggle {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    margin: 14px auto 0 !important;
    padding: 8px 18px !important;

    border: 1px solid #cbd8df !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #071827 !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    cursor: pointer !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease !important;
}

.brj-ref-toggle::after {
    content: "\f107" !important;
    font-family: FontAwesome !important;
    color: #c8941f !important;
    font-size: 12px !important;
}

.brj-ref-toggle:hover {
    background: rgba(225,184,68,.16) !important;
    border-color: rgba(225,184,68,.55) !important;
    color: #071827 !important;
}

/* Saat terbuka */
body.pkp_page_article .item.references:not(.brj-ref-collapsed) .brj-ref-toggle::after {
    content: "\f106" !important;
}

/* =========================================================
   RESPONSIVE ARTICLE DETAIL
   ========================================================= */

@media (max-width: 900px) {
    body.pkp_page_article .obj_article_details .item.authors ul.authors {
        grid-template-columns: 1fr !important;
    }

    body.pkp_page_article .obj_article_details .entry_details {
        padding-left: 0 !important;
    }
}

@media (max-width: 640px) {
    body.pkp_page_article .obj_article_details .page_title {
        padding-left: 14px !important;
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    body.pkp_page_article .obj_article_details .item.doi,
    body.pkp_page_article .obj_article_details .item.keywords {
        flex-direction: column !important;
        gap: 6px !important;
    }

    body.pkp_page_article .obj_article_details .item.doi .label,
    body.pkp_page_article .obj_article_details .item.keywords .label {
        min-width: 0 !important;
    }

    body.pkp_page_article .obj_article_details .item.abstract,
    body.pkp_page_article .obj_article_details .item.references {
        padding: 17px 18px !important;
    }
}

/* =========================================================
   BRINESIA ARTICLE DETAIL - ALIGNMENT FIX
   Hide separator + align main cards
   ========================================================= */

/* Hilangkan separator vertikal default antara main_entry dan entry_details */
body.pkp_page_article .obj_article_details .main_entry,
body.pkp_page_article .obj_article_details .entry_details {
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Kalau separator muncul dari row atau pseudo element */
body.pkp_page_article .obj_article_details .row,
body.pkp_page_article .obj_article_details .row::before,
body.pkp_page_article .obj_article_details .row::after {
    border: 0 !important;
}

/* Rapikan jarak kolom kanan */
body.pkp_page_article .obj_article_details .entry_details {
    padding-left: 20px !important;
}

/* Pastikan semua card utama di kiri punya lebar dan posisi yang sama */
body.pkp_page_article .obj_article_details .main_entry > .item,
body.pkp_page_article .obj_article_details .item.authors,
body.pkp_page_article .obj_article_details .item.doi,
body.pkp_page_article .obj_article_details .item.keywords,
body.pkp_page_article .obj_article_details .item.abstract,
body.pkp_page_article .obj_article_details .item.references {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Authors grid dibuat lurus dengan card-card di bawah */
body.pkp_page_article .obj_article_details .item.authors ul.authors {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Card DOI dan Keywords dibuat satu ukuran dan sejajar */
body.pkp_page_article .obj_article_details .item.doi,
body.pkp_page_article .obj_article_details .item.keywords {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Abstract dan References lurus dengan DOI/Keywords */
body.pkp_page_article .obj_article_details .item.abstract,
body.pkp_page_article .obj_article_details .item.references {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

/* Hilangkan garis separator horizontal default yang terlalu tajam */
body.pkp_page_article .obj_article_details .main_entry > .item,
body.pkp_page_article .obj_article_details .entry_details > .item {
    border-top: 0 !important;
}

/* Jika OJS memberi border pada section item */
body.pkp_page_article .obj_article_details section.item {
    border-top: 0 !important;
}

/* Jarak antar card kiri dibuat konsisten */
body.pkp_page_article .obj_article_details .item.authors {
    margin-bottom: 18px !important;
}

body.pkp_page_article .obj_article_details .item.doi,
body.pkp_page_article .obj_article_details .item.keywords {
    margin-bottom: 10px !important;
}

body.pkp_page_article .obj_article_details .item.abstract {
    margin-top: 18px !important;
}

body.pkp_page_article .obj_article_details .item.references {
    margin-top: 18px !important;
}

/* Card DOI dan Keywords lebih clean */
body.pkp_page_article .obj_article_details .item.doi,
body.pkp_page_article .obj_article_details .item.keywords {
    min-height: 46px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    background: #f9fcfd !important;
    border: 1px solid #dfe7ec !important;
    box-shadow: none !important;
}

/* Abstract dan References card lebih rapi */
body.pkp_page_article .obj_article_details .item.abstract,
body.pkp_page_article .obj_article_details .item.references {
    padding: 18px 20px !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid #dfe7ec !important;
    box-shadow: 0 8px 20px rgba(7,24,39,.035) !important;
}

/* Kanan: card entry details jangan terlalu menempel separator lama */
body.pkp_page_article .obj_article_details .entry_details > .item {
    border-top: 0 !important;
    border-radius: 14px !important;
}

body.pkp_page_article .obj_article_details .main_entry {
    padding-right: 22px !important;
}

body.pkp_page_article .obj_article_details .entry_details {
    padding-left: 22px !important;
}

/* =========================================================
   BRINESIA ARTICLE DETAIL - MAIN CONTENT ALIGN TO TITLE
   DOI, Keywords, Abstract, References sejajar dengan teks title
   ========================================================= */

:root {
    --brj-article-detail-inset: 18px;
}

/* Title artikel tetap punya inset */
body.pkp_page_article .obj_article_details .page_title {
    padding-left: var(--brj-article-detail-inset) !important;
}

/* Reset ul author, tapi tetap ikut offset dari parent */
body.pkp_page_article .obj_article_details .item.authors ul.authors {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* DOI, Keywords, Abstract, References sejajar dengan teks title */
body.pkp_page_article .obj_article_details .item.doi,
body.pkp_page_article .obj_article_details .item.keywords,
body.pkp_page_article .obj_article_details .item.abstract,
body.pkp_page_article .obj_article_details .item.references {
    margin-left: var(--brj-article-detail-inset) !important;
    width: calc(100% - var(--brj-article-detail-inset)) !important;
    box-sizing: border-box !important;
}

/* Jangan ada padding kiri tambahan dari main_entry */
body.pkp_page_article .obj_article_details .main_entry {
    padding-left: 0 !important;
}

/* =========================================================
   BRINESIA ARTICLE DETAIL - ALIGN ONLY CONTENT CARDS
   DOI, Keywords, Abstract, References sejajar title
   Author card tidak ikut kena efek
   ========================================================= */

/* Author tetap normal */
body.pkp_page_article .obj_article_details .item.authors {
    margin-left: 0 !important;
    width: 100% !important;
}

/* DOI, Keywords, Abstract, References saja yang digeser */
body.pkp_page_article .obj_article_details .main_entry > .item.doi,
body.pkp_page_article .obj_article_details .main_entry > .item.keywords,
body.pkp_page_article .obj_article_details .main_entry > .item.abstract,
body.pkp_page_article .obj_article_details .main_entry > .item.references {
    margin-left: 30px !important;
    width: calc(100% - 18px) !important;
    box-sizing: border-box !important;
}

/* =========================================================
   ARTICLE DETAIL ALIGNMENT - DESKTOP ONLY
   DOI, Keywords, Abstract, References sejajar title di desktop
   ========================================================= */

@media (min-width: 769px) {
    body.pkp_page_article .obj_article_details .main_entry > .item.doi,
    body.pkp_page_article .obj_article_details .main_entry > .item.keywords,
    body.pkp_page_article .obj_article_details .main_entry > .item.abstract,
    body.pkp_page_article .obj_article_details .main_entry > .item.references {
        margin-left: 30px !important;
        width: calc(100% - 30px) !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   ARTICLE DETAIL ALIGNMENT - MOBILE RESET
   Semua card dibuat lurus full width di mobile
   ========================================================= */

@media (max-width: 768px) {
    body.pkp_page_article .obj_article_details .main_entry > .item.doi,
    body.pkp_page_article .obj_article_details .main_entry > .item.keywords,
    body.pkp_page_article .obj_article_details .main_entry > .item.abstract,
    body.pkp_page_article .obj_article_details .main_entry > .item.references {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body.pkp_page_article .obj_article_details .item.authors,
    body.pkp_page_article .obj_article_details .item.authors ul.authors,
    body.pkp_page_article .obj_article_details .item.authors ul.authors > li {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* DOI dan Keywords lebih rapi di mobile */
@media (max-width: 768px) {
    body.pkp_page_article .obj_article_details .item.doi,
    body.pkp_page_article .obj_article_details .item.keywords {
        display: block !important;
        padding: 13px 14px !important;
    }

    body.pkp_page_article .obj_article_details .item.doi .label,
    body.pkp_page_article .obj_article_details .item.keywords .label {
        display: flex !important;
        align-items: center !important;
        gap: 7px !important;

        margin: 0 0 6px !important;
        min-width: 0 !important;
    }

    body.pkp_page_article .obj_article_details .item.doi .value,
    body.pkp_page_article .obj_article_details .item.keywords .value {
        display: block !important;
        width: 100% !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }
}

/* =========================================================
   BRINESIA SAFE CLEAN PATCH v0.7.2
   Hero title size final: homepage + all pages
   Tidak mengubah layout Current Issue / article grid / sidebar
   ========================================================= */

/* Desktop/tablet: samakan hero title homepage dan semua laman */
.brj-home-hero__title,
body.pkp_page_index .brj-home-hero__title,
body:not(.pkp_page_index) .brj-home-hero__title,
body.pkp_page_article .brj-home-hero__title,
body.pkp_page_issue .brj-home-hero__title,
body.pkp_page_about .brj-home-hero__title,
body.pkp_page_search .brj-home-hero__title,
body.pkp_page_announcement .brj-home-hero__title,
body.pkp_page_user .brj-home-hero__title,
body.pkp_page_login .brj-home-hero__title {
    font-size: clamp(26px, 2.55vw, 40px) !important;
    font-weight: 700 !important;
    letter-spacing: -0.035em !important;
    line-height: 1.06 !important;
    margin-bottom: 16px !important;
}

/* Deskripsi hero juga dibuat konsisten */
.brj-home-hero__desc,
body.pkp_page_index .brj-home-hero__desc,
body:not(.pkp_page_index) .brj-home-hero__desc,
body.pkp_page_article .brj-home-hero__desc,
body.pkp_page_issue .brj-home-hero__desc,
body.pkp_page_about .brj-home-hero__desc,
body.pkp_page_search .brj-home-hero__desc,
body.pkp_page_announcement .brj-home-hero__desc,
body.pkp_page_user .brj-home-hero__desc,
body.pkp_page_login .brj-home-hero__desc {
    max-width: 760px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.62 !important;
}

/* Badge hero konsisten */
.brj-home-hero__badge,
body.pkp_page_index .brj-home-hero__badge,
body:not(.pkp_page_index) .brj-home-hero__badge {
    font-size: 11.5px !important;
    padding: 9px 15px !important;
    letter-spacing: .08em !important;
    margin-bottom: 16px !important;
}

/* Mobile: samakan juga semua laman */
@media (max-width: 768px) {
    .brj-home-hero__title,
    body.pkp_page_index .brj-home-hero__title,
    body:not(.pkp_page_index) .brj-home-hero__title,
    body.pkp_page_article .brj-home-hero__title,
    body.pkp_page_issue .brj-home-hero__title,
    body.pkp_page_about .brj-home-hero__title,
    body.pkp_page_search .brj-home-hero__title,
    body.pkp_page_announcement .brj-home-hero__title,
    body.pkp_page_user .brj-home-hero__title,
    body.pkp_page_login .brj-home-hero__title {
        font-size: clamp(30px, 8vw, 40px) !important;
        line-height: 1.08 !important;
        margin-bottom: 14px !important;
    }

    .brj-home-hero__desc,
    body.pkp_page_index .brj-home-hero__desc,
    body:not(.pkp_page_index) .brj-home-hero__desc,
    body.pkp_page_article .brj-home-hero__desc,
    body.pkp_page_issue .brj-home-hero__desc,
    body.pkp_page_about .brj-home-hero__desc,
    body.pkp_page_search .brj-home-hero__desc,
    body.pkp_page_announcement .brj-home-hero__desc,
    body.pkp_page_user .brj-home-hero__desc,
    body.pkp_page_login .brj-home-hero__desc {
        font-size: 14.5px !important;
        line-height: 1.58 !important;
    }
}