/* ============================================================
   Custom CSS - Transpublika OJS
   Meniru tampilan defaultManuscript theme
   Warna utama: #004b7b | Aksen: #f7bc4a
   ============================================================ */

/* --- Body & Page Container --- */
html, body {
    background: #ddd;
    font-family: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
}

.pkp_structure_page {
    margin: 0 auto;
    max-width: 1160px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

@media (min-width: 1200px) {
    .pkp_structure_page {
        margin-top: 2.143rem;
        margin-bottom: 2.143rem;
    }
}

/* --- Header / Site Name Wrapper --- */
.pkp_structure_head {
    background-color: #004b7b;
    border-bottom: 1px solid #ddd;
}

.pkp_site_name_wrapper {
    background: #004b7b;
    padding-left: 2.143rem;
    padding-right: 2.143rem;
}

.pkp_site_name .is_text {
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
}

@media (min-width: 992px) {
    .pkp_site_name {
        width: 75%;
        margin-left: 0;
        padding-top: 1.071rem;
        padding-bottom: 1.071rem;
    }
    .pkp_site_name .is_text {
        font-size: 1.285rem;
    }
}

/* --- Mobile Navigation Menu --- */
.pkp_site_nav_menu {
    background: #004b7b;
}

/* --- Navigation Primary Bar (Desktop) --- */
@media (min-width: 992px) {
    .pkp_navigation_primary_row {
        background: #004b7b;
        padding-left: 2.143rem;
        padding-right: 2.143rem;
    }
}

.pkp_navigation_primary_wrapper {
    width: auto;
}

#navigationPrimary a {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .93rem;
    font-weight: 700;
    text-transform: uppercase;
}

#navigationPrimary > li > a {
    padding-bottom: 6px;
    border-bottom-width: 4px;
}

#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
    border-color: #004b7b;
}

#navigationPrimary > [aria-haspopup] > a:hover,
#navigationPrimary > [aria-haspopup] > a:focus {
    border-color: transparent;
}

#navigationPrimary [aria-expanded="true"]:before {
    border-bottom-color: #004b7b;
}

@media (min-width: 992px) {
    #navigationPrimary a {
        color: #fff;
    }
    #navigationPrimary a:hover,
    #navigationPrimary a:focus {
        color: #f7bc4a;
        border-color: #f7bc4a;
    }
    #navigationPrimary ul {
        background: #004b7b;
    }
    #navigationPrimary ul a {
        color: #fff;
    }
    #navigationPrimary ul a:hover,
    #navigationPrimary ul a:focus {
        color: #f7bc4a;
        border-color: transparent;
    }
}

/* --- Navigation Search Wrapper --- */
.pkp_navigation_search_wrapper a {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .93rem;
    font-weight: 700;
    text-transform: uppercase;
}

@media (min-width: 992px) {
    .pkp_navigation_search_wrapper a {
        padding-bottom: 6px;
        border-bottom-width: 4px;
        color: #fff;
    }
    .pkp_navigation_search_wrapper a:hover,
    .pkp_navigation_search_wrapper a:focus {
        color: #f7bc4a;
        border-color: #f7bc4a;
    }
}

/* --- Navigation User Wrapper --- */
.pkp_navigation_user_wrapper a {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .93rem;
    font-weight: 700;
}

@media (min-width: 992px) {
    .pkp_navigation_user_wrapper {
        top: 13px;
        right: 0;
        left: auto;
        width: 25%;
        transform: none;
        padding-right: 2.143rem;
    }
    .pkp_navigation_user_wrapper a {
        color: rgba(0,0,0,0.54);
    }
    .pkp_navigation_user_wrapper ul a:hover,
    .pkp_navigation_user_wrapper ul a:focus {
        border-color: #004b7b;
    }
    .pkp_navigation_user_wrapper .pkp_navigation_user {
        margin-right: 0;
        padding-right: 0;
        width: auto;
    }
    .pkp_navigation_user > li > a {
        color: #fff;
    }
}

/* --- Buttons & Galley Links --- */
.cmp_manuscript_button,
.block_make_submission a,
.obj_galley_link {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background: #004b7b;
    color: #fff;
    border: none;
}

.cmp_manuscript_button:hover,
.cmp_manuscript_button:focus,
.block_make_submission a:hover,
.block_make_submission a:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
    background: #f7bc4a;
    color: #fff;
}

/* --- Breadcrumbs --- */
.cmp_breadcrumbs {
    padding: 2.143rem 0;
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .93rem;
    color: rgba(0,0,0,0.54);
    text-transform: uppercase;
}

.cmp_breadcrumbs > ol {
    padding: 0;
    margin: 0;
}

.cmp_breadcrumbs .current {
    text-transform: none;
}

.cmp_breadcrumbs .current h1 {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cmp_breadcrumbs .separator {
    padding: 0 .1em;
    opacity: 0.3;
}

/* --- Pagination --- */
.cmp_pagination {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.cmp_pagination a {
    font-weight: 700;
    text-transform: uppercase;
}

.cmp_pagination .prev:before {
    content: "\f053";
}

.cmp_pagination .next:after {
    content: "\f054";
}

/* --- Announcements --- */
.cmp_announcements {
    border: none;
}

.cmp_announcements > li {
    border-bottom: none;
}

.cmp_announcements .obj_announcement_summary h2,
.cmp_announcements .obj_announcement_summary h3,
.cmp_announcements .obj_announcement_summary h4,
.cmp_announcements .date,
.cmp_announcements .read_more {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .93rem;
    font-weight: 700;
}

.cmp_announcements .read_more {
    text-transform: uppercase;
}

.cmp_announcements .date {
    font-weight: 400;
}

.cmp_announcements .date:before {
    color: #f7bc4a;
}

/* --- Notification --- */
.cmp_notification {
    background: #fff;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* --- Sidebar Block Titles --- */
.pkp_block .title {
    display: inline-block;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #f7bc4a;
    font-weight: 700;
    text-transform: uppercase;
}

/* --- Structure: remove default borders, reset padding --- */
.pkp_structure_main:before,
.pkp_structure_main:after {
    display: none;
}

.pkp_structure_content {
    padding-top: 0;
}

@media (min-width: 992px) {
    .pkp_structure_sidebar:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 300px;
        border-left: 1px solid #ddd;
    }
    .pkp_structure_sidebar > * {
        position: relative;
    }
}

/* --- Footer --- */
.pkp_structure_footer_wrapper {
    background: rgba(0,0,0,0.05);
    border-top: 1px solid #ddd;
    border-bottom: 1.43rem solid #004b7b;
}

/* --- Homepage Image --- */
.pkp_page_index .homepage_image {
    margin-top: -1px;
}

/* --- Homepage Announcements --- */
.pkp_page_index .cmp_announcements {
    border: none;
}

@media (min-width: 768px) {
    .pkp_page_index .cmp_announcements > .more:before,
    .pkp_page_index .cmp_announcements > .obj_announcement_summary:before {
        display: none;
    }
}

@media (min-width: 992px) {
    .pkp_page_index .cmp_announcements h2 + .obj_announcement_summary,
    .pkp_page_index .cmp_announcements .more {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .pkp_page_index .cmp_announcements .more .obj_announcement_summary {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 1.43rem;
    }
    .pkp_page_index .cmp_announcements .more .obj_announcement_summary:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .pkp_page_index .cmp_announcements {
        border-bottom: 1px solid #ddd;
    }
    .pkp_page_index .cmp_announcements > .more:before,
    .pkp_page_index .cmp_announcements > .obj_announcement_summary:before {
        display: block;
    }
}

/* --- Homepage Current Issue --- */
.pkp_page_index .current_issue h2 {
    display: inline-block;
    padding-bottom: 0.5em;
    border-bottom: 3px solid #f7bc4a;
    text-transform: uppercase;
    font-weight: 700;
    color: rgba(0,0,0,0.54);
}

.pkp_page_index .current_issue .current_issue_title {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 1.143rem;
}

.pkp_page_index .current_issue .sections {
    margin-top: 1.43rem;
}

.pkp_page_index .current_issue .read_more {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

/* --- No-sidebar layout --- */
.pkp_structure_main:first-child:last-child .cmp_announcements {
    border-bottom: none;
}

.pkp_structure_main:first-child:last-child .cmp_announcements > .more:before,
.pkp_structure_main:first-child:last-child .cmp_announcements > .obj_announcement_summary:before {
    display: none;
}

.pkp_structure_main:first-child:last-child .additional_content {
    border-top: none;
}

/* --- Issue Archive --- */
.page_issue_archive .issues_archive,
.page_issue_archive .issues_archive > li {
    border: none;
}

/* --- Search Page --- */
.page_search .search_advanced {
    margin-top: .714rem;
}

.page_search .search_advanced > legend {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

/* --- Announcement Page --- */
.page_announcement {
    margin-top: 2.143rem;
}

/* --- PDF Header View --- */
.header_view {
    background: #004b7b;
    color: #fff;
}

.header_view .title {
    color: #fff;
}

.header_view .title:hover,
.header_view .title:focus {
    background: #004b7b;
    color: #fff;
    text-decoration: underline;
}

/* --- Issue TOC --- */
.obj_issue_toc .heading .pub_id,
.obj_issue_toc .heading .published {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: .93rem;
}

.obj_issue_toc .heading .pub_id .type,
.obj_issue_toc .heading .published .label {
    font-weight: 700;
    color: rgba(0,0,0,0.54);
    text-transform: uppercase;
}

.obj_issue_toc > .galleys,
.obj_issue_toc .section {
    margin: 0;
    padding: 0;
    border: none;
}

.obj_issue_toc > .galleys:before,
.obj_issue_toc .section:before {
    display: none;
}

.obj_issue_toc > .galleys h2,
.obj_issue_toc .section h2 {
    position: relative;
    display: inline-block;
    top: auto;
    left: auto;
    padding: 0 0 .357rem;
    border-bottom: 3px solid #f7bc4a;
    background: transparent;
    text-transform: uppercase;
    font-weight: 700;
}

.obj_issue_toc .galleys_links li {
    margin-bottom: 0.5em;
}

.obj_issue_toc .pages {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.obj_issue_toc .cover img {
    margin-left: auto;
    margin-right: auto;
}

/* --- Article Details --- */
.obj_article_details .main_entry .label {
    display: inline-block;
    padding: 0 0 .357rem;
    border-bottom: 3px solid #f7bc4a;
    color: rgba(0,0,0,0.54);
    text-transform: uppercase;
}

.obj_article_details .main_entry .doi .label,
.obj_article_details .main_entry .keywords .label {
    display: inline;
    padding: 0;
    border: none;
    text-transform: none;
}

.obj_article_details .row,
.obj_article_details .main_entry,
.obj_article_details .entry_details {
    border: none;
}

.obj_article_details .author_bios .sub_item .label {
    border-bottom: none;
    text-transform: none;
}

.obj_article_details .entry_details {
    margin-left: 0;
    margin-right: 0;
}

.obj_article_details .entry_details .label {
    font-weight: 700;
    text-transform: uppercase;
}

.obj_article_details .entry_details .item {
    margin: 2.143rem 0;
    padding: 0;
    border-bottom: none;
    border-radius: 3px;
    background: rgba(0,0,0,0.05);
    box-shadow: 0 0 1px rgba(0,0,0,0.4);
}

.obj_article_details .entry_details .item > .label,
.obj_article_details .entry_details .sub_item:first-child > .label {
    padding: .5em 1.43rem;
    background: #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.obj_article_details .entry_details .item > .value,
.obj_article_details .entry_details .sub_item .value {
    padding: 1.43rem;
    border-radius: 3px;
}

.obj_article_details .entry_details .sub_item:not(:first-child) .label {
    display: inline-block;
    padding: .5em 0;
    margin: 0 1.43rem;
    border-bottom: 3px solid #f7bc4a;
}

.obj_article_details .entry_details .item.galleys {
    box-shadow: none;
}

.obj_article_details .entry_details .item.copyright {
    background: transparent;
    box-shadow: none;
}

@media (min-width: 768px) {
    .obj_article_details .entry_details {
        width: 240px;
        margin-left: 30px;
    }
}

/* --- Issue Summary & Authors --- */
.obj_issue_summary .series,
.obj_article_details .authors,
.obj_article_details .doi {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.obj_article_details .orcid a,
.obj_article_details .doi a {
    color: rgba(0,0,0,0.87);
    text-decoration: none;
}

.obj_article_details .orcid a:hover,
.obj_article_details .doi a:hover,
.obj_article_details .orcid a:focus,
.obj_article_details .doi a:focus {
    color: #4b7d92;
    text-decoration: underline;
}

.obj_article_details .authors li {
    margin-bottom: 1.43rem;
}

/* --- Galley Link Restricted --- */
.obj_galley_link.restricted {
    border-color: #ddd;
    background: #ddd;
    color: rgba(0,0,0,0.54);
}

.obj_galley_link.restricted:before {
    color: rgba(0,0,0,0.54);
}

.obj_galley_link.restricted:hover,
.obj_galley_link.restricted:focus {
    background: rgba(0,0,0,0.54);
}