/* =====================================================
   JSKM SIDEBAR THEME v4
   Designed for OJS 3.4
====================================================== */


/* =====================================================
   BLOCK
====================================================== */

#customblock-quick-menu{

    margin-bottom:24px;

}


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

#customblock-quick-menu > h2{

    display:block !important;

    margin:0;

    padding:16px 20px;

    background:#2F5DAA;

    color:#fff;

    font-size:17px;

    font-weight:700;

    border-radius:8px 8px 0 0;

}


#customblock-quick-menu > .content{

    border:1px solid #E5EAF3;

    border-top:none;

    border-radius:0 0 8px 8px;

    overflow:hidden;

    background:#fff;

}


/* =====================================================
   DETAILS
====================================================== */

#customblock-quick-menu details{

    border-bottom:1px solid #EEF2F7;

}

#customblock-quick-menu details:last-child{

    border-bottom:none;

}


/* =====================================================
   SUMMARY
====================================================== */

#customblock-quick-menu summary{

    list-style:none;

    cursor:pointer !important;

    user-select:none;

    position:relative;

    padding:15px 20px;

    font-size:14px;

    font-weight:700;

    color:#2F5DAA;

    background:#FAFBFD;

    transition:.25s;

}


/* remove marker */

#customblock-quick-menu summary::-webkit-details-marker{

    display:none;

}

#customblock-quick-menu summary::marker{

    display:none;

}


/* arrow */

#customblock-quick-menu summary::after{

    content:"▸";

    position:absolute;

    right:18px;

    top:50%;

    transform:translateY(-50%);

    color:#2F5DAA;

    transition:.25s;

}


/* open */

#customblock-quick-menu details[open] summary{

    background:#F4F8FF;

    border-left:4px solid #2F5DAA;

    padding-left:16px;

}


#customblock-quick-menu details[open] summary::after{

    transform:translateY(-50%) rotate(90deg);

}


/* hover */

#customblock-quick-menu summary:hover{

    background:#EEF5FF;

}


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

#customblock-quick-menu .jskm-link{

    margin:0;

}


#customblock-quick-menu .jskm-link a{

    display:block;

    position:relative;

    padding:11px 20px 11px 42px;

    text-decoration:none;

    color:#49566B !important;

    border-top:1px solid #F2F4F8;

    transition:.2s;

}


/* bullet */

#customblock-quick-menu .jskm-link a::before{

    content:"›";

    position:absolute;

    left:22px;

    color:#A0AEC4;

    font-size:16px;

}


/* external */

#customblock-quick-menu .jskm-link a[target="_blank"]::after{

    content:"↗";

    margin-left:6px;

    color:#A8B5C8;

    font-size:11px;

}


/* hover */

#customblock-quick-menu .jskm-link a:hover{

    background:#F8FBFF;

    color:#2F5DAA !important;

    padding-left:46px;

}


#customblock-quick-menu .jskm-link a:hover::before{

    color:#2F5DAA;

}


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

@media (max-width:1200px){

.pkp_structure_sidebar{

    max-width:260px;

}

}

@media (max-width:992px){

.pkp_structure_sidebar{

    max-width:100%;

    width:100%;

    margin-top:30px;

}

}

@media(max-width:768px){

.jskm-about,
.jskm-about tbody,
.jskm-about tr,
.jskm-about td{

    display:block;

    width:100%;

}

.jskm-cover-cell{

    padding-right:0;

    margin-bottom:20px;

}

#customblock-quick-menu summary{

    padding:14px 16px;

}

#customblock-quick-menu .jskm-link a{

    padding:10px 16px 10px 36px;

}

}

#customblock-quick-menu .jskm-sidebar-title{

    background:#2F5DAA;

    color:#fff;

    padding:16px 20px;

    font-size:17px;

    font-weight:700;

    border-radius:8px 8px 0 0;

}

/* ======================================
   LANGUAGE & INFORMATION
====================================== */

.pkp_block.block_language,
.pkp_block.block_information{

    border:1px solid #E5EAF3 !important;

    border-radius:8px !important;

    overflow:hidden;

    background:#fff;

    margin-bottom:24px;

}

/* HEADER */

.pkp_block.block_language h2.title,
.pkp_block.block_information h2.title{

    margin:0 !important;

    padding:16px 20px !important;

    background:#2F5DAA !important;

    color:#FFFFFF !important;

    font-size:15px !important;

    font-weight:700 !important;

    border:none !important;

    line-height:1.4;

}

/* Sidebar mengikuti lebar parent */
.pkp_structure_sidebar{

    flex:1;

    min-width:250px;

    max-width:300px;

}

.pkp_structure_sidebar .pkp_block{

    width:100%;

    box-sizing:border-box;

}

/* CONTENT */

.pkp_block.block_language .content,
.pkp_block.block_information .content{

    padding:0 !important;

}

/* LIST */

.pkp_block.block_language ul,
.pkp_block.block_information ul{

    margin:0;

    padding:0;

    list-style:none;

}

.pkp_block.block_language li,
.pkp_block.block_information li{

    margin:0;

}

/* LINK */

.pkp_block.block_language a,
.pkp_block.block_information a{

    display:block;

    padding:14px 20px;

    color:#49566B !important;

    text-decoration:none;

    border-top:1px solid #EEF2F7;

    transition:.25s;

}

.pkp_block.block_language a:hover,
.pkp_block.block_information a:hover{

    background:#F5F9FF;

    color:#2F5DAA !important;

}
/* ======================================
   Shared Sidebar Title
====================================== */

.jskm-sidebar-title{

    padding:16px 20px;

    background:#2F5DAA;

    color:#fff;

    font-size:15px;

    font-weight:700;

    border-radius:8px 8px 0 0;

}


/* ======================================
   Shared Card
====================================== */

.jskm-card-content{

    padding:18px;

    border:1px solid #E5EAF3;

    border-top:none;

    border-radius:0 0 8px 8px;

    background:#fff;

}


/* ======================================
   Divider
====================================== */

.jskm-divider{

    margin:18px 0;

    border-top:1px solid #EDF2F7;

}


/* ======================================
   Button Link
====================================== */

.jskm-button-link{

    display:block;

    text-align:center;

    background:#2F5DAA;

    color:#fff !important;

    padding:10px;

    border-radius:6px;

    text-decoration:none;

    transition:.25s;

}

.jskm-button-link:hover{

    background:#23498F;

}


/* ==================================================
   INDEXING
================================================== */

.jskm-indexing{

    display:grid;

    grid-template-columns:1fr;

    gap:14px;

}

.jskm-indexing a{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:14px;

    background:#fff;

    border:1px solid #E7EDF6;

    border-radius:8px;

    transition:.25s;

}

.jskm-indexing a:hover{

    background:#F6FAFF;

    border-color:#2F5DAA;

    transform:translateY(-2px);

    box-shadow:0 4px 12px rgba(47,93,170,.10);

}

.jskm-indexing img{

    max-width:170px;

    max-height:42px;

    width:auto;

    height:auto;

    object-fit:contain;

}

/* ======================================
   VISITORS
====================================== */

.jskm-card-content img{

    display:block;

    margin:0 auto;

    max-width:100%;

    height:auto;

}

.jskm-card-content > a{

    display:flex;

    justify-content:center;

}

/* ==========================================
   ABOUT JOURNAL
========================================== */

.journal-description h1{

    font-size:38px;

    color:#1F2937;

    margin-bottom:30px;

    font-weight:700;

}

.jskm-about{

    width:100%;

    border-collapse:collapse;

    margin-bottom:32px;

}

.jskm-cover-cell{

    width:240px;

    vertical-align:top;

    padding-right:28px;

}

.jskm-cover{

    width:100%;

    border-radius:12px;

    border:1px solid #E5EAF3;

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

}

.jskm-description{

    vertical-align:top;

    line-height:1.9;

    text-align:justify;

}

.jskm-section-title{

    background:#2F5DAA;

    color:#fff;

    padding:15px 20px;

    border-radius:8px 8px 0 0;

    font-size:17px;

    font-weight:700;

    margin-bottom:0;

}

.jskm-factsheet{

    width:100%;

    border-collapse:collapse;

    border:1px solid #E5EAF3;

    border-top:none;

    overflow:hidden;

}

.jskm-factsheet tr{

    border-bottom:1px solid #EEF2F7;

}

.jskm-factsheet td:first-child{

    width:30%;

    background:#F8FAFD;

    color:#2F5DAA;

    font-weight:700;

    padding:15px 18px;

}

.jskm-factsheet td:last-child{

    padding:15px 18px;

    color:#374151;

}

.jskm-factsheet a{

    color:#2F5DAA;

    text-decoration:none;

}

.jskm-factsheet a:hover{

    text-decoration:underline;

}