/* ==========================================================
   Modern Article Page for OJS 3.5
   ========================================================== */

/* مساحة بيضاء أفضل */
.obj_article_details {
    line-height: 1.8;
}

/* عنوان المقال */
.obj_article_details .page_title{
    font-size:2.2rem;
    font-weight:700;
    color:#1f2937;
    margin-bottom:20px;
    line-height:1.35;
}

/* المؤلفون */
.obj_article_details .authors{
    margin-bottom:25px;
}

.obj_article_details .authors .name{
    font-size:17px;
    font-weight:600;
}

/* الصندوق الجانبي */
.item.doi,
.item.published,
.item.issue,
.item.section,
.item.license{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:8px;

    padding:14px;

    margin-bottom:15px;

    transition:.25s;
}

.item.doi:hover,
.item.published:hover,
.item.issue:hover,
.item.section:hover,
.item.license:hover{

    box-shadow:0 4px 12px rgba(0,0,0,.08);

}

/* عناوين الصناديق */

.item .label{

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:.05em;

    color:#6b7280;

    margin-bottom:8px;

}

/* قيم الصناديق */

.item .value{

    font-size:15px;

    color:#111827;

}

/* الملخص */

.item.abstract{

    background:#fafafa;

    border-left:5px solid #0056b3;

    padding:20px;

    border-radius:8px;

}

/* الكلمات المفتاحية */

.item.keywords{

    margin-top:20px;

    padding:18px;

    background:#f8fafc;

    border-radius:8px;

}

/* الروابط */

.obj_article_details a{

    transition:.2s;

}

.obj_article_details a:hover{

    text-decoration:none;

}
/* ==========================================================
   Modern Sidebar
   ========================================================== */

.obj_article_details .entry_details {
    background: #f8fafc;
    padding: 18px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
}

.obj_article_details .entry_details > div,
.obj_article_details .entry_details > section {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    margin-bottom: 16px;
    padding: 14px;
    transition: all .25s ease;
}

.obj_article_details .entry_details > div:hover,
.obj_article_details .entry_details > section:hover {

    transform: translateY(-2px);

    box-shadow: 0 6px 18px rgba(0,0,0,.08);

}

.obj_article_details .entry_details h2,
.obj_article_details .entry_details .label{

    font-size:13px;

    text-transform:uppercase;

    color:#64748b;

    letter-spacing:.08em;

    margin-bottom:10px;

}

.obj_article_details .entry_details a{

    word-break: break-word;

}
.obj_article_details .download a{

    display:block;

    text-align:center;

    background:#0056b3;

    color:#fff !important;

    padding:12px;

    border-radius:8px;

    font-weight:600;

    text-decoration:none;

}

.obj_article_details .download a:hover{

    background:#003f87;

}
/* ==========================================================
   Article Information Panel
   ========================================================== */

.obj_article_details .entry_details{

    display:flex;

    flex-direction:column;

    gap:18px;

}

.obj_article_details .entry_details .item{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:12px;

    padding:18px;

    box-shadow:0 2px 8px rgba(0,0,0,.04);

}

.obj_article_details .entry_details .sub_item{

    margin-bottom:16px;

}

.obj_article_details .entry_details .sub_item:last-child{

    margin-bottom:0;

}

.obj_article_details .entry_details .label{

    display:block;

    color:#64748b;

    font-size:12px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    margin-bottom:6px;

}

.obj_article_details .entry_details .value{

    font-size:15px;

    color:#111827;

}

.obj_article_details .entry_details a{

    color:#0056b3;

}

.obj_article_details .entry_details a:hover{

    color:#003d80;

}