/* =====================================
   CLEAN SAGE STYLE HEADER FOR OJS
===================================== */

/* HEADER WRAPPER */

#headerNavigationContainer{

    position: sticky;

    top: 0;

    z-index: 9999;

    background: #f3f4f6 !important;

    border-bottom: 1px solid #e5e5e5;
}

/* NAVBAR */

.navbar{

    min-height: 56px !important;

    margin-bottom: 0 !important;

    border: none !important;

    background: transparent !important;
}

/* REMOVE EXTRA SPACE */

.navbar-default{

    border: none !important;

    box-shadow: none !important;
}

/* CONTAINER */

#headerNavigationContainer .container-fluid{

    padding-top: 0 !important;

    padding-bottom: 0 !important;
}

/* TITLE */

.pkp_site_name a,
.navbar-brand{

    color: #6b0000 !important;

    font-weight: 600 !important;

    font-size: 28px !important;

    text-decoration: none !important;

    line-height: 56px;
}

/* LOGO */

.pkp_site_name img{

    max-height: 42px;

    width: auto;
}

/* MAIN MENU */

.navbar-default .navbar-nav > li > a{

    color: #222 !important;

    background: transparent !important;

    padding-top: 18px !important;

    padding-bottom: 18px !important;

    font-weight: 500;
}

/* HOVER */

.navbar-default .navbar-nav > li > a:hover{

    color: #0066cc !important;

    background: transparent !important;
}

/* OPEN MENU FIX */

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{

    background: #f3f4f6 !important;

    color: #222 !important;
}

/* DROPDOWN */

.dropdown-menu{

    background: #ffffff !important;

    border: 1px solid #ddd !important;

    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* DROPDOWN LINK */

.dropdown-menu > li > a{

    color: #222 !important;

    background: #fff !important;
}

/* DROPDOWN HOVER */

.dropdown-menu > li > a:hover{

    background: #f5f5f5 !important;

    color: #0066cc !important;
}

/* MOBILE MENU */

.navbar-collapse{

    background: #f3f4f6 !important;
}

/* MOBILE BUTTON */

.navbar-toggle{

    margin-top: 10px;

    border-color: #bbb !important;

    background: #fff !important;
}

/* ICON */

.navbar-toggle .icon-bar{

    background: #222 !important;
}

/* MOBILE */

@media (max-width:768px){

    .pkp_site_name a{

        font-size: 22px !important;

        line-height: 52px;
    }

    .navbar{

        min-height: 52px !important;
    }

    .navbar-default .navbar-nav > li > a{

        padding-top: 12px !important;

        padding-bottom: 12px !important;
    }
}

/* FOOTER */
.footer{
    background:#fFfFfF !important;
    padding:12px 0 !important;
    background-image:none !important;
}

/* WRAPPER */
.sage-footer{
    width:100%;
    background:#fffff;
    font-family:Arial,sans-serif;
}

/* TOP */
.sage-footer-top{
    display:flex;
    justify-content:space-between;
    gap:60px;
    padding:12px 0 !important;
    border-bottom:1px solid #d9d9d9;
}

/* COLUMN */
.sage-col{
    flex:1;
}

/* TITLE */
.sage-col h3{
    color:#002b7f;
    font-size:18px;
    margin-bottom:20px;
    font-weight:700;
}

/* LINKS */
.sage-col a{
    display:block;
    color:#333;
    text-decoration:none;
    margin-bottom:8px; /* dibuat lebih rapat */
    font-size:14px;   /* diperkecil */
    line-height:1.5;
}

/* TEXT */
.sage-col p{
    font-size:14px;
    line-height:1.8;
    margin-bottom:6px;
}

/* SPACING */
.space20{
    height:10px;
}

/* BOTTOM */
.sage-footer-bottom{
    padding:12px 0 !important;
}

/* BOTTOM LINKS */
.sage-bottom-links{
    margin-bottom:15px;
}

.sage-bottom-links a{
    color:#333;
    text-decoration:none;
    margin-right:18px;
    font-size:13px; /* diperkecil */
}

/* COPYRIGHT */
.sage-copy{
    font-size:13px;
    color:#333;
    line-height:1.7;
}

/* MOBILE */
@media(max-width:768px){

.sage-footer-top{
    flex-direction:column;
    padding:12px 0 !important;
    gap:30px;
}

.sage-footer-bottom{
    padding:12px 0 !important;
}

.sage-bottom-links a{
    display:block;
    margin-bottom:8px;
}

}

/* HAPUS SEMUA BACKGROUND & GAMBAR FOOTER */

footer[role="contentinfo"],
footer[role="contentinfo"] * {
    background-image: none !important;
}

footer[role="contentinfo"] img {
    display: none !important;
}


footer small.pull-right{
    visibility:hidden !important;
    height:0 !important;
}

/* ===== FOOTER FULL WIDTH FIX ===== */

footer .container{
    width:100% !important;
    max-width:100% !important;
}

footer .col-md-10{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
}

/* ===== FOOTER CONTENT ===== */

.sage-footer{
    padding:0 60px;
    box-sizing:border-box;
}

.sage-footer-top{
    display:flex;
    justify-content:space-between;
    gap:60px;
    flex-wrap:wrap;
}

.sage-col{
    flex:1 1 250px;
    min-width:0;
}

/* ===== MOBILE ===== */

@media(max-width:768px){

.sage-footer{
    padding:0 20px;
}

.sage-footer-top{
    gap:30px;
}

}

/* Background navbar login/register */
.user_navigation,
.user_navigation .container,
.user_navigation .row {
    background: #d9edf7 !important;
    background-image: none !important;
    min-height: 20px !important;
}

.pkp_structure_footer_wrapper,
.pkp_structure_footer{
    width:100% !important;
    max-width:100% !important;
}

/* Tulisan login/register */
#navigationUser li a {
    font-size: 11px !important;
    line-height: 20px !important;
    color: #000000 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 768px) {
    .or-spacer,
    .or-spacer .mask,
    .or-spacer:before,
    .or-spacer:after {
        display: none !important;
    }
}



/* Accordion */
.custom-accordion {
    border: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
}

/* Header default */
.custom-accordion summary {
    background: #fff;
    color: #0b2a7a;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    position: relative;
    border-left: 6px solid #001f78;
}

/* Saat dibuka */
.custom-accordion[open] summary {
    background: #001f78;
    color: #fff;
    border-left: 6px solid #001f78;
}

/* Hilangkan icon default */
.custom-accordion summary::-webkit-details-marker {
    display: none;
}

/* Panah */
.custom-accordion summary::after {
    content: "⌄";
    position: absolute;
    right: 20px;
    top: 16px;
    font-size: 24px;
}

/* Saat dibuka */
.custom-accordion[open] summary::after {
    content: "⌃";
    color: #fff;
}

/* Isi */
.accordion-content {
    padding: 25px;
    font-size: 16px;
    line-height: 1.8;
    background: #fff;
}



.submit-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    background: #f5f5f5;
    padding: 24px;
    border-radius: 4px;
    margin: 20px 0;
}

/* Icon */
.submit-icon {
    width: 42px;
    height: 42px;
    border: 2px solid #e63946;
    color: #e63946;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    font-weight: bold;
    flex-shrink: 0;
}

/* Teks */
.submit-content {
    flex: 1;
}

.submit-content h3 {
    margin: 0 0 10px;
    font-size: 20px;
    color: #333;
}

.submit-content p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #444;
}

/* Tombol */
.submit-button a {
    background: #001f78;
    color: #fff;
    text-decoration: none;
    padding: 16px 28px;
    border-radius: 4px;
    font-weight: 600;
    display: inline-block;
}

/* Responsive mobile */
@media (max-width: 768px) {

    .submit-box {
        flex-direction: column;
        align-items: flex-start;
    }

    .submit-button {
        width: 100%;
    }

    .submit-button a {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
}



/* =========================
   REMOVE DEFAULT OJS STYLE
========================= */

#customblock-journal-information,
#customblock-journal-information .content{
    padding:0 !important;
    margin:0 !important;
    background:none !important;
    box-shadow:none !important;
    border:none !important;
}

/* =========================
   RESET OJS LI SPACE
========================= */

.pkp_block ul li{
    margin:0 !important;
    padding:0 !important;

    border:none !important;
    box-shadow:none !important;

    min-height:0 !important;
    height:auto !important;

    line-height:0 !important;
}

/* =========================
   JOURNAL INFO BOX
========================= */

.journal-info-box{
    background:#fff;
    width:100%;
    max-width:420px;

    border:1px solid #f5f5f5;
    border-radius:14px;

    padding:0;
    margin:16px auto;

    overflow:hidden;

    box-shadow:
    0 4px 14px rgba(0,0,0,.06),
    0 1px 3px rgba(0,0,0,.04) !important;
}

/* =========================
   TITLE
========================= */

.journal-info-box h3{
    margin:0;
    padding:12px 24px 12px;

    border-bottom:1px solid #e3e3e3;

    font-size:16px;
    font-weight:600;
    line-height:1.2;

    color:#0b2f99;
    text-align:left;
}

/* =========================
   LIST
========================= */

.journal-info-box ul{
    list-style:none;

    margin:0;
    padding:0;
}

/* =========================
   ITEM
========================= */

.journal-info-box li{
    margin:0 !important;
    padding:0 !important;

    display:flex;

    border:none !important;
    box-shadow:none !important;

    line-height:0 !important;
}

/* =========================
   LINK
========================= */

.journal-info-box li a{

    flex:1;

    display:flex;
    align-items:center;

    width:100%;

    min-height:38px;

    padding:0 18px 0 18px;

    font-size:14px;
    font-weight:400;

    line-height:1.2 !important;

    color:#222;
    text-decoration:none;

    border-left:3px solid transparent;

    box-sizing:border-box;

    transition:
        background .15s ease,
        border-color .15s ease,
        color .15s ease;
}

/* =========================
   HOVER
========================= */

.journal-info-box li a:hover{
    background:#dfefff;
    border-left:3px solid #0b6cff;
    color:#0b2f99;
}

/* =========================
   ACTIVE MENU
========================= */

.journal-info-box li.active a{
    background:#dfefff;
    border-left:3px solid #0b6cff;
    color:#0b2f99;

    text-decoration:underline;
}

/* =========================
   MOBILE
========================= */

@media (max-width:768px){

    .journal-info-box{
        max-width:100%;
        border-radius:12px;
        margin:12px 0;
    }

    .journal-info-box h3{
        font-size:16px;
        padding:12px 18px 10px;
    }

    .journal-info-box li a{

        min-height:36px;

        font-size:14px;

        padding:0 16px 0 12px;
    }
}



/* REMOVE BLACK OUTLINE ON CLICK */

a:focus,
a:active,
a:focus-visible,
button:focus,
button:active,
button:focus-visible{
    outline:none !important;
    box-shadow:none !important;
}



/* =====================================================
   SAGE STYLE SECTION
===================================================== */

/* =========================
   SECTION
========================= */

.sage-section{
    margin:40px 0;
}

/* =========================
   TITLE
========================= */

.sage-title{

    margin:0 0 18px;

    font-size:20px;
    font-weight:400;

    color:#0d2b7e;
}

/* =========================
   GRID
========================= */

.sage-grid{

    display:grid;

    grid-template-columns:
        repeat(3, 1fr);

    gap:20px;
}

/* =====================================================
   CARD
===================================================== */

.sage-card{

    background:#fff;

    border:1px solid #dcdcdc;

    border-radius:6px;

    overflow:hidden;

    transition:.2s ease;

    height:100%;
}

.sage-card:hover{

    box-shadow:
        0 4px 14px rgba(0,0,0,.06);
}

/* =========================
   IMAGE AREA
========================= */

.sage-image{

    background:#ffd3e3;

    height:170px;

    overflow:hidden;
}

.sage-image img{

    width:100%;
    height:100%;

    object-fit:cover;

    display:block;
}

/* =========================
   CONTENT
========================= */

.sage-content{

    padding:20px 24px 16px;
}

/* =========================
   TITLE
========================= */

.sage-content h3{

    margin:0 0 18px;

    text-align:center;

    font-size:16px;
    font-weight:400;

    line-height:1.5;

    color:#333;
}

/* pink divider */

.sage-divider{

    width:70px;
    height:2px;

    background:#ff2d8d;

    margin:0 auto 18px;
}

/* =========================
   PARAGRAPH
========================= */

.sage-content p{

    margin:0 0 14px;

    font-size:14px;

    line-height:1.8;

    color:#333;
}

/* =========================
   BULLET LIST
========================= */

.sage-content ul{

    margin:0 0 20px 16px;

    padding:0;
}

.sage-content li{

    margin-bottom:12px;

    font-size:14px;

    line-height:1.7;

    color:#333;
}

/* =========================
   BUTTON
========================= */

.sage-button{

    display:block;

    text-align:center;

    border:1px solid #213c9a;

    border-radius:4px;

    padding:10px 14px;

    font-size:12px;
    font-weight:600;

    color:#213c9a;

    text-decoration:none;

    transition:.2s ease;
}

.sage-button:hover{

    background:#213c9a;

    color:#fff;
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width:992px){

    .sage-grid{

        grid-template-columns:
            repeat(2, 1fr);
    }
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width:768px){

    .sage-grid{

        grid-template-columns:1fr;

        gap:18px;
    }

    .sage-image{

        height:150px;
    }

    .sage-content{

        padding:18px;
    }

    .sage-content h3{

        font-size:16px;
    }

    .sage-content p,
    .sage-content li{

        font-size:14px;
    }
}

/* =========================
   ACTIVE LINKS
========================= */

.sage-links{

    margin:0 0 20px 16px;

    padding:0;
}

.sage-links li{

    margin-bottom:12px;

    font-size:14px;

    line-height:1.7;
}

.sage-links li a{

    color:#1f5fbf;

    text-decoration:underline;

    transition:color .2s ease;
}

.sage-links li a:hover{

    color:#0d2b7e;
}


/* ========================================
   FIX MOBILE CURRENT ISSUE BUTTON
======================================== */

.current_issue .read-more{

    float:none !important;

    display:inline-block;

    margin:15px 0 25px;
}

/* mobile */

@media (max-width:768px){

    .current_issue .read-more{

        display:block;

        width:100%;

        text-align:center;

        margin:15px 0 25px;
    }
}


/* =====================================
   FINAL COLOR FIX
===================================== */

/* DROPDOWN MENU */

.dropdown-menu{

    background:#ffffff !important;

    border:1px solid #ddd !important;
}

.dropdown-menu > li > a{

    color:#222 !important;

    background:#fff !important;
}

.dropdown-menu > li > a:hover{

    background:#f5f5f5 !important;

    color:#0066cc !important;
}

/* LOGIN & REGISTER HOVER */

.pkp_navigation_user_wrapper a:hover,
.pkp_navigation_user a:hover{

    color:#0066cc !important;
}

/* SITE TITLE HOVER */

.pkp_site_name a:hover,
.navbar-brand:hover{

    color:#8b0000 !important;
}

/* =====================================
   ALIGN SITE TITLE
===================================== */

.pkp_site_name{

    display:flex;

    align-items:center;

    height:52px;
}

.pkp_site_name a,
.navbar-brand{

    line-height: normal !important;

    display:flex;

    align-items:center;

    height:52px;

    padding:0 !important;

    margin:0 !important;
}

#customblock-browse-journal {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

#customblock-browse-journal .content {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Hapus garis tipis */
#customblock-browse-journal .list-group,
#customblock-browse-journal .list-group-item {
    border: none !important;
}

/* =========================================
CALLS FOR PAPERS
FINAL CLEAN VERSION
========================================= */

.psci-cfp-section{
    background:#efefef;
    padding:50px 0;
    box-sizing:border-box;

    position:relative;
    left:50%;
    right:50%;

    margin-left:-50vw;
    margin-right:-50vw;

    width:100vw;
}

.psci-cfp-header{
    margin-bottom:28px;
}

.psci-cfp-line{
    width:18px;
    height:4px;
    background:#222;
    margin-bottom:12px;
}

.psci-cfp-header h2{
    font-size:19px;
    font-weight:700;
    color:#111;
    margin:0;
    line-height:1.2;
}

.psci-cfp-grid{
    display:flex;
    gap:16px;
    flex-wrap:wrap;
}

.psci-cfp-card{
    background:#fff;
    padding:22px 24px;
    flex:1 1 300px;
    min-width:0;
    box-sizing:border-box;
}

.psci-cfp-card h3{
    font-size:13px;
    line-height:1.5;
    margin:0 0 10px;
    color:#111;
    font-weight:700;
}

.psci-cfp-card p{
    font-size:12px;
    line-height:1.55;
    color:#333;
    margin-bottom:8px;
}

/* metadata */

.psci-cfp-editor,
.psci-cfp-deadline{
    font-size:11px !important;
    line-height:1.5;
    color:#555;
}

.psci-cfp-deadline{
    margin-bottom:0;
}

/* bottom link */

.psci-cfp-bottom{
    margin-top:16px;
}

.psci-cfp-bottom a{
    display:inline-flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:#111;
    font-size:13px;
    font-weight:500;
}

/* blue icon box */

.psci-cfp-icon{
    width:40px;
    height:40px;
    background:#005ea8;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    line-height:1;
    flex-shrink:0;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:768px){

.psci-cfp-section{
    padding:34px 0;
}

.psci-cfp-inner{
    padding:0 12px 10px;
}

.psci-cfp-grid{
    gap:16px;
}

.psci-cfp-card{
    padding:18px;
}

.psci-cfp-header h2{
    font-size:17px;
}

.psci-cfp-card h3{
    font-size:12px;
}

.psci-cfp-card p{
    font-size:11px;
    line-height:1.5;
}

.psci-cfp-editor,
.psci-cfp-deadline{
    font-size:10px !important;
}

.psci-cfp-bottom a{
    font-size:12px;
}

.psci-cfp-icon{
    width:36px;
    height:36px;
    font-size:20px;
}

}

.sage-footer{
    background:#fff;
    position:relative;
    z-index:2;
}

.sage-footer::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    height:100%;
    background:#fff;
    z-index:-1;
}

.psci-cfp-inner{
    max-width:1200px;
    margin:0 auto;
    padding:0 40px 20px;
    box-sizing:border-box;
}

/* jarak bawah header/menu */
header.navbar {
    margin-bottom: 25px !important;
}

/* breadcrumb abu */
.pkp_breadcrumbs {
    background: #f5f5f5;
    padding: 12px 18px;
    border-radius: 4px;
}

/* heading halaman */
.page h1 {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 30px;
}

/* Current Issue */
.current_issue h2{
    font-size:16px;
}

/* Vol issue */
.current_issue .current_issue_title{
    font-size:15px;
}

/* ==========================
   POLICYSCI TABS
========================== */

.psci-tabs{
    margin:30px 0;
}

.psci-tabs-wrapper{
    position:relative;
}

.psci-tabs-scroll{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}

.psci-tabs-scroll::-webkit-scrollbar{
    height:4px;
}

.psci-tabs .nav-tabs{

    display:flex;

    flex-wrap:nowrap;

    min-width:max-content;

    margin:0;

    padding:0;

    border-bottom:1px solid #ddd;

    white-space:nowrap;
}

.psci-tabs .nav-tabs > li{

    flex:0 0 auto;

    float:none !important;

    list-style:none;
}

.psci-tabs .nav-tabs > li > a{

    display:block;

    padding:14px 22px;

    border:none;

    background:transparent;

    color:#555;

    text-decoration:none;

    white-space:nowrap;
}

.psci-tabs .nav-tabs > li > a:hover{

    background:#f8f9fa;

    color:#0b2f89;
}

.psci-tabs .nav-tabs > li.active > a,
.psci-tabs .nav-tabs > li.active > a:hover,
.psci-tabs .nav-tabs > li.active > a:focus{

    background:#f3f4f6;

    color:#0b2f89;

    font-weight:600;

    border:none;

    border-bottom:3px solid #0b2f89;
}

/* PANAH */

.tab-arrow-item{

    display:none;
}

.tab-arrow-item a{

    color:#0b2f89 !important;

    font-size:22px;

    font-weight:bold;

    padding-left:10px !important;

    padding-right:10px !important;
}

/* CONTENT */

.psci-tabs .tab-content{

    padding:25px 0;
}

/* MOBILE */

@media (max-width:768px){

    .psci-tabs .nav-tabs > li > a{

        padding:12px 16px;

        font-size:14px;
    }

    .tab-arrow-item{

        display:block;
    }

}