/* =========================================================
   ALTIANKA REPOSITORY — V6 SOFT HARMONY
   OJS 3.4.x / Manuscript Child Theme
   ---------------------------------------------------------
   Focus:
   - softer, less rigid visual design
   - academic digital-library appearance
   - blue + soft sky + subtle warm accent
   - background image support
   - compact catalog
   - desktop detail: content left / sidebar right
   - mobile: stacked layout
   - Google Scholar safe: bibliographic HTML remains visible
   ========================================================= */

/* =========================================================
   1. DESIGN TOKENS
   ========================================================= */
:root {
    --altianka-navy: #173f6d;
    --altianka-blue: #1769c2;
    --altianka-blue-bright: #2384e8;
    --altianka-sky: #eaf5ff;
    --altianka-sky-2: #f5faff;
    --altianka-gold: #d9a441;
    --altianka-text: #31465d;
    --altianka-muted: #71839a;
    --altianka-border: #dbe8f4;
    --altianka-white: rgba(255,255,255,.94);
    --altianka-shadow: 0 8px 28px rgba(28,75,120,.07);
}

/* =========================================================
   2. GLOBAL / SOFT BACKGROUND
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--altianka-text);
    background-color: #edf6fd !important;

    /*
     * Background image is decorative only.
     * It does not alter article metadata or HTML content.
     */
    background-image:
        linear-gradient(
            rgba(242,248,253,.78),
            rgba(242,248,253,.78)
        ),
        url("https://altianka.id/assets/bg-rp.png") !important;
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;

    font-family:
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Helvetica,
        Arial,
        sans-serif;
    font-size: 15px;
    line-height: 1.65;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
}

a {
    color: var(--altianka-blue);
    text-decoration: none;
}

a:hover,
a:focus {
    color: var(--altianka-navy);
    text-decoration: none;
}

/* Main OJS shell remains readable over the background */
.pkp_structure_page {
    background: rgba(255,255,255,.88) !important;
    box-shadow: 0 0 45px rgba(23,63,109,.08);
}

/* Keep content background light but not excessively boxed */
.pkp_structure_content {
    background: transparent !important;
}

.pkp_structure_main {
    background: rgba(255,255,255,.90);
}

/* =========================================================
   3. HEADER / FULL-WIDTH IMAGE
   ========================================================= */

.pkp_structure_head {
    width: 100%;
    margin: 0;
    padding: 0;
    background: rgba(255,255,255,.95);
    border-bottom: 1px solid var(--altianka-border);
}

.pkp_structure_head .pkp_head_wrapper {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.pkp_structure_head .pkp_site_name {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.pkp_structure_head .pkp_site_name .is_img {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.pkp_structure_head .pkp_site_name .is_img img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
    max-height: none !important;
    margin: 0 !important;
    padding: 0;
    border: 0;
    border-radius: 0;
    object-fit: cover;
    object-position: center center;
}

/* =========================================================
   4. NAVIGATION — CLEAN / LIGHT
   ========================================================= */

.pkp_navigation {
    background: rgba(255,255,255,.93);
    border-top: 1px solid rgba(219,232,244,.75);
    border-bottom: 1px solid var(--altianka-border);
}

.pkp_navigation_primary_wrapper {
    max-width: 1180px;
    margin: 0 auto;
}

.pkp_navigation_primary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pkp_navigation_primary > li {
    margin: 0;
    list-style: none;
}

.pkp_navigation_primary > li > a {
    display: block;
    padding: 12px 17px;
    color: var(--altianka-text);
    font-size: 14px;
    font-weight: 600;
    border-bottom: 2px solid transparent;
    transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: var(--altianka-blue);
    background: rgba(234,245,255,.72);
    border-bottom-color: var(--altianka-gold);
}

/* =========================================================
   5. SEARCH
   ========================================================= */

.pkp_search {
    margin-bottom: 12px;
}

.pkp_search input,
.pkp_search input[type="text"],
.pkp_search input[type="search"] {
    border: 1px solid var(--altianka-border);
    border-radius: 9px;
    background: rgba(255,255,255,.95);
    color: var(--altianka-text);
    box-shadow: 0 2px 10px rgba(28,75,120,.04);
}

.pkp_search input:focus,
.pkp_search input[type="text"]:focus,
.pkp_search input[type="search"]:focus {
    border-color: #9fc8ef;
    box-shadow: 0 0 0 3px rgba(35,132,232,.10);
    outline: none;
}

/* =========================================================
   6. MAIN PAGE
   ========================================================= */

.pkp_structure_main {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 20px 55px;
    box-sizing: border-box;
}

.page_title {
    margin-top: 0;
    margin-bottom: 22px;
    color: var(--altianka-navy);
    font-size: 28px;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -.25px;
}

/* =========================================================
   7. CURRENT ISSUE — LESS BOXED
   ========================================================= */

.current_issue {
    background: rgba(255,255,255,.90);
    border: 1px solid var(--altianka-border);
    border-radius: 14px;
    padding: 25px 28px 28px;
    margin-bottom: 25px;
    box-shadow: var(--altianka-shadow);
}

.current_issue .page_title {
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 24px;
}

.issue_description {
    color: var(--altianka-muted);
}

/* =========================================================
   8. CATALOG / BOOK LIST
   ========================================================= */

.articles {
    margin-top: 18px;
}

.articles > h2 {
    position: relative;
    margin: 0 0 8px;
    padding: 0 0 12px;
    color: var(--altianka-navy);
    font-size: 20px;
    font-weight: 700;
}

.articles > h2::after {
    content: "";
    display: block;
    width: 42px;
    height: 3px;
    margin-top: 8px;
    background: var(--altianka-gold);
    border-radius: 4px;
}

.obj_issue_toc .section {
    margin-top: 0;
}

.obj_issue_toc .section > h2 {
    margin: 0;
    padding: 10px 14px;
    background: rgba(245,250,255,.78);
    border: 0;
    border-left: 3px solid var(--altianka-blue);
    border-radius: 5px;
    color: var(--altianka-navy);
    font-size: 17px;
    font-weight: 650;
}

/* Catalog rows — no covers and no heavy cards */
.obj_article_summary {
    position: relative;
    display: block;
    margin: 0;
    padding: 18px 12px 17px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    list-style: none;
    transition: background-color .18s ease, padding-left .18s ease;
}

.obj_article_summary + .obj_article_summary {
    border-top: 1px solid rgba(219,232,244,.90);
}

.obj_article_summary:hover {
    background: rgba(234,245,255,.46);
    box-shadow: none;
    transform: none;
    padding-left: 17px;
}

.obj_article_summary::before,
.obj_article_summary .cover {
    display: none !important;
}

/* Title */
.obj_article_summary .title,
.obj_article_summary > .title {
    margin: 0 0 5px;
    padding: 0;
    line-height: 1.42;
}

.obj_article_summary .title a,
.obj_article_summary > .title a {
    display: block;
    color: var(--altianka-navy);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.42;
}

.obj_article_summary .title a:hover,
.obj_article_summary .title a:focus {
    color: var(--altianka-blue);
    text-decoration: none;
}

/* Subtitle / translated title */
.obj_article_summary .subtitle {
    color: var(--altianka-muted);
    font-size: 14px;
    line-height: 1.5;
}

/* Authors */
.obj_article_summary .authors {
    margin: 0 0 6px;
    color: #5f7287;
    font-size: 14px;
    line-height: 1.5;
}

.obj_article_summary .authors::before {
    content: "\f0c0";
    font-family: "FontAwesome";
    margin-right: 7px;
    color: var(--altianka-blue);
    font-size: 12px;
}

/* Pages / DOI */
.obj_article_summary .pages,
.obj_article_summary .doi_summary {
    color: var(--altianka-muted);
    font-size: 13px;
    line-height: 1.5;
}

/* =========================================================
   9. PDF BUTTON — SIMPLE, NOT 3D
   ========================================================= */

.obj_article_summary .galleys,
.obj_article_summary > .galleys {
    margin: 8px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
}

.obj_article_summary .galleys_links,
.obj_article_summary > .galleys_links {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.obj_article_summary .galleys_links a,
.obj_article_summary .obj_galley_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    padding: 7px 13px;
    background: var(--altianka-blue);
    color: #fff !important;
    border: 1px solid var(--altianka-blue);
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
    box-shadow: 0 2px 7px rgba(23,105,194,.16);
    transition: background .18s ease, transform .18s ease;
}

.obj_article_summary .galleys_links a:hover,
.obj_article_summary .obj_galley_link:hover {
    background: var(--altianka-navy);
    border-color: var(--altianka-navy);
    transform: translateY(-1px);
}

/* =========================================================
   10. DETAIL PAGE
   ========================================================= */

.obj_article_details {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    background: rgba(255,255,255,.94);
    border: 1px solid var(--altianka-border);
    border-radius: 14px;
    padding: 32px;
    box-shadow: var(--altianka-shadow);
}

.obj_article_details .page_title {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 12px;
    color: var(--altianka-navy);
    font-size: 29px;
    font-weight: 750;
    line-height: 1.28;
    overflow-wrap: break-word;
}

.obj_article_details .subtitle {
    color: var(--altianka-muted);
    font-size: 16px;
    line-height: 1.55;
}

.obj_article_details .authors {
    margin-top: 18px;
}

.obj_article_details .authors .name {
    color: var(--altianka-navy);
}

.obj_article_details .item,
.obj_article_details .keywords,
.obj_article_details .abstract,
.obj_article_details .entry_details {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word;
}

/* Abstract */
.obj_article_details .abstract {
    margin-top: 25px;
    padding-top: 24px;
    border-top: 1px solid var(--altianka-border);
    line-height: 1.78;
}

.obj_article_details .abstract h2 {
    margin-top: 0;
    color: var(--altianka-navy);
    font-size: 20px;
}

/* Keywords */
.item.keywords {
    margin-top: 20px;
}

.item.keywords .value a {
    display: inline-block;
    margin: 3px 4px 3px 0;
    padding: 4px 10px;
    background: var(--altianka-sky);
    color: var(--altianka-blue);
    border: 1px solid #d7eafb;
    border-radius: 20px;
    font-size: 13px;
}

/* =========================================================
   11. GALLEY / PDF DETAIL
   ========================================================= */

.obj_article_details .galleys {
    max-width: 100%;
    margin-top: 25px;
    padding: 20px;
    background: var(--altianka-sky-2);
    border: 1px solid var(--altianka-border);
    border-radius: 10px;
    box-sizing: border-box;
}

.obj_article_details .galleys h2 {
    margin-top: 0;
    color: var(--altianka-navy);
    font-size: 19px;
}

.obj_article_details .galleys_links a,
.obj_article_details .obj_galley_link,
.obj_article_details .pdf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 16px;
    background: var(--altianka-blue) !important;
    color: #fff !important;
    border: 1px solid var(--altianka-blue) !important;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 2px 7px rgba(23,105,194,.15);
}

.obj_article_details .galleys_links a:hover,
.obj_article_details .obj_galley_link:hover,
.obj_article_details .pdf:hover {
    background: var(--altianka-navy) !important;
    border-color: var(--altianka-navy) !important;
}

/* =========================================================
   12. DETAIL SIDEBAR — DESKTOP RIGHT
   ========================================================= */

@media (min-width: 769px) {

    .pkp_structure_content {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        max-width: 1180px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    .pkp_structure_content .pkp_structure_main {
        display: block !important;
        position: relative !important;
        float: none !important;
        width: calc(100% - 313px) !important;
        max-width: calc(100% - 313px) !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 28px 28px 45px 20px !important;
        box-sizing: border-box !important;
    }

    .pkp_structure_content .pkp_structure_sidebar {
        display: block !important;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        width: 285px !important;
        max-width: 285px !important;
        min-width: 285px !important;
        height: auto !important;
        float: none !important;
        clear: none !important;
        margin: 0 !important;
        padding: 28px 20px 35px 0 !important;
        box-sizing: border-box !important;
        z-index: 5 !important;
        overflow: visible !important;
    }
}

/* =========================================================
   13. SIDEBAR BLOCKS — SOFT, NOT 3D
   ========================================================= */

.pkp_structure_sidebar,
.pkp_structure_sidebar > *,
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .block {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    background: rgba(255,255,255,.91) !important;
    border: 1px solid var(--altianka-border) !important;
    border-radius: 10px !important;
    box-shadow: 0 5px 18px rgba(28,75,120,.055) !important;
    overflow: hidden !important;
}

.pkp_structure_sidebar .title,
.pkp_structure_sidebar .block_title {
    display: block;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 15px !important;
    background: linear-gradient(
        90deg,
        rgba(234,245,255,.95),
        rgba(248,252,255,.95)
    ) !important;
    border-bottom: 1px solid var(--altianka-border) !important;
    border-left: 3px solid var(--altianka-blue) !important;
    color: var(--altianka-navy) !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    box-sizing: border-box;
}

.pkp_structure_sidebar .content {
    background: transparent !important;
}

/* Sidebar links */
.pkp_structure_sidebar a {
    color: var(--altianka-blue) !important;
}

.pkp_structure_sidebar a:hover,
.pkp_structure_sidebar a:focus {
    color: var(--altianka-navy) !important;
}

/* =========================================================
   14. HOW TO CITE — SAFE WRAPPING
   ========================================================= */

.citation_display,
.citation_display *,
.citation_display a,
.pkp_structure_sidebar .citation,
.pkp_structure_sidebar .citation *,
.pkp_structure_sidebar .block_citation,
.pkp_structure_sidebar .block_citation *,
.pkp_structure_sidebar .citation_formats,
.pkp_structure_sidebar .citation_formats * {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-wrap: break-word !important;
}

.citation_display {
    padding: 14px 15px !important;
    color: var(--altianka-text) !important;
    font-size: 13px;
    line-height: 1.65;
    overflow-x: hidden !important;
}

.citation_display a {
    color: var(--altianka-blue) !important;
    word-break: break-all !important;
}

.pkp_structure_sidebar .citation_formats {
    overflow: hidden !important;
}

.pkp_structure_sidebar .citation_formats ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.pkp_structure_sidebar .citation_formats li {
    border-top: 1px solid #e7eef6;
}

.pkp_structure_sidebar .citation_formats a {
    display: block !important;
    padding: 8px 15px !important;
}

/* =========================================================
   15. PUBLISHED / ISSUE / SECTION
   ========================================================= */

.pkp_structure_sidebar .item {
    padding: 13px 15px !important;
    margin: 0 !important;
    border-bottom: 1px solid #edf2f7;
}

.pkp_structure_sidebar .item:last-child {
    border-bottom: 0;
}

.pkp_structure_sidebar .item .label {
    display: block;
    margin-bottom: 3px;
    color: var(--altianka-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.pkp_structure_sidebar .item .value {
    color: var(--altianka-navy);
    overflow-wrap: anywhere !important;
}

/* =========================================================
   16. FOOTER
   ========================================================= */

.pkp_structure_footer_wrapper,
.pkp_footer {
    background: #173f6d !important;
    border-top: 0 !important;
}

.pkp_structure_footer {
    max-width: 1180px;
    color: #dce9f5;
    padding: 30px 20px;
}

.pkp_structure_footer a {
    color: #fff;
}

/* Hide OJS/PKP platform branding only.
   Does not affect article metadata. */
.pkp_brand_footer,
.pkp_footer .pkp_brand_footer,
.pkp_footer .pkp_brand_footer a,
.pkp_footer .pkp_brand_footer img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

.pkp_footer .pkp_brand_footer {
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================
   17. SCHOLAR-SAFE RULE
   ---------------------------------------------------------
   Do NOT hide:
   - title
   - authors
   - publication date
   - abstract
   - keywords
   - DOI
   - PDF / galley links
   - OJS bibliographic metadata
   ========================================================= */

/* =========================================================
   18. ACCESSIBILITY
   ========================================================= */

.obj_article_summary a:focus-visible,
.obj_galley_link:focus-visible,
.pkp_navigation_primary a:focus-visible {
    outline: 3px solid rgba(35,132,232,.28);
    outline-offset: 2px;
}

/* =========================================================
   19. MOBILE
   ========================================================= */

@media (max-width: 768px) {

    body {
        background-attachment: scroll !important;
        background-position: center top !important;
    }

    .pkp_structure_page {
        background: rgba(255,255,255,.93) !important;
    }

    .pkp_structure_head .pkp_site_name .is_img img {
        width: 100% !important;
        max-width: none !important;
        height: auto;
        max-height: none !important;
    }

    .pkp_navigation_primary {
        display: block;
    }

    .pkp_navigation_primary > li > a {
        padding: 10px 14px;
    }

    .pkp_structure_content {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    .pkp_structure_content .pkp_structure_main {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 20px 15px 30px !important;
        box-sizing: border-box !important;
    }

    .pkp_structure_content .pkp_structure_sidebar {
        position: static !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 15px 30px !important;
        box-sizing: border-box !important;
    }

    .current_issue {
        padding: 20px 17px 22px;
        border-radius: 11px;
    }

    .obj_article_summary {
        padding: 15px 5px 14px;
    }

    .obj_article_summary:hover {
        padding-left: 8px;
    }

    .obj_article_summary .title a {
        font-size: 16px;
    }

    .obj_article_summary .authors {
        font-size: 13px;
    }

    .obj_article_details {
        padding: 22px 18px;
        border-radius: 11px;
    }

    .obj_article_details .page_title {
        font-size: 23px;
    }

    .obj_article_details .galleys {
        padding: 16px;
    }

    .pkp_structure_sidebar .pkp_block,
    .pkp_structure_sidebar .block {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 480px) {

    body {
        font-size: 14px;
    }

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

    .current_issue {
        padding: 17px 13px 20px;
    }

    .obj_article_details {
        padding: 18px 14px;
    }

    .obj_article_details .page_title {
        font-size: 21px;
    }

    .obj_article_summary {
        padding-left: 2px;
        padding-right: 2px;
    }
}


/* =========================================================
   V7 DETAIL FIX
   ---------------------------------------------------------
   Detail page:
   LEFT  = title / authors / keywords / abstract
   RIGHT = PDF / Published / Issue / Section / How to Cite
   ---------------------------------------------------------
   The OJS HTML structure keeps these elements in:
   .main_entry  +  .entry_details
   inside the article .row.
   This is presentation-only; no bibliographic metadata
   is removed or hidden.
   ========================================================= */

/* Desktop: split the actual article detail into two columns */
@media (min-width: 769px) {

    .obj_article_details > .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 300px !important;
        column-gap: 32px !important;
        align-items: start !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Neutralize old Bootstrap/OJS float/width behavior */
    .obj_article_details > .row::before,
    .obj_article_details > .row::after {
        display: none !important;
        content: none !important;
    }

    /* LEFT: title-related content, authors, keywords, abstract */
    .obj_article_details > .row > .main_entry {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 0 30px !important;
        box-sizing: border-box !important;
    }

    /* RIGHT: PDF + publication metadata + citation */
    .obj_article_details > .row > .entry_details {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 0 30px !important;
        box-sizing: border-box !important;
        align-self: start !important;
    }

    /* PDF area becomes the first item on the right */
    .obj_article_details > .row > .entry_details .item.galleys {
        margin: 0 0 16px !important;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .label {
        display: none !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .value {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        list-style: none !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links li {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links a,
    .obj_article_details > .row > .entry_details .item.galleys .obj_galley_link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-width: 105px !important;
        padding: 10px 18px !important;
        margin: 0 !important;
        background: var(--altianka-blue) !important;
        color: #fff !important;
        border: 1px solid var(--altianka-blue) !important;
        border-radius: 7px !important;
        box-shadow: 0 3px 10px rgba(23,105,194,.15) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-decoration: none !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links a:hover,
    .obj_article_details > .row > .entry_details .item.galleys .obj_galley_link:hover {
        background: var(--altianka-navy) !important;
        border-color: var(--altianka-navy) !important;
    }

    /* Metadata cards on right */
    .obj_article_details > .row > .entry_details > .item {
        width: 100% !important;
        margin: 0 0 14px !important;
        padding: 0 !important;
        background: rgba(248,251,254,.92) !important;
        border: 1px solid var(--altianka-border) !important;
        border-radius: 9px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    .obj_article_details > .row > .entry_details > .item > .label {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 11px 14px !important;
        background: linear-gradient(
            90deg,
            #edf6ff 0%,
            #f8fbff 100%
        ) !important;
        border: 0 !important;
        border-bottom: 1px solid var(--altianka-border) !important;
        color: var(--altianka-navy) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: .35px !important;
        text-transform: uppercase !important;
        box-sizing: border-box !important;
    }

    .obj_article_details > .row > .entry_details > .item > .value {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 12px 14px !important;
        color: var(--altianka-text) !important;
        line-height: 1.55 !important;
        box-sizing: border-box !important;
        overflow-wrap: anywhere !important;
    }

    /* How to Cite: keep the entire citation inside the right column */
    .obj_article_details > .row > .entry_details .item.citation,
    .obj_article_details > .row > .entry_details #citationOutput,
    .obj_article_details > .row > .entry_details .csl-bib-body,
    .obj_article_details > .row > .entry_details .csl-entry,
    .obj_article_details > .row > .entry_details .citation_formats {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-wrap: break-word !important;
    }

    .obj_article_details > .row > .entry_details .csl-entry a {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        word-break: break-all !important;
    }

    /* Do not let the right column become excessively tall-looking */
    .obj_article_details > .row > .entry_details .item:last-child {
        margin-bottom: 0 !important;
    }

    /* Main/abstract typography */
    .obj_article_details > .row > .main_entry .item.abstract {
        margin-top: 24px !important;
        padding-top: 22px !important;
        border-top: 1px solid var(--altianka-border) !important;
        line-height: 1.78 !important;
    }

    .obj_article_details > .row > .main_entry .item.abstract .value {
        color: var(--altianka-text) !important;
    }

    .obj_article_details > .row > .main_entry .item.keywords {
        margin-top: 20px !important;
    }

    /* Keep all article text inside its own column */
    .obj_article_details > .row > .main_entry *,
    .obj_article_details > .row > .entry_details * {
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   V7 MOBILE
   ---------------------------------------------------------
   On small screens the two columns become one column.
   This keeps PDF and metadata accessible without squeezing
   the abstract.
   ========================================================= */

@media (max-width: 768px) {

    .obj_article_details > .row {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .obj_article_details > .row::before,
    .obj_article_details > .row::after {
        display: none !important;
        content: none !important;
    }

    .obj_article_details > .row > .main_entry,
    .obj_article_details > .row > .entry_details {
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        float: none !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .obj_article_details > .row > .main_entry {
        padding: 0 0 22px !important;
    }

    .obj_article_details > .row > .entry_details {
        padding: 0 0 20px !important;
    }

    .obj_article_details > .row > .entry_details .item {
        width: 100% !important;
        margin-bottom: 12px !important;
        box-sizing: border-box !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys {
        margin-bottom: 14px !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links a {
        min-width: 100px !important;
    }
}


/* =========================================================
   V7: KEEP SCHOLAR-RELEVANT CONTENT IN THE HTML
   ========================================================= */

/*
   These rules only change presentation.
   No title, author, abstract, publication date, keywords,
   citation metadata, or PDF link is removed from the HTML.
*/
.obj_article_details .main_entry,
.obj_article_details .entry_details {
    overflow-wrap: break-word;
}

.obj_article_details .entry_details a {
    overflow-wrap: anywhere;
}


/* =========================================================
   V8 — COMPACT RIGHT DETAIL PANEL
   ---------------------------------------------------------
   Perbaikan dari V7:
   - kolom kanan diperkecil
   - kartu Published/Issue/How to Cite lebih ramping
   - tombol PDF lebih kecil
   - ruang abstrak kiri diperluas
   - tetap responsif dan Scholar-safe
   ========================================================= */

@media (min-width: 769px) {

    .obj_article_details > .row {
        grid-template-columns: minmax(0, 1fr) 235px !important;
        column-gap: 24px !important;
    }

    .obj_article_details > .row > .main_entry {
        min-width: 0 !important;
    }

    .obj_article_details > .row > .entry_details {
        width: 235px !important;
        max-width: 235px !important;
        min-width: 235px !important;
        padding: 0 0 24px !important;
        margin: 0 !important;
    }

    /* PDF — compact */
    .obj_article_details > .row > .entry_details .item.galleys {
        margin: 0 0 12px !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links a,
    .obj_article_details > .row > .entry_details .item.galleys .obj_galley_link {
        min-width: 0 !important;
        width: auto !important;
        padding: 8px 14px !important;
        border-radius: 6px !important;
        font-size: 13px !important;
        line-height: 1.25 !important;
        box-shadow: 0 2px 7px rgba(23,105,194,.12) !important;
    }

    /* Metadata cards — compact */
    .obj_article_details > .row > .entry_details > .item {
        width: 235px !important;
        max-width: 235px !important;
        margin: 0 0 10px !important;
        border-radius: 7px !important;
    }

    .obj_article_details > .row > .entry_details > .item > .label {
        padding: 8px 11px !important;
        font-size: 10.5px !important;
        line-height: 1.25 !important;
        letter-spacing: .25px !important;
    }

    .obj_article_details > .row > .entry_details > .item > .value {
        padding: 9px 11px !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    /* Issue card internal spacing */
    .obj_article_details > .row > .entry_details > .item .sub_item {
        margin-top: 7px !important;
        padding-top: 0 !important;
    }

    .obj_article_details > .row > .entry_details > .item .sub_item .label {
        padding: 5px 0 !important;
        margin: 0 !important;
        width: auto !important;
        font-size: 10.5px !important;
    }

    /* Citation remains readable but compact */
    .obj_article_details > .row > .entry_details .csl-entry,
    .obj_article_details > .row > .entry_details #citationOutput {
        font-size: 11.5px !important;
        line-height: 1.45 !important;
    }

    .obj_article_details > .row > .entry_details .citation_formats {
        font-size: 11.5px !important;
    }
}

/* Very wide screens: don't let the metadata panel grow again */
@media (min-width: 1200px) {
    .obj_article_details > .row {
        grid-template-columns: minmax(0, 1fr) 235px !important;
    }

    .obj_article_details > .row > .entry_details,
    .obj_article_details > .row > .entry_details > .item {
        width: 235px !important;
        max-width: 235px !important;
        min-width: 235px !important;
    }
}

/* Mobile remains full width */
@media (max-width: 768px) {
    .obj_article_details > .row > .entry_details,
    .obj_article_details > .row > .entry_details > .item {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links a {
        padding: 9px 15px !important;
        font-size: 13px !important;
    }
}


/* =========================================================
   V10 — CENTERED RIGHT DETAIL PANEL
   ---------------------------------------------------------
   Published / Issue / Section / How to Cite labels and
   metadata values are centered for a cleaner, balanced
   sidebar. Citation text itself remains left-aligned for
   normal citation readability.
   ========================================================= */

@media (min-width: 769px) {

    /* PDF button centered */
    .obj_article_details > .row > .entry_details .item.galleys .galleys_links {
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links li {
        display: inline-block !important;
        text-align: center !important;
    }

    /* Published / Issue / Section labels */
    .obj_article_details > .row > .entry_details > .item > .label {
        text-align: center !important;
    }

    /* Metadata values */
    .obj_article_details > .row > .entry_details > .item > .value {
        text-align: center !important;
    }

    /* Issue / Section internal labels */
    .obj_article_details > .row > .entry_details > .item .sub_item {
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details > .item .sub_item .label {
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details > .item .sub_item .value {
        text-align: center !important;
    }

    /* Issue and section links */
    .obj_article_details > .row > .entry_details > .item .value a,
    .obj_article_details > .row > .entry_details > .item .sub_item .value a {
        text-align: center !important;
    }

    /* HOW TO CITE heading centered */
    .obj_article_details > .row > .entry_details .item.citation > .label,
    .obj_article_details > .row > .entry_details .citation > .label {
        text-align: center !important;
    }

    /* Keep actual citation text left-aligned and readable */
    .obj_article_details > .row > .entry_details .csl-entry,
    .obj_article_details > .row > .entry_details #citationOutput,
    .obj_article_details > .row > .entry_details .citation_display {
        text-align: left !important;
    }
}

/* Mobile: keep metadata centered as well */
@media (max-width: 768px) {

    .obj_article_details > .row > .entry_details > .item > .label {
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details > .item > .value {
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details > .item .sub_item,
    .obj_article_details > .row > .entry_details > .item .sub_item .label,
    .obj_article_details > .row > .entry_details > .item .sub_item .value {
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links {
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details .item.citation > .label,
    .obj_article_details > .row > .entry_details .citation > .label {
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details .csl-entry,
    .obj_article_details > .row > .entry_details #citationOutput,
    .obj_article_details > .row > .entry_details .citation_display {
        text-align: left !important;
    }
}


/* =========================================================
   V11 — PDF BUTTON FULL SIDEBAR WIDTH
   ---------------------------------------------------------
   PDF block dibuat selebar kartu Published / Issue / Section
   agar seluruh panel kanan terlihat konsisten.
   ========================================================= */

@media (min-width: 769px) {

    /* PDF container mengikuti lebar sidebar */
    .obj_article_details > .row > .entry_details .item.galleys {
        width: 235px !important;
        max-width: 235px !important;
        box-sizing: border-box !important;
    }

    /* Link PDF memenuhi seluruh lebar blok */
    .obj_article_details > .row > .entry_details .item.galleys .galleys_links,
    .obj_article_details > .row > .entry_details .item.galleys .galleys_links li {
        width: 100% !important;
        box-sizing: border-box !important;
        display: block !important;
        text-align: center !important;
    }

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links a,
    .obj_article_details > .row > .entry_details .item.galleys .obj_galley_link {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        padding: 10px 14px !important;
        border-radius: 7px !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
}

@media (max-width: 768px) {

    .obj_article_details > .row > .entry_details .item.galleys .galleys_links,
    .obj_article_details > .row > .entry_details .item.galleys .galleys_links li,
    .obj_article_details > .row > .entry_details .item.galleys .galleys_links a,
    .obj_article_details > .row > .entry_details .item.galleys .obj_galley_link {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}