.page_index_journal .current_issue .heading {
    display: block !important;
}

.page_index_journal .current_issue .heading .cover {
    display: block !important;
}

.page_index_journal .current_issue .heading .cover img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}


/* .page_index_journal .additional_content{display:block !important;} */

.homepage_about h2{display:block !important;}
/* ===== Header ===== */

.pkp_structure_head,
.pkp_head_wrapper,
#headerNavigationContainer {

background: linear-gradient(
    to bottom,
    #F6F7EE 0%,
    #ECEDDC 20%,
    #E5E6D2 30%,
    #DCDEC6 70%,
    #D2D4B9 100%
) !important;

    border: none !important;
    box-shadow: none !important;
}

/* Navigation + User Menu */

.pkp_navigation_primary > li > a,
#navigationUserWrapper a,
.pkp_navigation_user a,
.pkp_navigation_user_wrapper a {

    color: #242424 !important;

}

.pkp_navigation_primary > li > a:hover,
#navigationUserWrapper a:hover,
.pkp_navigation_user a:hover,
.pkp_navigation_user_wrapper a:hover {

    color: #0EABE2 !important;

}

/* Dropdown Menu */

.pkp_navigation_primary > li > ul.dropdown-menu {

    background: #F2F3E7 !important;
    border: 1px solid #D2D4B9 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;

}

.pkp_navigation_primary > li > ul.dropdown-menu li,
.pkp_navigation_primary > li > ul.dropdown-menu li a {

    background: #F2F3E7 !important;
}


/* Navigation Dropdown */

.pkp_navigation_primary > li > ul.dropdown-menu a {

    color: #000 !important;

}

.pkp_navigation_primary > li > ul.dropdown-menu a:hover {

    background: #E8E5D2 !important;
    color: #0EABE2 !important;
    border-left: 4px solid #0EABE2 !important;
    box-shadow: none !important;

}
/* User Dropdown */

#navigationUserWrapper .dropdown-menu {
    background: #E8E5D2 !important;
    border: 1px solid #D2D4B9 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
}

#navigationUserWrapper .dropdown-menu li,
#navigationUserWrapper .dropdown-menu li a {
    background: #F2F3E7 !important;
    color: #000 !important;
}

#navigationUserWrapper .dropdown-menu li a:hover {
    background: #E8E5D2 !important;
    color: #0EABE2 !important;
    border-left: 4px solid #0EABE2 !important;
}
.pkp_site_nav_menu,
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {

    background: transparent !important;

    border: none !important;
    box-shadow: none !important;

}

.obj_issue_toc .sections:not(:first-child) {
    margin-top: 0;
}

.obj_issue_toc .galleys, .obj_issue_toc .section {
    margin: 0.5rem -0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}

div.published {display: none; }

div.pkp_navigation_search_wrapper {display: none;}

.nbtn {
  border: 2px solid black;
  background-color: white;
  color: #006798;
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
 border-radius: 5px;
}

.primary{
  background: #006798;
  color: white;
}
.primary:hover {
 background: white;
  border-color: #006798;
  color: #006798
}
/* ===== Keep Navigation Background When Open / Focused ===== */

.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a:active,
.pkp_navigation_primary > li.open > a,
.pkp_navigation_primary > li.open > a:hover,
.pkp_navigation_primary > li.open > a:focus,
.pkp_navigation_primary > li.open > a:active {
    background: transparent !important;
    color: #242424 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ===== User Menu - Keep Background ===== */

#navigationUserWrapper a,
#navigationUserWrapper .dropdown-toggle,
#navigationUserWrapper .dropdown-toggle:focus,
#navigationUserWrapper .dropdown-toggle:active,
#navigationUserWrapper .dropdown-toggle:hover,
#navigationUserWrapper .open > a,
#navigationUserWrapper .open > a:focus,
#navigationUserWrapper .open > a:hover,
#navigationUserWrapper .open > a:active {
    background: transparent !important;
    color: #242424 !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ===== User Dropdown ===== */

#navigationUserWrapper .dropdown-menu,
#navigationUserWrapper .open .dropdown-menu {
    background: #F2F3E7 !important;
    border: 1px solid #D2D4B9 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.08) !important;
}

#navigationUserWrapper .dropdown-menu li,
#navigationUserWrapper .dropdown-menu li a {
    background: #F2F3E7 !important;
    color: #000 !important;
}

#navigationUserWrapper .dropdown-menu li a:hover,
#navigationUserWrapper .dropdown-menu li a:focus,
#navigationUserWrapper .dropdown-menu li a:active {
    background: #E8E5D2 !important;
    color: #0EABE2 !important;
}
/* Popup container */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }

  /* The actual popup (appears on top) */
  .popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
  }

  /* Popup arrow */
  .popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  /* Toggle this class when clicking on the popup container (hide and show the popup) */
  .popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
  }

  /* Add animation (fade in the popup) */
  @-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
  }

  @keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
  }
/* ===== Footer ===== */

.pkp_structure_footer {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    background: linear-gradient(
        to bottom,
        #F6F7EE 0%,
        #ECEDDC 20%,
        #E5E6D2 30%,
        #DCDEC6 70%,
        #D2D4B9 100%
    ) !important;

    border: none !important;
    padding: 20px 0 !important;
    box-sizing: border-box !important;
}

.pkp_footer_content,
.pkp_brand_footer {
    width: 90% !important;
    max-width: 1140px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
}
@media (max-width: 768px) {

    .pkp_site_nav_menu {
        background: #ECECDD !important;
    }

    .pkp_site_nav_menu::before,
    .pkp_site_nav_menu::after {
        background: #ECECDD !important;
    }

    .pkp_site_nav_menu .dropdown-menu a,
    .pkp_site_nav_menu .dropdown-menu li a,
    .pkp_site_nav_menu ul ul a {
        color: #242424 !important;
    }
}
@media (min-width: 1300px) {
    .pkp_structure_sidebar {
        position: relative !important;
    
}
}
/* =========================================================
   AJAS - EXPLORE ARTICLES
   ========================================================= */


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.ajas-explore-articles {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}


/* =========================================================
   EXPLORE ARTICLES TITLE
   نفس المسافة فوق وتحت
   ========================================================= */

.ajas-explore-title {
    display: block !important;
    width: 100% !important;

    margin-top: 20px !important;
    margin-bottom: 20px !important;

    padding: 0 !important;

    color: #000000 !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;
}


/* Arabic */
html[dir="rtl"] .ajas-explore-title {
    direction: rtl !important;
    text-align: right !important;
}


/* English */
html[dir="ltr"] .ajas-explore-title {
    direction: ltr !important;
    text-align: left !important;
}


/* =========================================================
   TABS CONTAINER
   ========================================================= */

.ajas-explore-tabs {
    display: flex !important;

    width: 100% !important;
    min-height: 44px !important;

    margin: 0 0 20px 0 !important;
    padding: 3px !important;

    box-sizing: border-box !important;

    background: #F6F7EE !important;
    background-image: none !important;

    border: 1px solid #D2D4B9 !important;
    border-radius: 10px !important;

    gap: 5px !important;
}


/* =========================================================
   TAB BUTTONS
   ========================================================= */

.ajas-explore-tab {
    flex: 1 1 0 !important;

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

    min-height: 38px !important;

    margin: 0 !important;
    padding: 8px 12px !important;

    box-sizing: border-box !important;

    background: transparent !important;
    background-image: none !important;

    border: 1px solid transparent !important;
    border-radius: 8px !important;

    color: #000000 !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    cursor: pointer !important;

    outline: none !important;
    box-shadow: none !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}


/* =========================================================
   NORMAL HOVER
   ما نغير اللون إلى لون ثاني
   ========================================================= */

.ajas-explore-tab:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border-color: transparent !important;

    color: #000000 !important;

    box-shadow: none !important;
}


/* =========================================================
   ACTIVE TAB
   فقط الخيار المضغوط يصير له مربع
   ========================================================= */

.ajas-explore-tab.is-active,
.ajas-explore-tab[aria-selected="true"] {
    background: #F2F3E7 !important;
    background-color: #F2F3E7 !important;
    background-image: none !important;

    border: 1px solid #D2D4B9 !important;
    border-radius: 8px !important;

    color: #000000 !important;

    box-shadow: none !important;
}


/* =========================================================
   ACTIVE + HOVER
   يبقى نفس لون الخيار النشط
   ========================================================= */

.ajas-explore-tab.is-active:hover,
.ajas-explore-tab[aria-selected="true"]:hover {
    background: #F2F3E7 !important;
    background-color: #F2F3E7 !important;
    background-image: none !important;

    border: 1px solid #D2D4B9 !important;

    color: #000000 !important;

    box-shadow: none !important;
}


/* =========================================================
   CLICK / FOCUS
   ========================================================= */

.ajas-explore-tab:focus,
.ajas-explore-tab:active {
    outline: none !important;
    box-shadow: none !important;

    color: #000000 !important;
}


/* =========================================================
   PANEL
   ========================================================= */

.ajas-explore-panel {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   CURRENT ISSUE
   ========================================================= */

.ajas-current-issue-content {
    width: 100% !important;

    margin-top: 0 !important;
    padding-top: 0 !important;

    box-sizing: border-box !important;
}


/* Current Issue heading */
.ajas-current-issue-content h2,
.ajas-current-issue-content .heading {
    color: #000000 !important;
}


/* Cover */
.ajas-current-issue-content .cover {
    display: block !important;

    margin-bottom: 15px !important;
}


/* Cover image */
.ajas-current-issue-content .cover img {
    display: block !important;

    max-width: 100% !important;
    height: auto !important;

    margin: 0 auto !important;
}


/* =========================================================
   MOST READ
   ========================================================= */

.ajas-explore-most-read {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


/* Remove bullets */
.ajas-explore-most-read,
.ajas-explore-most-read li {
    list-style: none !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Article box */
.ajas-explore-most-read .most_read_article {
    display: block !important;

    width: 100% !important;

    margin: 0 0 14px 0 !important;
    padding: 14px !important;

    box-sizing: border-box !important;

    background: #FFFFFF !important;

    border: 1px solid #D2D4B9 !important;
    border-radius: 10px !important;
}


/* Article title */
.ajas-explore-most-read .most_read_article_title {
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
}


/* Article title link */
.ajas-explore-most-read .most_read_article_title a {
    color: #006798 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 1.5 !important;

    text-decoration: none !important;
}


.ajas-explore-most-read .most_read_article_title a:hover {
    color: #006798 !important;
    text-decoration: underline !important;
}


/* Views */
.ajas-explore-most-read .most_read_article_journal {
    display: inline-block !important;

    margin-top: 4px !important;

    padding: 4px 9px !important;

    background: #F6F7EE !important;

    border: 1px solid #4F5B2F !important;

    border-radius: 15px !important;

    color: #000000 !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}


/* =========================================================
   MOST READ AUTHORS
   ========================================================= */

.ajas-most-read-authors {
    display: block !important;

    margin-top: 5px !important;
    margin-bottom: 5px !important;

    color: #000000 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;
}


/* =========================================================
   MOST CITED
   ========================================================= */

.ajas-most-cited-list {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}


.ajas-most-cited-list li {
    list-style: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Article box */
.ajas-most-cited-item {
    display: block !important;

    width: 100% !important;

    margin: 0 0 14px 0 !important;
    padding: 15px !important;

    box-sizing: border-box !important;

    background: #FFFFFF !important;

    border: 1px solid #D2D4B9 !important;
    border-radius: 10px !important;
}


/* =========================================================
   MOST CITED TITLE
   ========================================================= */

.ajas-most-cited-title {
    display: block !important;

    margin: 0 0 9px 0 !important;
    padding: 0 !important;

    color: #006798 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    line-height: 1.5 !important;

    text-decoration: none !important;
}


.ajas-most-cited-title:hover {
    color: #006798 !important;

    text-decoration: underline !important;
}


/* =========================================================
   CITED META
   ========================================================= */

.ajas-most-cited-meta {
    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap !important;

    gap: 8px !important;

    margin-top: 6px !important;
    padding: 0 !important;
}


/* =========================================================
   CITATION COUNT
   الرقم داخل ليبل
   ========================================================= */

.ajas-citation-count {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 26px !important;

    padding: 4px 10px !important;

    box-sizing: border-box !important;

    background: #F6F7EE !important;

    border: 1px solid #4F5B2F !important;

    border-radius: 15px !important;

    color: #000000 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    line-height: 1.2 !important;

    white-space: nowrap !important;
}


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

.ajas-most-cited-author {
    display: inline-block !important;

    color: #000000 !important;

    font-size: 13px !important;

    line-height: 1.5 !important;
}


/* =========================================================
   YEAR
   ========================================================= */

.ajas-most-cited-year {
    display: inline-block !important;

    color: #000000 !important;

    font-size: 13px !important;

    white-space: nowrap !important;
}


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

.ajas-most-cited-doi {
    display: inline-block !important;

    color: #006798 !important;

    font-size: 13px !important;

    text-decoration: underline !important;

    direction: ltr !important;

    white-space: nowrap !important;
}


.ajas-most-cited-doi:hover {
    color: #006798 !important;
}


/* =========================================================
   CROSSREF SOURCE
   ========================================================= */

.ajas-cited-source {
    margin-top: 15px !important;

    color: #000000 !important;

    font-size: 12px !important;

    line-height: 1.6 !important;
}


.ajas-cited-source a {
    color: #006798 !important;
}


/* =========================================================
   LOADING
   ========================================================= */

.ajas-cited-status {
    display: block !important;

    width: 100% !important;

    margin: 15px 0 !important;
    padding: 12px !important;

    box-sizing: border-box !important;

    background: #F6F7EE !important;

    border: 1px solid #D2D4B9 !important;

    border-radius: 8px !important;

    color: #000000 !important;

    text-align: center !important;
}


/* =========================================================
   EMPTY / ERROR
   ========================================================= */

.ajas-cited-empty {
    display: block !important;

    width: 100% !important;

    margin: 15px 0 !important;
    padding: 14px !important;

    box-sizing: border-box !important;

    background: #F6F7EE !important;

    border: 1px solid #D2D4B9 !important;

    border-radius: 8px !important;

    color: #000000 !important;
}


/* =========================================================
   PREVIOUS ISSUES
   ========================================================= */

.ajas-previous-issues-box {
    width: 100% !important;

    padding: 18px !important;

    box-sizing: border-box !important;

    background: #F6F7EE !important;

    border: 1px solid #D2D4B9 !important;

    border-radius: 10px !important;
}


.ajas-previous-issues-title {
    margin-bottom: 8px !important;

    color: #000000 !important;

    font-size: 17px !important;
    font-weight: 700 !important;
}


.ajas-previous-issues-description {
    margin-bottom: 12px !important;

    color: #000000 !important;

    font-size: 13px !important;
}


.ajas-explore-link {
    display: inline-block !important;

    padding: 7px 12px !important;

    background: #F6F7EE !important;

    border: 1px solid #4F5B2F !important;

    border-radius: 6px !important;

    color: #000000 !important;

    text-decoration: none !important;
}


.ajas-explore-link:hover {
    background: #F2F3E7 !important;

    color: #000000 !important;
}


/* =========================================================
   RTL - ARABIC
   ========================================================= */

html[dir="rtl"] .ajas-explore-articles {
    direction: rtl !important;

    text-align: right !important;
}


html[dir="rtl"] .ajas-explore-tabs {
    direction: rtl !important;
}


html[dir="rtl"] .ajas-explore-panel {
    direction: rtl !important;

    text-align: right !important;
}


html[dir="rtl"] .ajas-most-cited-title {
    direction: rtl !important;

    text-align: right !important;
}


html[dir="rtl"] .ajas-most-cited-meta {
    direction: rtl !important;
}


html[dir="rtl"] .ajas-explore-most-read {
    direction: rtl !important;

    text-align: right !important;
}


/* =========================================================
   LTR - ENGLISH
   ========================================================= */

html[dir="ltr"] .ajas-explore-articles {
    direction: ltr !important;

    text-align: left !important;
}


html[dir="ltr"] .ajas-explore-tabs {
    direction: ltr !important;
}


html[dir="ltr"] .ajas-explore-panel {
    direction: ltr !important;

    text-align: left !important;
}


html[dir="ltr"] .ajas-most-cited-title {
    direction: ltr !important;

    text-align: left !important;
}


html[dir="ltr"] .ajas-most-cited-meta {
    direction: ltr !important;
}


html[dir="ltr"] .ajas-explore-most-read {
    direction: ltr !important;

    text-align: left !important;
}


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

@media (max-width: 768px) {

    .ajas-explore-tabs {
        flex-wrap: wrap !important;
    }

    .ajas-explore-tab {
        flex: 1 1 45% !important;
    }

}

/* =========================================================
   AJAS - Explore Articles Tabs
   ========================================================= */

/* الشريط الخارجي */
.ajas-explore-tabs {
    display: flex !important;
    width: 100% !important;
    gap: 4px !important;
    padding: 3px !important;
    margin: 0 0 20px 0 !important;

    background: #F6F7EE !important;
    background-image: none !important;

    border: 1px solid #D2D4B9 !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}


/* الخيارات الأربعة */
.ajas-explore-tab {
    flex: 1 1 0 !important;
    min-height: 42px !important;
    padding: 8px 12px !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 1px solid transparent !important;
    border-radius: 7px !important;

    color: #000000 !important;
    font-weight: 600 !important;
    text-align: center !important;

    cursor: pointer !important;

    box-shadow: none !important;
    outline: none !important;
}


/* =========================================================
   اللون عند الضغط فقط
   ========================================================= */

.ajas-explore-tab.is-active,
.ajas-explore-tab[aria-selected="true"] {
    background: #d1d4b0 !important;
    background-color: #d1d4b0 !important;
    background-image: none !important;

    border: 1px solid #ccc6a1 !important;

    color: #000000 !important;

    box-shadow: none !important;
}


/* Active + Hover */
.ajas-explore-tab.is-active:hover,
.ajas-explore-tab[aria-selected="true"]:hover,
.ajas-explore-tab.is-active:focus,
.ajas-explore-tab[aria-selected="true"]:focus,
.ajas-explore-tab.is-active:active,
.ajas-explore-tab[aria-selected="true"]:active {
    background: #d1d4b0 !important;
    background-color: #d1d4b0 !important;
    background-image: none !important;

    border-color: #ccc6a1 !important;
    color: #000000 !important;

    box-shadow: none !important;
    outline: none !important;
}


/* =========================================================
   Hover بدون ضغط = لا يتغير اللون
   ========================================================= */

.ajas-explore-tab:not(.is-active):hover,
.ajas-explore-tab[aria-selected="false"]:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border-color: transparent !important;
    color: #000000 !important;

    box-shadow: none !important;
}


/* =========================================================
   AJAS Explore Articles title
   ========================================================= */

.ajas-explore-title {
    margin-top: 25px !important;
    margin-bottom: 14px !important;
}


/* منع أي Gradient */
.ajas-explore-tab,
.ajas-explore-tab.is-active,
.ajas-explore-tab:hover {
    background-image: none !important;
}
/* =========================================================
   AJAS - Hide Most Read Plugin from Sidebar
   ========================================================= */

/* Hide the Most Read plugin block from the sidebar
   in both Arabic and English */
.pkp_structure_sidebar .pkp_block:has(ul.most_read) {
    display: none !important;
}
/* =========================================================
   AJAS - Explore Articles Alignment
   ========================================================= */

/* Main cards */
.ajas-most-cited-item {
    position: relative !important;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 0 14px 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    border: 1px solid #ccc6a1 !important;
    border-radius: 10px !important;
    background: #fff !important;
}


/* =========================================================
   ENGLISH - LEFT ALIGNMENT
   ========================================================= */

.ajas-most-cited-item:dir(ltr) {
    direction: ltr !important;
    text-align: left !important;

    padding-left: 55px !important;
    padding-right: 20px !important;
}

.ajas-most-cited-item:dir(ltr)
.ajas-most-cited-title {
    display: block !important;
    direction: ltr !important;
    text-align: left !important;

    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

.ajas-most-cited-item:dir(ltr)
.ajas-most-cited-meta {
    direction: ltr !important;
    text-align: left !important;

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

    gap: 8px !important;
}


/* =========================================================
   ARABIC - RIGHT ALIGNMENT
   ========================================================= */

.ajas-most-cited-item:dir(rtl) {
    direction: rtl !important;
    text-align: right !important;

    padding-right: 55px !important;
    padding-left: 20px !important;
}

.ajas-most-cited-item:dir(rtl)
.ajas-most-cited-title {
    display: block !important;
    direction: rtl !important;
    text-align: right !important;

    padding: 0 !important;
    margin: 0 0 10px 0 !important;
}

.ajas-most-cited-item:dir(rtl)
.ajas-most-cited-meta {
    direction: rtl !important;
    text-align: right !important;

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

    gap: 8px !important;
}


/* =========================================================
   NUMBER - KEEP IT OUTSIDE THE TEXT
   ========================================================= */

.ajas-most-cited-number {
    position: absolute !important;

    top: 16px !important;

    width: 28px !important;
    height: 28px !important;

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

    box-sizing: border-box !important;

    background: #D1D4B0 !important;
    color: #000 !important;

    border: 1px solid #ccc6a1 !important;
    border-radius: 50% !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 28px !important;

    z-index: 5 !important;
}


/* English number on the LEFT */
.ajas-most-cited-item:dir(ltr)
.ajas-most-cited-number {
    left: 14px !important;
    right: auto !important;
}


/* Arabic number on the RIGHT */
.ajas-most-cited-item:dir(rtl)
.ajas-most-cited-number {
    right: 14px !important;
    left: auto !important;
}


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

.ajas-most-cited-title {
    color: #006798 !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;
}


/* =========================================================
   META INFORMATION
   ========================================================= */

.ajas-most-cited-meta {
    font-size: 14px !important;
    line-height: 1.6 !important;

    margin-top: 6px !important;
}


/* Authors */
.ajas-most-cited-author {
    display: inline-block !important;
}


/* Year */
.ajas-most-cited-year {
    display: inline-block !important;
}


/* DOI always LTR */
.ajas-most-cited-doi {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    display: inline-block !important;
}


/* =========================================================
   CITATION BADGE
   ========================================================= */

.ajas-citation-count {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 30px !important;

    padding: 4px 10px !important;

    background: #F2F3E7 !important;

    color: #000 !important;

    border: 1px solid #ccc6a1 !important;

    border-radius: 18px !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;

    box-sizing: border-box !important;
}


/* =========================================================
   ACTIVE TAB
   ========================================================= */

.ajas-explore-tab.is-active {
    background: #d1d4b0 !important;
    color: #000 !important;

    border-color: #ccc6a1 !important;
}


/* =========================================================
   EXPLORE TITLE SPACING
   ========================================================= */

.ajas-explore-title {
    margin-top: 18px !important;
    margin-bottom: 12px !important;

    line-height: 1.4 !important;
}


/* =========================================================
   SOURCE
   ========================================================= */

.ajas-cited-source {
    margin-top: 14px !important;
    line-height: 1.6 !important;
}

.ajas-cited-source a {
    color: #006798 !important;
}


/* =========================================================
   REMOVE DEFAULT LIST NUMBER / BULLETS
   ========================================================= */

.ajas-most-cited-list {
    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;

    counter-reset: none !important;
}

.ajas-most-cited-list > li {
    list-style: none !important;
}

.ajas-most-cited-list > li::marker {
    content: "" !important;
}


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

@media (max-width: 768px) {

    .ajas-most-cited-item:dir(ltr) {
        padding-left: 48px !important;
        padding-right: 14px !important;
    }

    .ajas-most-cited-item:dir(rtl) {
        padding-right: 48px !important;
        padding-left: 14px !important;
    }

    .ajas-most-cited-number {
        width: 26px !important;
        height: 26px !important;

        top: 14px !important;

        font-size: 13px !important;
    }

    .ajas-most-cited-item:dir(ltr)
    .ajas-most-cited-number {
        left: 10px !important;
    }

    .ajas-most-cited-item:dir(rtl)
    .ajas-most-cited-number {
        right: 10px !important;
    }

}

/* =========================================================
   AJAS - MOBILE
   Keep Explore Articles exactly like desktop
   ========================================================= */

@media (max-width: 768px) {

    /* ================================
       MAIN EXPLORE CONTAINER
       ================================ */

    .ajas-explore-articles {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }


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

    .ajas-explore-title {
        display: block !important;

        width: 100% !important;

        margin-top: 18px !important;
        margin-bottom: 12px !important;

        padding: 0 !important;

        font-size: 18px !important;
        line-height: 1.4 !important;

        color: #000000 !important;
    }

    html[dir="ltr"] .ajas-explore-title {
        text-align: left !important;
    }

    html[dir="rtl"] .ajas-explore-title {
        text-align: right !important;
    }


    /* ================================
       TABS
       الأربع خيارات بسطر واحد
       ================================ */

    .ajas-explore-tabs {
        display: flex !important;

        flex-wrap: nowrap !important;

        width: 100% !important;
        min-height: 42px !important;

        gap: 3px !important;

        margin: 0 0 20px 0 !important;
        padding: 3px !important;

        background: #F6F7EE !important;
        background-image: none !important;

        border: 1px solid #D2D4B9 !important;
        border-radius: 10px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* ================================
       TAB BUTTONS
       ================================ */

    .ajas-explore-tab {
        flex: 1 1 25% !important;
        width: 25% !important;
        min-width: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        min-height: 36px !important;

        margin: 0 !important;
        padding: 6px 2px !important;

        box-sizing: border-box !important;

        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 1px solid transparent !important;
        border-radius: 7px !important;

        color: #000000 !important;

        font-size: 10px !important;
        font-weight: 600 !important;

        line-height: 1.2 !important;

        text-align: center !important;

        white-space: nowrap !important;

        cursor: pointer !important;

        box-shadow: none !important;
        outline: none !important;

        appearance: none !important;
        -webkit-appearance: none !important;
    }


    /* الخيار المضغوط */
    .ajas-explore-tab.is-active,
    .ajas-explore-tab[aria-selected="true"] {
        background: #d1d4b0 !important;
        background-color: #d1d4b0 !important;
        background-image: none !important;

        border: 1px solid #ccc6a1 !important;

        color: #000000 !important;

        box-shadow: none !important;
    }


    /* الضغط / التركيز */
    .ajas-explore-tab.is-active:hover,
    .ajas-explore-tab.is-active:focus,
    .ajas-explore-tab.is-active:active,
    .ajas-explore-tab[aria-selected="true"]:hover,
    .ajas-explore-tab[aria-selected="true"]:focus,
    .ajas-explore-tab[aria-selected="true"]:active {
        background: #d1d4b0 !important;
        background-color: #d1d4b0 !important;
        background-image: none !important;

        border-color: #ccc6a1 !important;

        color: #000000 !important;

        box-shadow: none !important;
        outline: none !important;
    }


    /* غير المحدد لا يتغير بالـhover */
    .ajas-explore-tab:not(.is-active):hover {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border-color: transparent !important;

        color: #000000 !important;
    }


    /* ================================
       PANEL
       ================================ */

    .ajas-explore-panel {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* ================================
       MOST READ
       ================================ */

    .ajas-explore-most-read {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;

        box-sizing: border-box !important;
    }

    .ajas-explore-most-read li {
        list-style: none !important;

        margin: 0 0 12px 0 !important;
        padding: 0 !important;
    }

    .ajas-explore-most-read .most_read_article {
        width: 100% !important;

        margin: 0 0 12px 0 !important;
        padding: 12px !important;

        box-sizing: border-box !important;

        background: #FFFFFF !important;

        border: 1px solid #D2D4B9 !important;
        border-radius: 10px !important;
    }

    .ajas-explore-most-read .most_read_article_title {
        margin: 0 0 6px 0 !important;
        padding: 0 !important;
    }

    .ajas-explore-most-read .most_read_article_title a {
        font-size: 13px !important;
        line-height: 1.5 !important;

        color: #006798 !important;
    }


    /* ================================
       MOST CITED LIST
       ================================ */

    .ajas-most-cited-list {
        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;

        box-sizing: border-box !important;
    }

    .ajas-most-cited-list > li {
        list-style: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* ================================
       MOST CITED CARD
       ================================ */

    .ajas-most-cited-item {
        position: relative !important;

        width: 100% !important;

        margin: 0 0 14px 0 !important;

        padding-top: 14px !important;
        padding-bottom: 14px !important;

        box-sizing: border-box !important;

        background: #FFFFFF !important;

        border: 1px solid #ccc6a1 !important;

        border-radius: 10px !important;

        overflow: visible !important;
    }


    /* ================================
       ENGLISH CARD
       ================================ */

    .ajas-most-cited-item:dir(ltr) {
        direction: ltr !important;
        text-align: left !important;

        padding-left: 48px !important;
        padding-right: 12px !important;
    }

    .ajas-most-cited-item:dir(ltr)
    .ajas-most-cited-title {
        direction: ltr !important;

        text-align: left !important;

        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }

    .ajas-most-cited-item:dir(ltr)
    .ajas-most-cited-meta {
        direction: ltr !important;

        justify-content: flex-start !important;
        text-align: left !important;
    }


    /* ================================
       ARABIC CARD
       ================================ */

    .ajas-most-cited-item:dir(rtl) {
        direction: rtl !important;
        text-align: right !important;

        padding-right: 48px !important;
        padding-left: 12px !important;
    }

    .ajas-most-cited-item:dir(rtl)
    .ajas-most-cited-title {
        direction: rtl !important;

        text-align: right !important;

        margin: 0 0 8px 0 !important;
        padding: 0 !important;
    }

    .ajas-most-cited-item:dir(rtl)
    .ajas-most-cited-meta {
        direction: rtl !important;

        justify-content: flex-start !important;
        text-align: right !important;
    }


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

    .ajas-most-cited-number {
        position: absolute !important;

        top: 13px !important;

        width: 26px !important;
        height: 26px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        background: #D1D4B0 !important;

        color: #000000 !important;

        border: 1px solid #ccc6a1 !important;

        border-radius: 50% !important;

        font-size: 12px !important;
        font-weight: 700 !important;

        line-height: 26px !important;

        box-sizing: border-box !important;

        z-index: 5 !important;
    }

    .ajas-most-cited-item:dir(ltr)
    .ajas-most-cited-number {
        left: 10px !important;
        right: auto !important;
    }

    .ajas-most-cited-item:dir(rtl)
    .ajas-most-cited-number {
        right: 10px !important;
        left: auto !important;
    }


    /* ================================
       MOST CITED TITLE
       ================================ */

    .ajas-most-cited-title {
        display: block !important;

        width: 100% !important;

        color: #006798 !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        line-height: 1.5 !important;

        overflow-wrap: break-word !important;
        word-break: normal !important;
    }


    /* ================================
       META
       ================================ */

    .ajas-most-cited-meta {
        display: flex !important;

        align-items: center !important;
        flex-wrap: wrap !important;

        gap: 5px !important;

        margin-top: 5px !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
    }


    /* Authors */
    .ajas-most-cited-author {
        display: inline-block !important;

        color: #000000 !important;

        font-size: 11px !important;
    }


    /* Year */
    .ajas-most-cited-year {
        display: inline-block !important;

        color: #000000 !important;

        font-size: 11px !important;
    }


    /* DOI */
    .ajas-most-cited-doi {
        display: inline-block !important;

        direction: ltr !important;

        color: #006798 !important;

        font-size: 11px !important;

        white-space: normal !important;

        overflow-wrap: anywhere !important;
    }


    /* ================================
       CITATION BADGE
       ================================ */

    .ajas-citation-count {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        min-height: 26px !important;

        padding: 3px 8px !important;

        background: #F2F3E7 !important;

        color: #000000 !important;

        border: 1px solid #ccc6a1 !important;

        border-radius: 16px !important;

        font-size: 11px !important;
        font-weight: 600 !important;

        line-height: 1.2 !important;

        white-space: nowrap !important;

        box-sizing: border-box !important;
    }


    /* ================================
       CURRENT ISSUE
       ================================ */

    .ajas-current-issue-content {
        width: 100% !important;

        margin-top: 0 !important;
        padding-top: 0 !important;

        box-sizing: border-box !important;
    }

    .ajas-current-issue-content .cover {
        display: block !important;

        margin-bottom: 15px !important;
    }

    .ajas-current-issue-content .cover img {
        display: block !important;

        max-width: 100% !important;

        height: auto !important;

        margin: 0 auto !important;
    }


    /* ================================
       SOURCE
       ================================ */

    .ajas-cited-source {
        margin-top: 14px !important;

        font-size: 10px !important;

        line-height: 1.6 !important;
    }


    /* ================================
       LOADING
       ================================ */

    .ajas-cited-status {
        width: 100% !important;

        margin: 15px 0 !important;
        padding: 12px !important;

        box-sizing: border-box !important;

        background: #F6F7EE !important;

        border: 1px solid #D2D4B9 !important;

        border-radius: 8px !important;

        color: #000000 !important;

        text-align: center !important;
    }


    /* ================================
       PREVIOUS ISSUES
       ================================ */

    .ajas-previous-issues-box {
        width: 100% !important;

        padding: 14px !important;

        box-sizing: border-box !important;
    }

}
/* ===== Bold Navigation + User Menu ===== */

/* Main Navigation */
.pkp_navigation_primary > li > a {
    font-weight: 700 !important;
    color: #4A4A4A !important;
}

/* User Menu */
#navigationUserWrapper {
    font-weight: 700 !important;
    color: #4A4A4A !important;
}
/* User Dropdown - Normal Weight */
#navigationUserWrapper .dropdown-menu a {
    font-weight: 400 !important;
}

