/* =========================================
   PHN 首页与简介区域美化 (精准最终版)
   ========================================= */

/* 1. 整体字体与排版设置 */
.journal-description {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #444444;       
    line-height: 1.8;     
    font-size: 15px;      
    text-align: justify;  
}

/* 2. 第一段开头的 PHN 名字稍微加深加大 */
.journal-description > p:first-child strong {
    color: #222222;
    font-size: 16px;
}

/* 3. 彻底清除默认 ul 样式 */
.journal-description ul {
    list-style: none !important; 
    padding-left: 0 !important;
    margin-top: 25px !important;
}

/* 4. 设置 li 的相对定位和左侧留白 */
.journal-description ul li {
    position: relative !important;
    padding-left: 28px !important;   
    margin-bottom: 20px !important;  
    background: transparent !important;
}

/* 5. 关键修复：消除 li 内部 p 标签自带的段落间距 */
.journal-description ul li p {
    margin: 0 !important;
    padding: 0 !important;
}

/* 6. 生成自定义的绿色方块小圆点 */
.journal-description ul li::before {
    content: "■" !important;         
    color: #85a14b !important;       
    position: absolute !important;
    left: 0 !important;
    top: 4px !important; /* 稍微下调，与文字对齐 */
    font-size: 12px !important;
}

/* 7. 让列表里开头的加粗标题变成主题绿 */
.journal-description ul li strong,
.journal-description ul li p strong {
    color: #85a14b !important;
    font-weight: bold !important;
    letter-spacing: 0.3px !important; 
}

/* =========================================
   精准隐藏底部 OJS/PKP 官方标志
   ========================================= */
a[href*="aboutThisPublishingSystem"] {
    display: none !important;
}

/* =========================================
   导航栏视觉美化 (PHN 主题绿)
   ========================================= */

/* 1. 主导航栏文字颜色 (Home, Current 等) */
#main-navigation > li > a {
    color: #85a14b !important;
    font-weight: 600 !important; /* 稍微加粗一点，增加学术稳重感 */
    transition: all 0.3s ease;   /* 添加平滑的过渡动画 */
}

/* 2. 鼠标悬停在主导航上时的效果 */
#main-navigation > li > a:hover,
#main-navigation > li > a:focus {
    color: #6a8239 !important; /* 悬停时文字颜色稍微加深 */
    background-color: #f6fbf0 !important; /* 加一点极浅的绿色背景，不再是死板的灰色 */
}

/* 3. 点击展开下拉菜单 (如 About) 时的状态 */
#main-navigation > .open > a,
#main-navigation > .open > a:hover,
#main-navigation > .open > a:focus {
    color: #85a14b !important;
    background-color: #f6fbf0 !important; /* 替换掉图片里那种默认的灰色背景 */
}

/* 4. 下拉菜单里面的子链接颜色 (如 About the Journal) */
#nav-menu .dropdown-menu > li > a {
    color: #85a14b !important;
    padding: 10px 20px !important; /* 增加一点内边距，让菜单不那么拥挤 */
}

/* 5. 鼠标悬停在子链接上时的效果 (绿底白字) */
#nav-menu .dropdown-menu > li > a:hover,
#nav-menu .dropdown-menu > li > a:focus {
    color: #ffffff !important;
    background-color: #85a14b !important;
}