/* General Styles */
body,
.page_title,
.subtitle,
.authors,
.authors .name,
.authors .affiliation,
.authors .userGroup,
.keywords,
.keywords .label,
.keywords .value,
.abstract,
.abstract .label,
.abstract p,
.references,
.references .label,
.references .value,
.references p,
.item,
.sub_item,
.section,
.section .label,
.section .value,
.section .categories,
.section .categories li,
.section .title,
.section .content,
.section .galleys_links,
.section .citation_display,
.section .citation_formats,
.section .citation_formats_styles,
.section .citation_formats_button,
.section .addthis_toolbox,
.section .shariffblock,
.section .citations-container,
.section .citations-list,
.section .citations-count,
.section .plaudit,
#journalMainIndexing p,
#journalMainIndexing p strong,
#journalMainArchiving p,
#journalMainArchiving p strong {
    font-family: 'Amiri', serif !important;}


@media (max-width: 768px) {
    body {
    font-family: 'Amiri', serif !important;    }
}

/* Abstract Styles */
.obj_article_details .abstract {
    text-align: justify;
    text-indent: 20px;
}

/* Article Header Styles */
.article_header {
    text-align: center;
    margin-bottom: 20px;
}

.article_header .page_title {
    font-family: 'Amiri', serif;
    font-size: 2em;
    margin: 0;
}

.article_header .subtitle {
    font-size: 1.2em;
    color: #666;
}






/* Keywords Styles */
.item.keywords .value a {
    display: inline-block;
    background: #e0f7fa;
    color: #1c8fa1;
    padding: 5px 10px;
    border-radius: 5px;
    text-decoration: none;
    margin-right: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-color: #0055a5;
    white-space: nowrap; /* Ensures keywords are on a single line */
}

.item.keywords {
    padding: 2.143rem;
}

.item.keywords .value {

    font-size: 0.8rem;
    line-height: 1.7;
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* Ensures keywords are on a single line */
    justify-content: center;
    align-items: center;
    gap: 4px;

}

.item.keywords .value a:hover {
    background: #b2dfdb;
}

.item.keywords .label {
    font-family: 'Amiri', serif;

}





    


/* Section Titles */
.section_title,
.subcategories_title {
    font-family: 'Amiri', serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}

/* Article Count */
.article_count {
    font-size: 1.2em;
    margin-bottom: 20px;
    text-align: center;
    background-color: #1c8fa1;
    color: #e0f7fa;
}

/* About Section */
.about_section {
    display: list-item;
    align-items: first baseline;
    margin-bottom: 20px;
}

/* Cover Image */
.cover {
    margin-right: 20px;
}

/* Custom Block Styles */
.pkp_block.block_custom {
    background-color: #f9f9f9;
    border: 1px solid #1c8fa1;
    padding: 10px;
    border-radius: 5px;
    margin: 5px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_custom h1,
.pkp_block.block_custom h2,
.pkp_block.block_custom h3,
.pkp_block.block_custom h4,
.pkp_block.block_custom h5,
.pkp_block.block_custom h6 {
    color: #ffffff;
    font-weight: bold;
    margin-top: 10px;
    background-color: #1c8fa1;
    border: 1px solid #250bb4;
    margin-left: 5px;
    margin-right: 5px;
    max-width: 100%;
}

.pkp_block.block_custom .title {
    font-family: 'Amiri', serif;
    color: #ffffff;
    line-height: 1.6;
    margin-bottom: 15px;
    font-size: 1em;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}

.pkp_block.block_custom p {
    color: #081894;
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: center;
}

.pkp_block.block_custom p:hover {
    background-color: #1c8fa1;
    color: #fff;
}

.pkp_block.block_custom a {
    color: #007bff;
    text-decoration: none;
}

.pkp_block.block_custom a:hover {
    background-color: #1c8fa1;
    color: #fff;
}

.pkp_block.block_custom ul,
.pkp_block.block_custom ol {
    padding-left: 20px;
    margin-bottom: 10px;
}

.pkp_block.block_custom ul li,
.pkp_block.block_custom ol li {
    margin-bottom: 5px;
    border: 1px solid #003366;
}

.pkp_block.block_custom ul li:hover,
.pkp_block.block_custom ol li:hover {
    background-color: #1c8fa1;
    color: #fff;
}

.pkp_block.block_custom .content img {
    max-height: 75px;
    margin: auto;
}

/* Language Block */
.pkp_block.block_language {
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 10px;
    background-color: #f9f9f9;
    margin: 5px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_language .title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 5px;
    color: #ffffff;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}

.pkp_block.block_language .content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pkp_block.block_language .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 15px;
}

.pkp_block.block_language .content li a {
    text-decoration: none;
    font-size: 1rem;
    color: #007bff;
    padding: 5px 10px;
    border-radius: 3px;
    transition: background-color 0.3s, color 0.3s;
}

.pkp_block.block_language .content li a:hover {
    background-color: #074486;
    color: #fff;
}

.pkp_block.block_language .content li.current a {
    font-weight: bold;
    background-color: #1c8fa1;
    color: #fff;
}

/* Information Block */
.pkp_block.block_information {
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 10px;
    background-color: #f9f9f9;
    margin: 10px auto;
    text-align: center;
    max-width: 90%;
    font-family: 'Amiri', serif;

}

.pkp_block.block_information .title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 10px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
    font-family: 'Amiri', serif;
}

.pkp_block.block_information .content {
    padding: 0 10px;
}





.pkp_block.block_information .content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pkp_block.block_information .content li a {
    text-decoration: none;
    font-size: 1rem;
    color: #1c8fa1;
    padding: 8px 5px;
    border-radius: 3px;
    display: block;
    transition: background-color 0.3s, color 0.3s;
}

.pkp_block.block_information .content li a:hover {
    background-color: #1c8fa1;
    color: #fff;
}

/* Web Feed Block */
.pkp_block.block_web_feed {
    background-color: #f8f9fa;
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_web_feed .title {
    font-size: 1em;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}

.pkp_block.block_web_feed .content {
    text-align: center;
}

.pkp_block.block_web_feed ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.pkp_block.block_web_feed ul li a img {
    width: 40px;
    height: auto;
    transition: transform 0.3s;
}

.pkp_block.block_web_feed ul li a img:hover {
    transform: scale(1.2);
}

/* Developed By Block */
.pkp_block.block_developed_by {
    background-color: #f8f9fa;
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_developed_by .pkp_screen_reader {
    font-size: 1.5em;
    color: #333;
    margin-bottom: 10px;
}

.pkp_block.block_developed_by .content {
    font-size: 1.2em;
}

.pkp_block.block_developed_by .content a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s;
}

.pkp_block.block_developed_by .content a:hover {
    color: #0056b3;
    background-color: #1c8fa1;
}

/* Keyword Cloud Block */
.pkp_block.block_keyword_cloud {
    background-color: #f8f9fa;
    border: 1px solid #250bb4;
    border-radius: 5px;
    padding: 15px;
    margin: 10px auto;
    text-align: center;
    max-width: 90%;
}

.pkp_block.block_keyword_cloud .title {
    font-size: 1em;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
    background-color: #1c8fa1;
    text-align: center;
    width: 100%;
    border-radius: 5px;
}

.pkp_block.block_keyword_cloud .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.pkp_block.block_keyword_cloud .keyword {
    margin: 5px;
    font-size: 16px;
    cursor: pointer;
    opacity: 0.7;
    transition: font-size 0.3s, opacity 0.3s;
}

.pkp_block.block_keyword_cloud .keyword:hover {
    font-size: 18px;
    opacity: 1;
}

/* Sidebar Styles */
.pkp_structure_sidebar.left {
    padding: 0;
    margin-top: 60px;
}

.pkp_structure_sidebar.left h2 {
    background-color: #1c8fa1;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #ffffff;
    text-align: justify;
    margin: 0;
    padding: 5px;
}

.pkp_structure_sidebar.left ul {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.pkp_structure_sidebar.left li a {
    font-size: 1.25rem;
    display: block;
    color: #115196;
    padding: 5px 16px;
    text-decoration: none;
    border-radius: 7px;
}

.pkp_structure_sidebar.left li a:hover {
    background-color: #555;
    color: #ffffff;
}

/* Make Submission Block */
.pkp_block .block_make_submission .block_make_submission_link {
    text-align: justify;
    font-size: 1.25rem;
    line-height: 1.4;
    color: #323232;
    background: #b9fff863 !important;
    padding: 8px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 16px;
}

/* Breadcrumbs */
.cmp_breadcrumbs,
.current_issue h2,
.homepage_about h3 {
    background-color: #39a2e96e;
    color: rgb(34, 13, 137);
    border: 1pt solid #0572ac;
    padding: 0.5rem 0;
    text-align: center;
    font-size: small;
    width: 100%;
    font-family: 'Amiri' , Serif  ;

    a{

        color: rgb(255, 255, 255);


    }

}







.page_about .publication .icons img {
    width: 150px; /* تغيير العرض إلى 100 بكسل */
    height: auto; /* الحفاظ على النسبة التناسبية للصورة */
    max-width: 100%; /* التأكد من أن الصورة لا تتجاوز عرض العنصر المحتوي */
}


.page_about  p {
    
    text-align: justify;

}


/* Responsive Design */
@media (max-width: 768px) {
    .page_title {
        font-size: 2em;
        margin-bottom: 15px;
    }
    .subtitle {
        font-size: 1.2em;
        margin-bottom: 10px;
    }
    .item.authors {
        margin: 5px;
    }
    .item.author_bios {
        margin: 5px;
    }
}







/* إضافة الأسلوب لرأس الجدول */
.table-container {
    max-width: 800px;
    margin: 10px auto;
    overflow: hidden;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    background-color: #08a6c6;
    color: var(--color-text-light);
    text-align: center;
    padding: 8px;
    font-size: 0.9em; /* تصغير حجم الخط */
}

td {
    padding: 10px;
    border: 1px solid #ddd;
    text-align: center;
}

th, td {
    border: 1px solid #ddd;
}

.profile-container {
    max-width: 800px;
    margin: 15px auto;
    background-color: var(--color-text-light);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.profile-header {
    background-color: #08a6c6;
    color: var(--color-text-light);
    text-align: center;
    padding: 10px;
}

.profile-header h2 {
    margin: 0;
    font-size: 1.25em;
    font-family: 'Amiri' , Serif  ;

}

.profile-content {
    display: flex;
    padding: 2px;
    align-items: center;
    font-family: 'Amiri' , Serif  ;

}

.profile-image img {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.profile-image-off img {
    border-radius: 7%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}




.profile-details {
    flex: 1;
    margin-left: 20px;
    font-family: 'Amiri' , Serif  ;

}

.profile-details h3 {
    color: #2196f3;
    margin-bottom: 5px;
    font-size: 1.2em;
    text-align: center;
    font-family: 'Amiri' , Serif  ;

}

.profile-details ul {
    list-style-type: circle;
    padding-left: 20px;
    margin: 10px 0;
    font-size: 0.9em;
    color: #555;
    font-family: 'Amiri' , Serif  ;

}

.profile-details p {
    margin-top: 2px;
    font-size: 0.9em;
    text-align: center;
    font-family: 'Amiri' , Serif  ;

}

.divider {
    border: 0;
    height: 1px;
    background: #08a6c6;
    margin: 20px 0;
}

.profile-details .icons {
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px;
    font-family: 'Amiri' , Serif  ;

}

.profile-details .icons a {
    color: var(--color-primary);
    font-size: 1.25em;
    text-decoration: none;
    font-family: 'Amiri' , Serif  ;

}

.profile-details .icons a:hover {
    color: var(--color-accent);
}

.profile-details .icons img {
    width: 24px;
    height: 24px;
}











.secondary-profiles-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-columns: repeat(auto-fill, minmax(3, 1fr)); */
    gap: 5px;

}

.secondary-profile-container {
    border: 1px solid #ccc;
    padding: 10x;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

.secondary-profile-header {
    background-color: #1c8fa1;
    border-radius: 7px;
        margin: 5px;
}

.secondary-profile-header h3 {
  
    margin-bottom: 5px;
    margin-top: 0px;
     padding: 5px;
   font-size: 1em;
    font-family: 'Amiri' , Serif  ;
    text-align: center;
    color: #ffffff;
}

.secondary-profile-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-template-rows: auto 1fr auto; /* Added this line */

}

.secondary-profile-image img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-bottom: 10px;
    margin-top: 10px;

}

.secondary-profile-details h3 {
    font-size: 1em;
    margin-bottom: 3px;

    font-family: 'Amiri' , Serif  ;
    text-align: center;
}

.secondary-profile-details ul {
    list-style-type:none;
    padding: 5px;
    margin: 15px 10px 10px 10px;

}

.secondary-profile-details ul li {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: 'Amiri' , Serif  ;
    text-align: justify;
}

.secondary-divider {

    width: 80%;
    margin: auto;
    justify-self: end; /* Added this line */
    vertical-align: bottom;
    margin-bottom: 10px;
}


.secondary-icons{

    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: auto;
    justify-self: end; /* Added this line */
}

.secondary-icons img {
    width: 24px;
    height: 24px;
}

.secondary-icons a {
margin-bottom: 5px;
margin-left: 2px;
margin-right: 2px;


}



@media (max-width: 768px) {
    .secondary-profiles-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .secondary-profiles-container {
        grid-template-columns: 1fr;
    }
}








/* margin: 25px 50px 75px 100px;
top margin is 25px
right margin is 50px
bottom margin is 75px
left margin is 100px */



















.additional_content .grid-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: auto;
    padding: 10px;
}

.additional_content .grid-container .grid-item {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.additional_content .grid-container .grid-item:hover {
    background-color: aquamarine;
}

.additional_content .grid-container .grid-item img {
    display: block;
    max-width: 90%;
    max-height: 100px;
    padding: 5px;
}

.item.author_bios,
.item.authors,
.item.references,
#articlesBySimilarityList,
#articlesBySameAuthorList {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    margin: 20px;
}

.item.author_bios .label,
.item.authors h2,
.item.references .label,
#articlesBySimilarityList h3,
#articlesBySameAuthorList h3 {
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.item.author_bios .authors,
.item.authors ul.authors,
.item.references .value p,
#articlesBySimilarityList ul,
#articlesBySameAuthorList ul {
    list-style-type: none;
    padding: 0;
    font-size: 1em;
}

.item.author_bios .authors .sub_item,
.item.authors ul.authors li,
.item.references .value p,
#articlesBySimilarityList li,
#articlesBySameAuthorList li {
    margin-bottom: 15px;
}

.item.authors ul.authors li .name,
.item.references .value p,
#articlesBySimilarityList li a,
#articlesBySameAuthorList li a {
    font-size: 1em;
    color: #0056b3;
    text-decoration: none;
}

.item.references .value p:lang(ar) {
    direction: rtl;
    text-align: right;
    background-color: #f0f8ff;
}

.item.references .value p:lang(en) {
    direction: ltr;
    text-align: left;
    background-color: #e6e6fa;
}

@media (max-width: 768px) {
    .item.references {
        padding: 5px;
        margin: 5px;
    }
    .item.references .label {
        font-size: 1.5em;
        margin-bottom: 5px;
    }
    .item.references .value p {
        font-size: 0.9em;
        padding: 5px;
    }
}

.item.galleys {
    margin: 1px 0;
    padding: 5px;
    border: 2px solid #0056b3;
    border-radius: 8px;
    background-color: #0f9eb4;
    width: 100%;
}

.item.galleys h2.pkp_screen_reader {
    font-size: 1em;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

.item.galleys ul.galleys_links {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

.item.galleys ul.galleys_links li {
    margin: 0 10px;
}

.item.galleys ul.galleys_links a.obj_galley_link {
    display: inline-block;
    padding: 5px 5px;
    font-size: 1.2em;
    color: #fff;
    background-color: #1c8fa1;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.item.galleys ul.galleys_links a.obj_galley_link:hover {
    background-color: #0056b3;
}

/* Dimensions Badge Styles */
.__dimensions_badge_embed__ {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}

.__dimensions_badge_embed__ .__dimensions_Badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.__dimensions_badge_embed__ .__dimensions_Badge_Image {
    margin: auto;
    width: 100px;
    height: 100px;
}

.__dimensions_badge_embed__ .__db_score {
    font-size: 1.5em;
    color: #1c8fa1;
    margin-bottom: 5px;
}

.__dimensions_badge_embed__ .__db_label {
    font-size: 1em;
    color: #333;
}

.__dimensions_badge_embed__ .__dimensions_Badge_Legend {
    margin-top: 15px;
    text-align: center;
    color: #666;
    font-size: 0.9em;
}

/* Search Page Styles */
body.page_search {
    font-family: 'Arial', sans-serif;
    background-color: #f9f9f9;
    direction: rtl;
}

.main-header {
    background-color: #003366;
    color: #ffffff;
}

.main-header .main-header__title {
    font-size: 24px;
    margin: 10px 0;
}

.main-header__admin-link,
.main-header__lang-link {
    color: #ffffff;
}

.main-header__admin-link:hover,
.main-header__lang-link:hover {
    color: #cccccc;
}

.search__form {
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.search__form .form-group label {
    font-weight: bold;
}

.search__form .form-control {
    border-radius: 5px;
    margin-bottom: 10px;
}

.search_results {
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
}

.article__title a {
    color: #003366;
    font-weight: bold;
}

.article__title a:hover {
    color: #0055a5;
}

.article__meta {
    color: #777;
    font-style: italic;
}

.cmp_pagination {
    text-align: center;
    margin-top: 20px;
}

.cmp_pagination a {
    color: #003366;
    margin: 0 5px;
    text-decoration: none;
}

.cmp_pagination a:hover {
    color: #0055a5;
}









/* General styling for the section */
.homepage_about {
    font-family: 'Amiri', serif;
    line-height: 1.8;
    color: #333;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 20px 0;
    text-align: justify;

}

.homepage_about h2 {
    font-size: 30px;
    color: #004085;
    border-bottom: 3px solid #004085;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: 'Amiri', serif;
}

.homepage_about h3 {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 20px;
    font-family: 'Amiri', serif;
    background-color: #1c8fa1;

}

.homepage_about p {
    font-size: 16px;
    margin-bottom: 0; /* Cancel the space between paragraphs */
    color: #555;
    margin-bottom: 20px;
    font-family: 'Amiri', serif;
    text-align: justify;


}

.homepage_about strong {
    color: #333;
    text-align: justify;
}

.homepage_about em {
    color: #555;
    text-align: justify;

}

/* Flexbox container */
.homepage_about .flex-container {
    display: flex;
    gap: 10px;
}

.homepage_about .flex-container img {
    max-width: 30%;
    height: auto;
    border: 1px solid #ddd;
    padding: 5px;
    background-color: #fff;
    position: sticky;
    top: 20px; /* Adjust as needed for spacing from top */
    align-self: flex-start;
}

.homepage_about .flex-container .text-content {
    flex: 1;
}

.homepage_about .flex-container .text-content ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.homepage_about .flex-container .text-content ul li {
    flex: 1 1 45%; /* Adjust the width of each item */
    margin-bottom: 3px; /* Reduced margin for better spacing */
    background-color: #f9f9f9; /* Add background color for differentiation */
    padding: 10px;
    border-radius: 5px; /* Rounded corners for a polished look */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Add subtle shadow for depth */
    display: flex;
    flex-direction: column; /* Ensure text wraps within the same li */

 

}

.homepage_about .flex-container .text-content ul li strong {
    width: 100%;
    color: #1c8fa1;
    margin-bottom: 5px; /* Space between label and value */
    flex-shrink: 0; /* Prevent label from shrinking */
}

@media (max-width: 768px) {
    .homepage_about .flex-container {
        flex-direction: column;
    }
    .homepage_about .flex-container img {
        max-width: 100%;
        margin-bottom: 20px;
        position: static; /* Disable sticky position on smaller screens */
    }
    .homepage_about .flex-container .text-content ul {
        flex-direction: column;
    }
    .homepage_about .flex-container .text-content ul li {
        flex: 1 1 100%;
    }




    
}















.obj_issue_toc .description{


    text-align: justify;
    font-family: 'Amiri' , Serif  ;

    
}


.obj_issue_summary  .description{


    text-align: justify;
    font-family: 'Amiri' , Serif  ;
    
}




.description {
    display: inline-flexbox;
    max-height: auto; /* تقريبا 3 سطور */
    overflow: hidden;
    position: relative;
  }
  
  .read-more {
    display: none;
    cursor: pointer;
    color: #1c8fa1;
    text-decoration: underline;
  }
  
  .read-less {
    display: none;
    cursor: pointer;
    color: #1c8fa1;
    text-decoration: underline;
  }
  




  @media (max-width: 768px) {
    
    

    
    .description {
        display: inline-flexbox;
        max-height: auto; /* تقريبا 3 سطور */
        overflow: hidden;
        position: relative;
      }
      
      .read-more {
        display: none;
        cursor: pointer;
        color: #1c8fa1;
        text-decoration: underline;
      }
      
      .read-less {
        display: none;
        cursor: pointer;
        color: #1c8fa1;
        text-decoration: underline;
      }
      
    




    
}







/* General header styling */


#navigationPrimary {

    font-family: 'Amiri' , Serif  ;

    


    ul {
        list-style-type: none;
        margin: 2pt;
        padding: 0;
        overflow: hidden;
        
      }
      
      li {
        float:inherit;
         border : 1px solid #e7e7e7;
         border-radius: 5px;
         margin: 2pt;


         .active {
        background-color: #14e7b6;

      }
      
      }
      
      li a {
        display: block;
        text-align: center;
        padding: 3pt;
        text-decoration: none;
        color: aliceblue;
        background-color: #1c8fa1;

           
      }


     
      
      li:last-child {
        border-right: none;
      }
      
      /* Change the link color to #111 (black) on hover */
      li a:hover {
        background-color: #0572ac;
        color: aliceblue;
      }
      
      
  }

#headerNavigationContainer {


    div {   
        background-color: #1c8fa1;

      }

}


#headerNavigationContainer > div > nav > div.pkp_navigation_primary_row > div
{
    background-color: #1c8fa1;


}


#headerNavigationContainer > div > nav > div.pkp_navigation_primary_row
{

    background-color: #1c8fa1;
}



.pkp_navigation_search_wrapper{

    font-family: 'Amiri' , Serif  ;
    border: #ffffff 1px;
    border-radius: 5px;
    background-color: #1c8fa1;


    a:link {
        color: rgb(255, 255, 255);

      }
      
      /* visited link */
      a:visited {
        color: rgb(23, 3, 96);
        background-color: #0572ac;

      }
      
      /* mouse over link */
      a:hover {
        color: rgb(83, 231, 242);
      }
      
      /* selected link */
      a:active {
        color: blue;
      }
}

#navigationUserWrapper {

    background-color: #1c8fa1;



}


.pkp_navigation_primary_row{
    background-color: #1c8fa1;
    
}



#navigationUser {

width: 100%;

    li {
        width: 100%;

        float:inherit;
         border : 1px solid #e7e7e7;
         border-radius: 5px;
         margin: 2pt;
        .active {
            background-color: #1c8fa1;

      }
      
      }
      
      li a {
        width: 100%;

        display: block;
        text-align: center;
        padding: 2px ;
        text-decoration: none;
        color: aliceblue;
        background-color: #1c8fa1;

           
      }


     
      
      li:last-child {
        width: 100%;

        border-right: none;
      }
      
      /* Change the link color to #111 (black) on hover */
      li a:hover {
        background-color: #0572ac;
        color: aliceblue;
      }

}











/* General styling for the current issue section */
.current_issue {
    background-color: #f8f9fa; /* Light gray background */
    padding: 20px;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    margin-bottom: 20px;
}

.current_issue h2 {
    font-family: 'Amiri', serif;
    font-size: 25px;
    color: #004085;
    border-bottom: 3px solid #004085;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background-color: #1c8fa1; /* خلفية زرقاء */

}

.current_issue .current_issue_title {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: 'Amiri', serif;

}

.obj_issue_toc .heading {
    gap: 20px;
    margin-bottom: 20px;
}

.obj_issue_toc .heading .cover img {
    max-width: 150px;
    height: auto;
    border-radius: 5px;
}

.obj_issue_toc .heading .description {
    font-size: 16px;
    color: #555;
}

.obj_issue_toc .heading .description p {
    margin-bottom: 10px;
}

.obj_issue_toc .heading .read-more,
.obj_issue_toc .heading .read-less {
    color: #ffffff;
    cursor: pointer;
    background-color: #26c5e4;
    border-color: #007bff 1PX;
    border-radius: 10PX;
   padding: 2PX;

}


.obj_issue_toc .pub_id,
.obj_issue_toc .published {
    font-size: 14px;
    color: #555;
    margin-top: 10px;
}

.obj_issue_toc .pub_id .type,
.obj_issue_toc .published .label {
    font-weight: bold;
    margin-right: 5px;
}

.sections .section {
    margin-bottom: 20px;
}

.sections .section h3 {
    font-size: 22px;
    color: #004085;
    margin-bottom: 20px;
}

.cmp_article_list .obj_article_summary {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    transition: transform 0.3s;
}

.cmp_article_list .obj_article_summary:hover {
    transform: translateY(-5px);
}

.cmp_article_list .title {
    font-family: 'Amiri', serif;
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.cmp_article_list .title a {
    text-decoration: none;
    color: #004085;
    font-weight: bold;
}

.cmp_article_list .title a:hover {
    text-decoration: underline;
}

.cmp_article_list .subtitle {
    display: block;
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}

.cmp_article_list .meta {
    font-size: 14px;
    color: #777;
    margin-top: 10px;
}

.cmp_article_list .meta .authors {
    margin-bottom: 5px;
}

.cmp_article_list .galleys_links {
    margin-top: 10px;
}

.cmp_article_list .galleys_links a {
    text-decoration: none;
    color: #007bff;
    font-weight: bold;
}

.cmp_article_list .galleys_links a:hover {
    text-decoration: underline;
}

.read_more {
    display: inline-block;
    background-color: #004085;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.3s;
    a {
        color: #ffffff;

    }
}

.read_more:hover {
    background-color: #002b5e;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .obj_issue_toc .heading {
        flex-direction: column;
        align-items: center;
    }
    .obj_issue_toc .heading .cover img {
        max-width: 100%;
    }
}
















/* Footer Wrapper Styling */
.pkp_structure_footer_wrapper {
    background-color: #1c8fa1; /* Dark background for footer */
    color: #ffffff; /* White text color */
    padding: 20px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

/* Footer Content Styling */
.pkp_structure_footer {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

/* Centered Text */
.pkp_footer_content {
    text-align: center;
    flex: 1 0 100%; /* Full width on small screens */
    margin-bottom: 10px;
}

/* Footer Links Styling */
.pkp_footer_content a {
    color: #ffcc00; /* Highlighted link color */
    text-decoration: none;
    transition: color 0.3s;
}

.pkp_footer_content a:hover {
    color: #ff6600; /* Hover effect for links */
}

/* Branding Footer */
.pkp_brand_footer {
    text-align: center;
    flex: 1 0 100%; /* Full width on small screens */
    margin-top: 10px;
}

.pkp_brand_footer img {
    width: 100px; /* Adjust the width of the logo */
    height: auto;
    transition: transform 0.3s;
}

.pkp_brand_footer img:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}

/* Responsive Adjustments */
@media (min-width: 768px) {
    .pkp_footer_content, .pkp_brand_footer {
        flex: 1 0 auto; /* Auto width on larger screens */
        margin: 0;
    }

    .pkp_structure_footer {
        flex-wrap: nowrap; /* No wrap on larger screens */
    }
}















.most-viewed {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.most-viewed-headline {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    border-bottom: 2px solid #333;
    padding-bottom: 5px;
}

.most-viewed-content {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.most-viewed-title a {
    font-family: 'Amiri', serif;
    font-size: 18px;
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

.most-viewed-title a:hover {
    text-decoration: underline;
}

.most-viewed-author {
    font-size: 14px;
    color: #666;
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.most-viewed-author .font-italic {
    font-style: italic;
}

.most-viewed-author .badge {
    background-color: #0073aa;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.most-viewed-author .badge i {
    margin-right: 5px;
}

.most-viewed-subtitle {
    font-family: 'Amiri', serif;
    font-size: 16px;
    color: #999;
    margin-top: 5px;
}






/* General styles for the journal information page */
body {
    font-family: 'Amiri', serif;
    line-height: 1.6;
    background-color: #f8f9fa;
    color: #212529;
    padding: 20px;
    text-align: justify;

}

.container {
    width: 80%;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-family: 'Amiri', serif;

}

h1, h2, h3 {
    color: #0056b3;
    margin-bottom: 15px;
    font-weight: bold;
    position: relative;
}

h1 a, h2 a, h3 a {
    color: #0056b3;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover {
    text-decoration: underline;
}

p {
    margin-bottom: 10px;
    line-height: 1.8;
}

ul {
    margin-bottom: 20px;
    padding-left: 20px;
}

ul li {
    margin-bottom: 10px;
}

a {
    color: #0056b3;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Specific styles for content sections */
.intro, .vision, .objectives, .publication, .fees, .rights, .disclaimer, .licensing {
    margin-bottom: 40px;
}

.section-title {
    font-family: 'Amiri', serif;
    font-size: 1.5em;
    margin-bottom: 10px;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 5px;
}

.info {
    background-color: #e9ecef;
    padding: 15px;
    border-left: 5px solid #0056b3;
    margin-bottom: 20px;
}

.info p {
    margin: 0;
}

/* Example specific content classes */
.journal-name {
    font-size: 1.2em;
    font-weight: bold;
    color: #0056b3;
}

.section-content {
    padding: 10px 0;
}

/* Table styling */
table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    margin-bottom: 20px;
}

table, th, td {
    border: 1px solid #ddd;
}

th, td {
    padding: 12px;
    text-align: left;
    text-align: justify;

}

th {
    background-color: #f2f2f2;
}

.license-info {
    padding: 10px;
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px;
    text-align: justify;
    font-family: 'Amiri', serif;


}

.disclaimer-text {
    font-family: 'Amiri', serif;
    font-size: 0.9em;
    color: #6c757d;
    background-color: #e9ecef;
    padding: 15px;
    border-left: 5px solid #dc3545;
    margin-top: 20px;
    text-align: justify;
}

/* Specific styles for left-to-right (LTR) text */
p[style*="direction: ltr;"] {
    direction: ltr;
    text-align: left;
}

/* Link colors for sections */
a[href="#openaccess"], a[href="#fee"], a[href="#exemptionfees"], a[href="#feeother"], a[href="#copyrights"], a[href="#licensing"] {
    color: #0056b3;
    font-weight: bold;
}

a[href="#openaccess"]:hover, a[href="#fee"]:hover, a[href="#exemptionfees"]:hover, a[href="#feeother"]:hover, a[href="#copyrights"]:hover, a[href="#licensing"]:hover {
    text-decoration: underline;
}







/* تنسيق العنوان الرئيسي */
.page_submissions h1 {
    font-family: 'Amiri', serif;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

/* تنسيق النصوص والفقرات */
.page_submissions p, 
.page_submissions li {
    font-family: 'Amiri', serif;
    font-size: 18px;
    line-height: 1.8;
    color: #444;
    margin-bottom: 10px; /* تقليل التباعد بين الفقرات */
    text-align: justify;
}

/* تمييز النصوص الهامة */
.page_submissions p strong,
.page_submissions li strong {
    color: #007BFF;
}

/* تنسيق العناوين الفرعية */
.page_submissions h2 {
    font-family: 'Amiri', serif;
    font-weight: bold;
    color: #333;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 15px;
}

.page_submissions h3 {
    font-family: 'Amiri', serif;
    font-weight: bold;
    color: #444;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

/* تنسيق الروابط */
.page_submissions a {
    color: #007BFF;
    text-decoration: none;
    transition: color 0.3s;
}

.page_submissions a:hover {
    color: #0056b3;
}

/* تنسيق الأزرار */
.page_submissions .button, 
.page_submissions input[type="submit"] {
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.page_submissions .button:hover, 
.page_submissions input[type="submit"]:hover {
    background-color: #0056b3;
}

/* تنسيق الجداول */
.page_submissions table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.page_submissions th, 
.page_submissions td {
    font-family: 'Amiri', serif;
    padding: 12px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.page_submissions th {
    background-color: #f8f8f8;
    font-weight: bold;
}

/* تنسيق التنبيهات والإشعارات */
.page_submissions .cmp_notification {
    background-color: #ffebcc;
    border: 1px solid #ffcc00;
    padding: 15px;
    border-radius: 5px;
    color: #333;
    margin-bottom: 20px;
}

/* تنسيق قوائم breadcrumbs */
.cmp_breadcrumbs ol {
    list-style: none;
    padding: 0;
    display: flex;
    font-family: 'Amiri', serif;
    font-size: 14px;
    color: #666;
}

.cmp_breadcrumbs ol li {
    margin-right: 5px;
}

.cmp_breadcrumbs .separator {
    margin-right: 5px;
}

.cmp_breadcrumbs a {
    color: #007BFF;
    text-decoration: none;
}

.cmp_breadcrumbs a:hover {
    text-decoration: underline;
}

/* تنسيق blockquotes */
.page_submissions blockquote {
    border-left: 5px solid #ccc;
    padding-left: 15px;
    margin: 20px 0;
    color: #666;
    font-family: 'Amiri', serif;
    font-style: italic;
}





/* التنسيق العام للصفحة */
.page_information {
    font-family: 'Amiri', serif;
    color: #333;
    line-height: 1.8;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* تنسيق العناوين */
.page_information h1 {
    font-size: 2.5em;
    color: #2c3e50;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 2px solid #2980b9;
    padding-bottom: 10px;
}

.page_information h2, .page_information h3 {
    color: #34495e;
    margin-top: 30px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 5px;
}








/* تنسيق النص */
.page_information p {
    margin-bottom: 20px;
    text-align: justify;
    font-size: 1.1em;
    color: #555;
}

/* تنسيق النص المميز */
.page_information strong {
    color: #2980b9;
}

/* تنسيق القوائم */
.page_information ul, .page_information ol {
    margin-left: 40px;
    margin-bottom: 20px;
}

.page_information ul li, .page_information ol li {
    margin-bottom: 10px;
}

/* تنسيق الروابط */
.page_information a {
    color: #2980b9;
    text-decoration: none;
}

.page_information a:hover {
    text-decoration: underline;
}

/* تنسيق الملاحظات والمعلومات المهمة */
.page_information .highlight {
    background-color: #ffeb3b;
    padding: 5px;
    border-radius: 3px;
    font-weight: bold;
}

/* تنسيق التنقل */
.cmp_breadcrumbs {
    background-color: #ecf0f1;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.cmp_breadcrumbs a {
    color: #3498db;
}

.cmp_breadcrumbs .separator {
    margin: 0 5px;
    color: #7f8c8d;
}






/* تنسيق العنصر الرئيسي */
.page_issue_archive {
    padding: 20px;
    font-family: 'Amiri', serif; /* استخدام خط أميري */
    background-color: #f5f5f5;
}

/* تنسيق العناوين */
.page_issue_archive h1 {
    font-size: 2em;
    color: #333;
    margin-bottom: 20px;
    border-bottom: 2px solid #007bff;
    padding-bottom: 10px;
}

.page_issue_archive h2 {
    font-size: 1.5em;
    color: #333;
    margin: 10px 0;
    font-weight: bold;
}

/* تنسيق الفقرة والوصف */
.page_issue_archive .description p {
    font-size: 1.1em;
    color: #555;
    margin: 15px 0;
    line-height: 1.6;
}

/* تنسيق الروابط */
.page_issue_archive a.title {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Amiri', serif;

}

.page_issue_archive a.title:hover {
    text-decoration: underline;
}

/* تمييز الصفوف: استخدام الظلال وتباين الخلفية */
.issues_archive li {
    margin-bottom: 20px;
    list-style: none;
}

.issues_archive li .obj_issue_summary {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.issues_archive li .obj_issue_summary:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* تنسيق الصور */
.page_issue_archive .cover img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* تنسيق أزرار المزيد والأقل */
.page_issue_archive .read-more, .page_issue_archive .read-less {
    color: #007bff;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    font-size: 0.9em;
    border: 1px solid #007bff;
    border-radius: 4px;
    padding: 5px 10px;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.page_issue_archive .read-more:hover, .page_issue_archive .read-less:hover {
    background-color: #007bff;
    color: #fff;
}

/* تنسيق إضافي للعناصر داخل الصفوف */
.obj_issue_summary .series {
    font-size: 0.9em;
    color: #777;
    margin-top: 5px;
}

.obj_issue_summary .description p {
    text-align: justify;
}













/* الوعاء الرئيسي */
.journalcontainer {
    font-family: 'Amiri', serif;
    line-height: 1.6;
    color: #333;
    background-color: #f8f9fa;
    padding: 5px;
    margin: 0 auto;
    max-width: 1000px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: justify;
    margin-top: 10px;

}

/* العناوين الرئيسية */
.journal-title {
    font-family: 'Amiri', serif;
    color: #0056b3;
    font-size: 1.75rem;
    margin-top: 3px;
    border-bottom: 2px solid #0056b3;
    padding-bottom: 5px;
    text-align: justify;
    


}

/* العناوين الفرعية */
.section-title {
    font-family: 'Amiri', serif;
    color: #0056b3;
    font-size: 1.75rem;
    margin-top: 20px;
    border-bottom: 1px solid #0056b3;
    padding-bottom: 5px;
    text-align: justify;
    font-family: 'Amiri', serif;


}

/* الفقرات والقوائم */
.journalcontainer p,
.journalcontainer ul,
.journalcontainer ol {
    margin: 10px 0;
    text-align: justify;
    font-family: 'Amiri', serif;
    font-size: 1.2rem;
    font-style: normal;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 10px;
margin-left: 10px;


}

.journalcontainer ul,
.journalcontainer ol {
    padding-left: 20px;
}

.journalcontainer ul li,
.journalcontainer ol li {
    margin-bottom: 10px;
}

/* النصوص العريضة */
.journalcontainer strong {
    color: #212529;
    font-weight: bold;
    text-align: justify;
    font-family: 'Amiri', serif;


}

/* الروابط */
.journalcontainer a {
    color: #007bff;
    text-decoration: none;
    text-align: justify;
    font-family: 'Amiri', serif;


}

.journalcontainer a:hover {
    text-decoration: underline;
}




.pkp_structure_sidebar.left {
    font-family: 'Amiri', serif !important;
  }
  
  .pkp_structure_sidebar.left .title {
    font-family: 'Amiri', serif !important;
    font-size: 1.2em; 
  }
  
  .pkp_structure_sidebar.left .content {
    font-family: 'Amiri', serif !important;
    line-height: 1.5;
  }


  .page_issue .sections h2 ,
  .obj_issue_toc .sections h3 {
    font-family: 'Amiri', serif !important;
  }s

  
/* استهداف العنوان داخل blockquote ضمن additional_content */
.additional_content blockquote > h3 {
    font-family: 'Amiri', serif !important;
    font-size: 1.5em;        /* حجم خط أكبر للعناوين */
    color: #2c3e50;          /* لون نص مميز */
    text-align: center;      /* توسيط العنوان */
    margin-bottom: 0.5em;    /* مسافة تحت العنوان */
  }
  
  

  .most-viewed.obj_article_summary .most-viewed-headline,
.most-viewed.obj_article_summary .most-viewed-content {
  font-family: 'Amiri', serif !important;
}




/* 1. العنوان الرئيسي للمقال */
.obj_article_details .page_title {
    font-family: 'Amiri', serif !important;
    font-size: 1.8em;    /* مثال لضبط حجم العنوان */
    margin-bottom: 0.5em;
  }
  
  /* 2. بيانات المؤلفين (الاسم والانتماء) */
  .obj_article_details .item.authors .name,
  .obj_article_details .item.authors .affiliation {
    font-family: 'Amiri', serif !important;
    font-size: 1em;
    line-height: 1.4;
  }
  
  /* 3. نص الملخص */
  .obj_article_details .item.abstract p {
    font-family: 'Amiri', serif !important;
    line-height: 1.6;
    margin-bottom: 1em;
  }
  
  /* 4. تسميات الحقول (مثل DOI، الكلمات المفتاحية) والقيم */
  .obj_article_details .item .label,
  .obj_article_details .item .value {
    font-family: 'Amiri', serif !important;
  }
  
  /* 5. نص المحتوى العام داخل main_entry */
  .obj_article_details .main_entry {
    font-family: 'Amiri', serif !important;
    line-height: 1.5;
  }
  
  .page_issue h1 {
    font-family: 'Amiri', serif !important;
    font-size: 1.5em;    /* اختياري لضبط الحجم */
    line-height: 1.3;    /* اختياري لضبط ارتفاع السطر */
  }
  






/* 1) منع التمرير الأفقي على مستوى الصفحة */
body {
    overflow-x: hidden !important;   
    margin: 0;                         
    padding: 0;                      
  }
  

  

.page_search {
    box-sizing: border-box;           
    width: auto !important;           
    max-width: 100% !important;       
    overflow-x: auto !important;      
  }
  

  .page_search .cmp_form,
  .page_search .search_input,
  .page_search .search_advanced,
  .page_search .date_range,
  .page_search fieldset {
    box-sizing: border-box;          
    max-width: 100% !important; 
    font-family: 'Amiri', serif !important; 
  }
  

  .search_input .query {
    width: 100% !important;               
    box-sizing: border-box;                
    font-family: 'Amiri', serif !important; 
    font-size: 1em;                        
    padding: 0.5em;                        
    border: 1px solid #ccc;             
    border-radius: 4px;                  
  }


  .page_search,
  .page_search * {
    width: auto !important;          
  }
  




  /* 1. الأساس: اعتماد نموذج الصندوق الشامل */
#articlesBySimilarityList,
#articlesBySimilarityList * {
  box-sizing: border-box; /* يشمل padding و border ضمن الحجم الكلي للعناصر */ :contentReference[oaicite:0]{index=0}
}

/* 2. تنسيق العنوان */
#articlesBySimilarityList > h3 {
  font-family: 'Amiri', serif;     /* خط أميري أنيق */ 
  font-size: 1.4em;                /* حجم بارز للعناوين */ 
  color: #2c3e50;                  /* لون داكن مريح للعين */
  border-bottom: 2px solid #bdc3c7;/* خط فاصل أسفل العنوان */ :contentReference[oaicite:3]{index=3}
  padding-bottom: 0.3em;
  margin-bottom: 0.8em;
}

/* 3. إزالة النقط الافتراضية وإضافة نقط مخصصة */
#articlesBySimilarityList ul {
  list-style: none;                /* إلغاء النقط الافتراضية */ :contentReference[oaicite:4]{index=4}
  padding-left: 0;                 /* إزالة المسافة الافتراضية */ :contentReference[oaicite:5]{index=5}
}

#articlesBySimilarityList li {
  position: relative;
  padding-left: 1.5em;             /* ترك مسافة للنقطة المخصصة */ :contentReference[oaicite:6]{index=6}
  margin-bottom: 0.8em;            /* تباعد بين العناصر */ :contentReference[oaicite:7]{index=7}
  line-height: 1.4;         
  font-family: 'Amiri', serif;     /* توحيد الخط */ 

  /* ارتفاع سطر مريح للقراءة */ :contentReference[oaicite:8]{index=8}
}

/* 4. تصميم النقطة المخصصة باستخدام ::before */
#articlesBySimilarityList li::before {
  content: "◆";                    /* رمز مخصص للنقطة */ :contentReference[oaicite:9]{index=9}
  position: absolute;
  left: 0;
  top: 0.2em;
  font-size: 0.8em;
  color: #e74c3c;    
  font-family: 'Amiri', serif;     /* توحيد الخط */ 
}

/* 5. تنسيق روابط العنوان والمجلة */
#articlesBySimilarityList a {
  font-family: 'Amiri', serif;     /* الحفاظ على تناسق الخط */ 
  color: #2980b9;                  /* لون روابط واضح */
  text-decoration: none;
  transition: color 0.2s ease-in-out; /* تأثير انتقالي عند hover */
}

#articlesBySimilarityList a:hover {
  color: #c0392b;                  /* تغير اللون عند المرور فوقه */ 
  text-decoration: underline;
}

/* 6. إبراز اسم المؤلف */
#articlesBySimilarityList li {
  font-weight: 500;    
  font-family: 'Amiri', serif;     /* توحيد الخط */ 
 
}

#articlesBySimilarityList li span.author {
  font-style: italic;              /* إسناد نص المؤلف إلى مائل */ :contentReference[oaicite:11]{index=11}
  color: #7f8c8d;
  margin-right: 0.5em;
  font-family: 'Amiri', serif;     /* توحيد الخط */ 

}

/* 7. صندوق التصفح (pagination) */
.cmp_pagination {
  display: flex;
  gap: 1em;
  font-family: 'Amiri', serif;     /* توحيد الخط */ 
  margin-top: 1em;
}

.cmp_pagination a,
.cmp_pagination .current {
  padding: 0.4em 0.8em;
  border: 1px solid #bdc3c7;       /* إطار خفيف حول كل صفحة */ :contentReference[oaicite:12]{index=12}
  border-radius: 4px;              /* حواف مدورة */ 
}

.cmp_pagination a.next {
  background-color: #ecf0f1;       /* خلفية خفيفة للزر */
}

.cmp_pagination .current {
  background-color: #dfe6e9;       /* خلفية مميزة للصفحة الحالية */
  font-weight: bold;
}

/* 8. نص المساعدة أسفل القائمة */
#articlesBySimilaritySearch {
  font-size: 0.9em;
  color: #34495e;
  margin-top: 1.2em;
  font-family: 'Amiri', serif;     /* توحيد الخط */ 
}

#articlesBySimilaritySearch a {
  color: #16a085;
  text-decoration: underline;
  font-family: 'Amiri', serif;     /* توحيد الخط */ 

}


/* These styles apply to the main page content, with unique IDs/classes */
#journalMainIndexing,
#journalMainArchiving {
    display: block; /* Ensures each section is on its own line */
    margin-bottom: 40px; /* Spacing between the main sections */
}


/* Style for each individual entry (paragraph) in the main list */
.main-indexing-item {
    background-color: #ffffff; /* White background for each entry */
    border: 1px solid #e0e0e0; /* Light border */
    border-radius: 8px; /* Rounded corners */
    padding: 15px; /* Internal padding */
    margin-bottom: 20px; /* Spacing between entries */
    display: flex; /* Use flexbox for horizontal alignment */
    align-items: center; /* Align items to the center vertically */
    gap: 20px; /* Space between image and text */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08); /* Subtle shadow */
    transition: all 0.3s ease-in-out; /* Smooth transition for hover */
    text-align: right; /* Default text alignment for Arabic */
    line-height: 1.6; /* Improve readability */
    font-family: 'Amiri', serif; /* Ensure Amiri font */
    direction: rtl; /* Set direction to right-to-left for Arabic content */
}

.main-indexing-item:hover {
    transform: translateY(-5px); /* Lift effect on hover */
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); /* More pronounced shadow on hover */
}

/* Style for the link within each entry */
.main-indexing-item a {
    text-decoration: none; /* Remove underline */
    color: #333; /* Default text color */
    display: flex; /* Make the anchor tag a flex container */
    align-items: center; /* Align image and text at the center */
    width: 100%; /* Ensure link takes full width of its parent */
    gap: 20px; /* Space between image and text inside the link */
    direction: rtl; /* Inherit RTL for the link content */
}

.main-indexing-item a:hover {
    color: #007bff; /* Change text color on hover */
}

/* Style for the image within each entry */
.main-indexing-item img {
    max-width: 120px; /* Max width for the logo */
    height: auto; /* Maintain aspect ratio */
    flex-shrink: 0; /* Prevent image from shrinking */
    border: 1px solid #ddd; /* Light border around image */
    border-radius: 5px; /* Rounded corners for image */
    padding: 5px; /* Padding inside the image border */
}

/* Style for the description text within each entry */
.main-indexing-item strong {
    color: #0056b3; /* Darker blue for the bold title */
    display: block; /* Make the bold title appear on a new line */
    margin-bottom: 5px; /* Space below the bold title */
    font-size: 1.1em; /* Slightly larger font for the bold title */
}

/* Remove default <br> generated by HTML if using flexbox for layout control */
.main-indexing-item br {
    display: none;
}

/* Responsive adjustments for main indexing/archiving page */
@media (max-width: 768px) {
    .main-indexing-item {
        flex-direction: column; /* Stack image and text vertically on small screens */
        align-items: center; /* Center items when stacked */
        text-align: center; /* Center text when stacked */
        gap: 10px; /* Reduced gap */
    }

    .main-indexing-item a {
        flex-direction: column; /* Stack image and text vertically inside the link */
        align-items: center;
        text-align: center;
        gap: 10px;
    }

    .main-indexing-item img {
        margin: 0; /* Remove left margin when stacked */
        max-width: 100px; /* Smaller image size for mobile */
    }

    .main-indexing-item strong {
        margin-bottom: 0; /* No extra margin when stacked */
    }
}


/* 9. تحويل كل li إلى بطاقة مميزة */
#articlesBySimilarityList li {
    background-color: #ffffff;                /* خلفية بيضاء للبطاقة */ :contentReference[oaicite:0]{index=0}
    border: 1px solid #e0e0e0;                /* حد خفيف حول البطاقة */ :contentReference[oaicite:1]{index=1}
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);    /* ظل خفيف لإبراز البطاقة */ :contentReference[oaicite:2]{index=2}
    border-radius: 6px;                       /* زوايا مستديرة للبطاقة */ :contentReference[oaicite:3]{index=3}
    padding: 1em;                             /* حشوة داخلية مريحة */ :contentReference[oaicite:4]{index=4}
    margin-bottom: 1em;                       /* مسافة فاصلة بين البطاقات */ :contentReference[oaicite:5]{index=5}
    transition: transform 0.2s ease,          /* انتقال ناعم عند التحويم */ :contentReference[oaicite:6]{index=6}
                box-shadow 0.2s ease;          /* وتحسين الظل تدريجياً */ :contentReference[oaicite:7]{index=7}
  }
  
  /* 10. تأثير التحويم: تكبير خفيف وظل أقوى */
  #articlesBySimilarityList li:hover {
    transform: translateY(-4px);              /* رفع خفيف للبطاقة */ :contentReference[oaicite:8]{index=8}
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);    /* ظل أقوى عند التحويم */ :contentReference[oaicite:9]{index=9}
  }
  
  /* 11. تأكد من نموذج الصندوق الشامل */
  #articlesBySimilarityList,
  #articlesBySimilarityList * {
    box-sizing: border-box;                   /* يشمل padding و border ضمن الحجم الكلي */ :contentReference[oaicite:10]{index=10}
  }
  












  /* تنسيقات عامة للصفحة */
.page_masthead {
    font-family: 'Amiri', Serif; /* الخط الافتراضي: Amiri */
    color: #333; /* لون نص أساسي */
    line-height: 1.6;
    padding: 20px; /* مسافة داخلية حول المحتوى */
    background-color: #f9f9f9; /* خلفية خفيفة للصفحة */
    border-radius: 8px; /* حواف مستديرة للمظهر العام */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* ظل خفيف لتحسين المظهر */
}

/* تنسيق شريط التنقل (Breadcrumbs) */
.cmp_breadcrumbs {
    margin-bottom: 25px; /* مسافة سفلية */
    font-size: 0.9em;
    color: #666;
}

.cmp_breadcrumbs ol {
    list-style: none; /* إزالة النقاط الافتراضية */
    padding: 0;
    margin: 0;
    display: flex; /* لعرض العناصر بجانب بعضها */
    align-items: center;
}

.cmp_breadcrumbs li {
    display: inline; /* لعرض العناصر في سطر واحد */
}

.cmp_breadcrumbs a {
    color: #007bff; /* لون روابط شريط التنقل */
    text-decoration: none;
    transition: color 0.3s ease; /* تأثير عند التحويم */
}

.cmp_breadcrumbs a:hover {
    color: #0056b3; /* لون عند التحويم */
}

.cmp_breadcrumbs .separator {
    margin: 0 8px; /* مسافة حول الفاصل */
    color: #999; /* لون الفاصل */
}

.cmp_breadcrumbs .current span {
    font-weight: bold; /* جعل العنصر الحالي غامقًا */
    color: #333;
}

/* تنسيق العناوين الرئيسية */
h1 {
    color: #1a2a4b; /* لون مميز لعنوان الصفحة */
    font-size: 2.5em; /* حجم كبير للعنوان */
    margin-bottom: 30px; /* مسافة سفلية */
    text-align: center; /* توسيط العنوان */
    position: relative;
    padding-bottom: 10px;
}

h1::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 80px; /* خط سفلي أسفل العنوان */
    height: 3px;
    background-color: #007bff; /* لون الخط */
}

h2 {
    color: #2c3e50; /* لون عناوين الأقسام */
    font-size: 1.8em; /* حجم مناسب لعناوين الأقسام */
    margin-top: 40px; /* مسافة علوية كبيرة */
    margin-bottom: 20px; /* مسافة سفلية */
    border-bottom: 2px solid #eee; /* خط سفلي خفيف تحت العنوان */
    padding-bottom: 10px;
}

/* تنسيق قوائم المستخدمين (أعضاء هيئة التحرير والمحكمين) */
.user_listing {
    list-style: none; /* إزالة النقاط الافتراضية */
    padding: 0;
    margin-bottom: 30px; /* مسافة سفلية لكل قائمة */
}

.user_listing li {
    background-color: #fff; /* خلفية بيضاء لكل عضو */
    margin-bottom: 10px; /* مسافة بين كل عضو */
    padding: 15px 20px; /* مسافة داخلية */
    border-radius: 5px; /* حواف مستديرة */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* ظل خفيف */
    display: flex; /* لعرض العناصر بجانب بعضها بمرونة */
    flex-wrap: wrap; /* للسماح بالعناصر بالانتقال إلى سطر جديد إذا ضاقت المساحة */
    align-items: center; /* محاذاة عمودية */
}

.user_listing .date_start {
    font-weight: bold;
    color: #555;
    margin-right: 15px; /* مسافة بعد التاريخ */
    min-width: 70px; /* لضمان تناسق التواريخ */
}

.user_listing .name {
    font-weight: bold;
    color: #007bff; /* لون مميز للاسم */
    margin-right: 15px; /* مسافة بعد الاسم */
    font-size: 1.1em;
}

.user_listing .affiliation {
    color: #666;
    font-style: italic; /* إمالة نص الانتماء */
    flex-grow: 1; /* للسماح للانتماء بأخذ المساحة المتبقية */
}

/* تنسيق أيقونة ORCID */
.orcid {
    display: inline-flex; /* للحفاظ على الأيقونة والنص في سطر واحد */
    align-items: center; /* محاذاة رأسية */
    margin-left: 8px; /* مسافة يسار الأيقونة */
}

.orcid_icon {
    width: 18px; /* حجم أيقونة ORCID */
    height: 18px;
    vertical-align: middle; /* محاذاة رأسية */
}

/* تنسيق الفقرات العامة */
p {
    margin-bottom: 20px;
    font-size: 1.05em;
    color: #555;
}

p a {
    color: #007bff;
    text-decoration: none;
    font-weight: bold;
}

p a:hover {
    text-decoration: underline;
}

/* الخط الأفقي */
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    margin: 50px 0; /* مسافة كبيرة حول الخط الفاصل */
}