/* 使导航条宽度占满整个屏幕 */
@media (max-width: 992px) { /* 768px 适用于大部分手机 */
    .shangmiandetiao {
        display: none; /* 在手机端隐藏背景条 */
    }

    .pkp_site_name_wrapper {
         width: 100%; /* 使导航条宽度占满屏幕 */
        background-color: rgba(255, 165, 60) !important; /* 浅橙色背景 */
    }
    #header-logo {
            content: url("https://journal.agist.org/public/journals/1/2222.png");
        }

    
}



.pkp_nav_list ul a {

    color:  Black;
}

.obj_article_summary {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* 添加阴影 */
    padding: 20px; /* 可选，增加内边距使阴影更明显 */
    background-color: #fff; /* 建议加白色背景以突出阴影效果 */
    border-radius: 8px; /* 可选，圆角提升美观 */
}
.cmp_notification{
    border-left:.357rem solid rgba(255, 165, 60) !important;
}
.section_policy{
    display: none;
}

.shangmiandetiao {
    background-color: #f0f0f0 !important; /* 浅灰色背景 */
    width: 100vw; /* 占满整个页面宽度 */
    height: 30px; /* 设置高度 */
    position: absolute; /* 让它脱离文档流，作为背景 */
    top: 0;
    left: 0;
    z-index: 1; /* 低于菜单但高于普通内容 */
}

#navigationUser {
    position: relative; /* 确保它能覆盖 .shangmiandetiao */
    z-index: 10; /* 确保它在背景层之上 */
}


.pkp_site_nav_menu {
    width: 100%; /* 使导航条宽度占满屏幕 */
    background-color: rgba(255, 165, 60) !important; /* 更改为您喜欢的背景色 */
    padding: 10px 0; /* 为了给导航条加上一些上下间距 */
    box-sizing: border-box; /* 包含边框和内边距 */
}

/* 主导航行 */

.pkp_structure_main {
    width: 100%; 

} 
/* 设置主内容区域的伪元素宽度为80% */
.pkp_structure_main:before,
.pkp_structure_main:after {
    content: none;  /* 移除伪元素的内容 */
    display: block; /* 使伪元素成为块级元素，这样才能控制宽度 */
    width: 80%;     /* 设置宽度为80% */
    margin-left: auto;  /* 水平居中 */
    margin-right: auto; /* 水平居中 */
    border: none;   /* 移除可能的边框 */
    box-shadow: none; /* 移除阴影 */
}
/* 回到顶部按钮样式 */
/* 回到顶部箭头按钮样式 */
/* 回到顶部箭头按钮样式 */
#back-to-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    background-color: rgba(255, 165, 60, 0.5) !important; /* 设置背景色 */
    color: Black;
    font-size: 20px; /* 设置箭头的大小 */
    width: 120px; /* 设置按钮的宽度 */
    height: 25px; /* 设置按钮的高度，确保是正方形 */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px; /* 可选，设置圆角 */
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    z-index: 9999; /* 确保按钮位于最上层 */
}


#back-to-top:hover {
    background-color: rgba(255, 165, 90, 1) !important; /* 鼠标悬停时背景色变化 */
}

p {
    text-align: justify !important;
    word-spacing: 2px;
}

/* Force yellow on navigation bar only */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu {
    background-color: #ffa53c !important;
}


/* Make only the navigation bar background span full width */
.pkp_site_nav_menu {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
}

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user_wrapper {
    max-width: 1160px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* Align desktop journal logo with the centered navigation/content column */
@media (min-width: 992px) {
    .pkp_site_name_wrapper {
        max-width: 1160px;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box;
    }

    .pkp_site_name {
        width: 100% !important;
    }
}


/* Admin panel background-only override */
.bg-selection-dark {
    --tw-bg-opacity: 1;
    background-color: rgb(255 165 60 / var(--tw-bg-opacity, 1)) !important;
}

.app__header {
    background: #ffa53c !important;
}

/* Homepage content order: keep the issue after the journal introduction/resources */
.page_index_journal {
    display: flex;
    flex-direction: column;
}

.page_index_journal > .homepage_image {
    order: 1;
}

.page_index_journal > .homepage_about {
    order: 2;
}

.page_index_journal > .additional_content {
    order: 3;
}

.page_index_journal > .current_issue {
    order: 4;
    margin-top: 32px;
}

/* Match homepage action buttons to the JCPSI orange theme */
.additional_content a[href*="/about/submissions"] {
    background: #ffa53c !important;
    color: #111827 !important;
    border: 1px solid #d97706 !important;
}

.additional_content a[href*="/about"]:not([href*="/about/submissions"]),
.additional_content a[href$="/submission"] {
    background: #ffffff !important;
    color: #9a4a00 !important;
    border: 1px solid #ffa53c !important;
}

.additional_content a[href*="/about/submissions"]:hover,
.additional_content a[href*="/about"]:not([href*="/about/submissions"]):hover,
.additional_content a[href$="/submission"]:hover {
    background: #ffb85c !important;
    color: #111827 !important;
    border-color: #d97706 !important;
}

/* Homepage author resource links are stored in the journal summary */
.homepage_about a[href*="/about/submissions"] {
    display: inline-block !important;
    background: #ffa53c !important;
    color: #111827 !important;
    border: 1px solid #d97706 !important;
    padding: 9px 14px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.homepage_about a[href*="/about"]:not([href*="/about/submissions"]),
.homepage_about a[href$="/submission"] {
    display: inline-block !important;
    background: #ffffff !important;
    color: #9a4a00 !important;
    border: 1px solid #ffa53c !important;
    padding: 8px 13px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: bold !important;
}

.homepage_about a[href*="/about/submissions"]:hover,
.homepage_about a[href*="/about"]:not([href*="/about/submissions"]):hover,
.homepage_about a[href$="/submission"]:hover {
    background: #ffb85c !important;
    color: #111827 !important;
    border-color: #d97706 !important;
}

/* Homepage author resources side rail on desktop */
@media (min-width: 992px) {
    .page_index_journal > .homepage_about {
        position: relative;
        padding-right: 300px;
        min-height: 250px;
        box-sizing: border-box;
    }

    .homepage_about h2:nth-of-type(6) {
        position: absolute;
        top: 0;
        right: 0;
        width: 240px;
        margin: 0;
        padding-top: 12px;
        border-top: 4px solid #ffa53c;
        font-size: 20px;
        line-height: 1.3;
    }

    .homepage_about h2:nth-of-type(6) + p,
    .homepage_about h2:nth-of-type(6) + p + p,
    .homepage_about h2:nth-of-type(6) + p + p + p {
        position: absolute;
        right: 0;
        width: 240px;
        margin: 0;
        text-align: left !important;
    }

    .homepage_about h2:nth-of-type(6) + p {
        top: 56px;
    }

    .homepage_about h2:nth-of-type(6) + p + p {
        top: 112px;
    }

    .homepage_about h2:nth-of-type(6) + p + p + p {
        top: 168px;
    }

    .homepage_about h2:nth-of-type(6) + p a,
    .homepage_about h2:nth-of-type(6) + p + p a,
    .homepage_about h2:nth-of-type(6) + p + p + p a {
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
}