/* ==========================================
   AI JOURNAL PREMIUM SIDEBAR
   ========================================== */
/* =====================================================
   BIMA SIDEBAR — CATEGORY SPACING
   Mengatur jarak antar CARD/KATEGORI sidebar
===================================================== */

.metrics-card,
.information-card,
.template-card,
.originality-card,
.tools-card,
.indexing-card,
.issn-card,
.contact-card,
.openaccess-card{
    margin-top:14px !important;
    margin-bottom:0 !important;
}

/* =====================================================
   BIMA SIDEBAR — COMPACT MENU
===================================================== */

/* Container menu */
.information-card ul,
.custom-sidebar ul{
    margin:0 !important;
    padding:5px 10px !important;
}


/* Hilangkan jarak antar item */
.information-card li,
.custom-sidebar li{
    margin:0 !important;
    padding:0 !important;
}


/* Menu */
.information-card li a,
.custom-sidebar li a{
    display:flex !important;
    align-items:center !important;

    padding:8px 14px !important;

    min-height:unset !important;

    margin:0 !important;

    border-radius:7px !important;

    line-height:1.25 !important;

    font-size:13px !important;

    font-weight:600 !important;

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


/* Hover */
.information-card li a:hover,
.custom-sidebar li a:hover{

    background:
        rgba(0,229,255,.10) !important;

    color:
        #00e5ff !important;

    transform:none !important;

    padding-left:
        17px !important;
}


/* Active */
.information-card li a.active,
.custom-sidebar li a.active{

    background:
        rgba(0,229,255,.14) !important;

    color:
        #00e5ff !important;

}


/* Icon */
.information-card li a::before,
.custom-sidebar li a::before{

    flex:
        0 0 20px !important;

    width:
        20px !important;

    height:
        20px !important;

    margin-right:
        8px !important;

    font-size:
        11px !important;

}


/* =====================================================
   HEADER MENU — COMPACT
===================================================== */

.information-card .sidebar-header,
.custom-sidebar .sidebar-header{

    padding:
        14px 18px !important;

    font-size:
        14px !important;

    line-height:
        1.2 !important;

}

.custom-sidebar{
    background:linear-gradient(
        180deg,
        #04072f 0%,
        #070b43 100%
    );
    border-radius:4px;
    overflow:hidden;
    box-shadow:
        0 10px 30px rgba(0,0,0,.18),
        0 0 25px rgba(0,229,255,.08);
    border:1px solid rgba(255,255,255,.08);
    font-family:'Montserrat',sans-serif;
}

.sidebar-header{
    background:linear-gradient(
        90deg,
        #0a0f4f,
        #142a8d
    );
    color:#fff;
    font-size:16px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:18px 20px;
    position:relative;
}

.sidebar-header:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    background:linear-gradient(
        90deg,
        #00e5ff,
        #2979ff
    );
}

.custom-sidebar ul{
    list-style:none;
    margin:0;
    padding:12px;
}

.custom-sidebar li{
    margin-bottom:0px;
}

.custom-sidebar a{
    display:block;
    padding:7px 18px;
    min-height:unset;
    color:#f8fafc;
    text-decoration:none;
    border-radius:8px;
    font-weight:600;
    line-height:1.3;
    transition:all .3s ease;
}

.custom-sidebar a:hover{
    background:rgba(255,255,255,.08);
    color:#00e5ff;
    transform:translateX(6px);
}

.custom-sidebar a.active{
    background:rgba(0,229,255,.12);
    color:#00e5ff;
}

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

.template-card,
.information-card,
.contact-card,
.metrics-card,
.originality-card,
.tools-card,
.indexing-card,
.issn-card,
.openaccess-card {
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/* ==========================================
   ORIGINALITY STATEMENT CARD
========================================== */

.originality-card{
    margin-top:20px;
}

.originality-content{
    padding:20px;
    text-align:center;
}

.originality-content p{
    color:#f8fafc;
    font-size:14px;
    line-height:1.7;
    margin-bottom:18px;
}

.statement-button a{
    display:inline-block;
    padding:10px 20px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    color:#fff;
    background:linear-gradient(
        90deg,
        #00e5ff,
        #2979ff
    );
    transition:.3s;
    box-shadow:0 5px 15px rgba(0,229,255,.2);
}

.statement-button a:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,229,255,.35);
}

/* ==========================================
   AUTHOR TOOLS
========================================== */

.tools-card{
    margin-top:20px;
}

.tools-grid{
    padding:18px;
    display:grid;
    gap:15px;
}

.tool-item{
    display:block;
    background:#ffffff;
    border-radius:14px;
    padding:15px;
    text-align:center;
    text-decoration:none;
    transition:all .3s ease;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.tool-item:hover{
    transform:translateY(-4px);
    box-shadow:
        0 8px 20px rgba(0,229,255,.18);
    border-color:#00e5ff;
}

.tool-item img{
    width:100%;
    max-width:220px;
    height:auto;
    transition:.3s;
}

.tool-item:hover img{
    transform:scale(1.03);
}


/* ==========================================
   INDEXING & ABSTRACTING
========================================== */

.indexing-card{
    margin-top:20px;
}

.indexing-grid{
    padding:18px;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
}

.index-item{
    display:flex;
    justify-content:center;
    align-items:center;
    background:#ffffff;
    border-radius:14px;
    padding:14px;
    text-decoration:none;
    transition:all .3s ease;
    border:1px solid rgba(0,0,0,.08);
    box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.index-item:hover{
    transform:translateY(-4px);
    border-color:#00e5ff;
    box-shadow:
        0 8px 25px rgba(0,229,255,.18);
}

.index-item img{
    width:100%;
    max-width:220px;
    height:auto;
    transition:.3s;
}

.index-item:hover img{
    transform:scale(1.03);
}

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

.information-card{
    margin-top:20px;
}

.information-card ul{
    margin:0;
    padding:5px 10px;
}

.information-card li{
    margin-bottom:8px;
}

.information-card a{
    display:block;
    padding:14px 18px;
    border-radius:12px;
    transition:all .3s ease;
}

.information-card a:hover{
    transform:translateX(6px);
}

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

.issn-card{
    margin-top:20px;
}

.issn-content{
    padding:20px;
    text-align:center;
}

.issn-number{
    color:#ffffff;
    font-size:15px;
    font-weight:700;
    margin-bottom:15px;
    letter-spacing:.5px;
}

.issn-content img{
    max-width:100%;
    width:220px;
    height:auto;
    background:#fff;
    padding:10px;
    border-radius:10px;
    transition:.3s;
}

.issn-content img:hover{
    transform:scale(1.03);
}

.issn-button{
    margin-top:15px;
}

.issn-button a{
    display:inline-block;
    padding:10px 18px;
    border-radius:10px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    background:linear-gradient(
        90deg,
        #00e5ff,
        #2979ff
    );
    box-shadow:0 5px 15px rgba(0,229,255,.2);
    transition:.3s;
}

.issn-button a:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,229,255,.35);
}


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

.contact-card{
    margin-top:20px;
}

.contact-content{
    padding:20px;
    text-align:center;
}

.contact-content img{
    width:100%;
    max-width:260px;
    height:auto;
    border-radius:12px;
    transition:.3s;
}

.contact-content img:hover{
    transform:scale(1.03);
}

.contact-info{
    margin-top:12px;
    color:#ffffff;
    font-size:14px;
    font-weight:600;
    letter-spacing:.3px;
}

.contact-button{
    margin-top:15px;
}

.contact-button a{
    display:inline-block;
    padding:10px 20px;
    border-radius:10px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    background:linear-gradient(
        90deg,
        #25D366,
        #128C7E
    );
    box-shadow:0 5px 15px rgba(37,211,102,.25);
    transition:.3s;
}

.contact-button a:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(37,211,102,.35);
}


/* ==========================================
   OPEN ACCESS CARD
========================================== */

.openaccess-card{
    margin-top:20px;
}

.openaccess-content{
    padding:20px;
    text-align:center;
}

.openaccess-content img{
    width:100%;
    max-width:250px;
    height:auto;
    border-radius:12px;
    background:#ffffff;
    padding:10px;
    transition:.3s;
}

.openaccess-content img:hover{
    transform:translateY(-3px);
}

.openaccess-text{
    margin-top:15px;
    color:#ffffff;
    font-size:13px;
    line-height:1.7;
}

.openaccess-button{
    margin-top:15px;
}

.openaccess-button a{
    display:inline-block;
    padding:10px 20px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    color:#fff;
    background:linear-gradient(
        90deg,
        #00e5ff,
        #2979ff
    );
    box-shadow:0 5px 15px rgba(0,229,255,.25);
    transition:.3s;
}

.openaccess-button a:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 20px rgba(0,229,255,.35);
}

/* ==========================================
   JOURNAL METRICS
========================================== */

.metrics-card{
    margin-top:20px;
}

.metrics-content{
    padding:20px;
    text-align:center;
}

.metrics-content img{
    width:100%;
    max-width:260px;
    height:auto;
    border-radius:12px;
    background:#fff;
    padding:10px;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
    transition:all .3s ease;
}

.metrics-content img:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,229,255,.15);
}

.metrics-text{
    margin-top:12px;
    color:#ffffff;
    font-size:13px;
    line-height:1.6;
    opacity:.9;
}



.pkp_site_name .is_img img {
display: block;
max-height: none;
width: auto;
height: auto;
}


.pkp_brand_footer {
display: none;
}



/* =====================================================
   ARTICLE CARD STYLE
===================================================== */

.obj_article_summary{
    position:relative;
    background:#ffffff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    /* lebih compact */
    padding:18px 20px;
    /* jarak antar artikel */
    margin-bottom:16px;
    box-shadow:0 4px 15px rgba(0,0,0,.08);
    transition:all .3s ease;
    overflow:hidden;
}

.obj_article_summary:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 25px rgba(0,0,0,.15);
}

.obj_article_summary::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #010152,
        #1f5edb
    );
}

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

.obj_article_summary .title{
    margin-bottom:10px;
    line-height:1.3;
}

.obj_article_summary .title a{
    color:#1d2939;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.obj_article_summary .title a:hover{
    color:#1f5edb;
}

.obj_article_summary .subtitle{
    display:block;
    margin-top:5px;
    color:#6b7280;
    font-size:14px;
}

/* =====================================================
   AUTHORS
===================================================== */

.obj_article_summary .authors{
    margin-top:6px;
    padding:9px 12px;
    background:#f8fafc;
    border-left:4px solid #010152;
    border-radius:8px;
    line-height:1.7;
}

.obj_article_summary .authors b{
    color:#B22222;
}

/* =====================================================
   DOI BOX
===================================================== */

.article-doi{
    margin-top:10px;
    padding:10px 14px;
    background:#f3f4f6;
    border-radius:8px;
    display:inline-block;
}

.article-doi a{
    color:#1565c0;
    font-weight:600;
    text-decoration:none;
}

.article-doi a:hover{
    text-decoration:underline;
}

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

.galleys_links{
    margin-top:12px;
    padding:0;
    list-style:none;
}

.galleys_links .obj_galley_link{
    background:#010152 !important;
    color:#fff !important;
    border-radius:8px !important;
    padding:10px 18px !important;
    border:none !important;
    transition:.3s;
    font-weight:600;
}

.galleys_links .obj_galley_link:hover{
    background:#1f5edb !important;
    transform:translateY(-2px);
}

/* =====================================================
   ARTICLE METRICS
===================================================== */

.articleMetricsWrapper{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
    margin-top:15px;
    list-style:none;
}

.customArticleMetrics{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.metricItem{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:90px;
    height:42px;
    padding:0 14px;
    background:#f3f5f7;
    border-radius:10px;
    font-size:13px;
    font-weight:600;
    color:#444;
    transition:all .25s ease;
    box-shadow:0 2px 6px rgba(0,0,0,.05);
}

.metricItem:hover{
    background:#e9eef5;
    transform:translateY(-2px);
}

.totalMetric{
    background:#edf7ed;
    color:#2e7d32;
}

/* =====================================================
   COVER IMAGE
===================================================== */

.obj_article_summary .cover{
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

.obj_article_summary .cover img{
    width:120px;
    height:auto;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,.12);
}

/* =====================================================
   PAGE NUMBER
===================================================== */

.obj_article_summary .pages{
    position:absolute;
    top:20px;
    right:20px;
    color:#9ca3af;
    font-size:18px;
    font-weight:600;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media (max-width:768px){

    .obj_article_summary{
        padding:18px;
    }

    .obj_article_summary .cover{
        float:none;
        margin-right:0;
        text-align:center;
    }

    .obj_article_summary .cover img{
        width:100px;
    }

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

    .customArticleMetrics{
        width:100%;
    }

    .metricItem{
        width:100%;
    }

    .obj_article_summary .pages{
        position:static;
        margin-top:10px;
    }
}

/* =====================================================
   BIMA HEADER — FULL BLEED IMAGE ONLY
   LEFT & RIGHT GAP REMOVED
   MENU POSITION REMAINS NORMAL
===================================================== */


/* =====================================================
   HEADER STRUCTURE
===================================================== */

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

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

.pkp_structure_head .pkp_site_name {
    position:relative !important;
    margin-left:-30px !important;
    margin-right:-30px !important;
    padding:0 !important;
    width:calc(100% + 60px) !important;
    overflow:visible !important;
    line-height:0 !important;
}

.pkp_structure_head .pkp_site_name a {
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    line-height:0 !important;
}

.pkp_structure_head .pkp_site_name img,
.pkp_structure_head .pkp_site_name .is_img img {
    display:block !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
}


/* =====================================================
   BIMA SIDEBAR — CONTROL OJS BLOCK SPACING
   FIX JARAK ANTAR CATEGORY / WIDGET
===================================================== */

/* Reset spacing bawaan OJS */
.pkp_structure_sidebar .pkp_block {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* Block pertama tidak perlu jarak atas */
.pkp_structure_sidebar .pkp_block:first-child {
    margin-top: 0 !important;
}


/* Block terakhir tidak perlu jarak bawah */
.pkp_structure_sidebar .pkp_block:last-child {
    margin-bottom: 0 !important;
}


/* =====================================================
   RESET CARD INTERNAL
   Jarak antar kategori dikontrol oleh .pkp_block
===================================================== */

.metrics-card,
.information-card,
.template-card,
.originality-card,
.tools-card,
.indexing-card,
.issn-card,
.contact-card,
.openaccess-card {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =====================================================
   COMPACT SIDEBAR CONTENT
===================================================== */

.metrics-content,
.template-content,
.originality-content,
.tools-grid,
.indexing-grid,
.issn-content,
.contact-content,
.openaccess-content {
    margin-top: 0 !important;
}


/* =====================================================
   PREVENT EMPTY OJS SPACING
===================================================== */

.pkp_structure_sidebar .pkp_block > *:first-child {
    margin-top: 0 !important;
}

.pkp_structure_sidebar .pkp_block > *:last-child {
    margin-bottom: 0 !important;
}

/* =====================================================
   BIMA SIDEBAR — SUBMENU ICON
   COMPATIBLE OJS / FONT AWESOME
   HANYA MENGATUR ICON
===================================================== */

/* -----------------------------------------------------
   BASE ICON
----------------------------------------------------- */

.information-card li a::before,
.custom-sidebar li a::before {

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

    width: 20px !important;
    min-width: 20px !important;
    height: 20px !important;

    margin-right: 9px !important;

    font-family:
        "Font Awesome 5 Free",
        "Font Awesome 5 Pro",
        "FontAwesome",
        sans-serif !important;

    font-weight: 900 !important;

    font-size: 12px !important;

    line-height: 1 !important;

    color: #ffffff !important;

    text-align: center !important;

    flex-shrink: 0 !important;

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


/* -----------------------------------------------------
   01 — FOCUS AND SCOPE
   Book
----------------------------------------------------- */

.information-card li:nth-child(1) a::before,
.custom-sidebar li:nth-child(1) a::before {
    content: "\f02d" !important;
}


/* -----------------------------------------------------
   02 — EDITORIAL TEAM
   Users
----------------------------------------------------- */

.information-card li:nth-child(2) a::before,
.custom-sidebar li:nth-child(2) a::before {
    content: "\f0c0" !important;
}


/* -----------------------------------------------------
   03 — PUBLICATION ETHICS
   User Shield / User
----------------------------------------------------- */

.information-card li:nth-child(3) a::before,
.custom-sidebar li:nth-child(3) a::before {
    content: "\f007" !important;
}


/* -----------------------------------------------------
   04 — ONLINE SUBMISSION
   Paper Plane
----------------------------------------------------- */

.information-card li:nth-child(4) a::before,
.custom-sidebar li:nth-child(4) a::before {
    content: "\f1d8" !important;
}


/* -----------------------------------------------------
   05 — REVIEW PROCESS
   Comments
----------------------------------------------------- */

.information-card li:nth-child(5) a::before,
.custom-sidebar li:nth-child(5) a::before {
    content: "\f075" !important;
}


/* -----------------------------------------------------
   06 — COPYRIGHT NOTICE
   Copyright
----------------------------------------------------- */

.information-card li:nth-child(6) a::before,
.custom-sidebar li:nth-child(6) a::before {
    content: "\f1f9" !important;
}


/* -----------------------------------------------------
   07 — PUBLICATION FEES
   Money
----------------------------------------------------- */

.information-card li:nth-child(7) a::before,
.custom-sidebar li:nth-child(7) a::before {
    content: "\f155" !important;
}


/* -----------------------------------------------------
   08 — PLAGIARISM CHECK
   Flag
----------------------------------------------------- */

.information-card li:nth-child(8) a::before,
.custom-sidebar li:nth-child(8) a::before {
    content: "\f024" !important;
}


/* -----------------------------------------------------
   09 — OPEN ACCESS POLICY
   Unlock
----------------------------------------------------- */

.information-card li:nth-child(9) a::before,
.custom-sidebar li:nth-child(9) a::before {
    content: "\f09c" !important;
}


/* -----------------------------------------------------
   10 — ARCHIVING POLICY
   Archive
----------------------------------------------------- */

.information-card li:nth-child(10) a::before,
.custom-sidebar li:nth-child(10) a::before {
    content: "\f187" !important;
}


/* -----------------------------------------------------
   11 — CONTACT
   Envelope
----------------------------------------------------- */

.information-card li:nth-child(11) a::before,
.custom-sidebar li:nth-child(11) a::before {
    content: "\f0e0" !important;
}


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

.information-card li a:hover::before,
.custom-sidebar li a:hover::before {

    color: #00e5ff !important;

    transform: scale(1.12) !important;
}


/* =====================================================
   ACTIVE ICON
===================================================== */

.information-card li a.active::before,
.custom-sidebar li a.active::before {

    color: #ffffff !important;
}

/* =====================================================
   BIMA OJS — OUTER PAGE BACKGROUND
   Background hanya di luar container utama
===================================================== */

html,
body {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(31,94,219,.08),
            transparent 35%
        ),
        radial-gradient(
            circle at 80% 80%,
            rgba(0,229,255,.06),
            transparent 35%
        ),
        #eef1f5 !important;
}


/* =====================================================
   OJS MAIN CONTAINER
   Tetap putih
===================================================== */

.pkp_structure_page {
    background:#ffffff !important;
}


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

.pkp_structure_content {
    background:#ffffff !important;
}


/* =====================================================
   HEADER
   Jangan terpengaruh background body
===================================================== */

.pkp_structure_head {
    background:#ffffff !important;
}


/* =====================================================
   NAVIGATION
===================================================== */

.pkp_navigation_primary_row {
    background:#ffffff !important;
}


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

.pkp_structure_main {
    background:#ffffff !important;
}