/* ==========================================
   AI JOURNAL PREMIUM SIDEBAR
   ========================================== */

.custom-sidebar{
    background:linear-gradient(
        180deg,
        #04072f 0%,
        #070b43 100%
    );
    border-radius:18px;
    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:8px;
}

.custom-sidebar a{
    display:block;
    padding:14px 18px;
    color:#f8fafc;
    text-decoration:none;
    border-radius:12px;
    font-weight:600;
    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{
    margin-top:20px;
}

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

.template-content img{
    width:100%;
    max-width:280px;
    height:auto;
    border-radius:12px;
    transition:all .3s ease;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

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

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

.template-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:all .3s ease;
}

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


/* ==========================================
   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{
    padding:15px;
}

.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;
    padding:24px;
    margin-bottom:30px;
    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:15px;
    line-height:1.4;
}

.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:10px;
    padding:12px 15px;
    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:15px;
    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:18px;
    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;
    }
}