/* ========================================
   文本对比度修复 - WCAG AA 标准
   对比度要求：普通文本 >= 4.5:1
   ======================================== */

/* ----------------------------------------
   1. 基础变量覆盖 - 提高 muted 文字对比度
   ---------------------------------------- */
:root {
    /* 原 #B8B8B8 对比度约 4.2:1，改为 #C8C8C8 对比度约 5.2:1 */
    --text-muted: #C8C8C8;
    --text-muted-light: #D0D0D0;
}

/* ----------------------------------------
   2. 卡片组件文字对比度修复
   ---------------------------------------- */
.card-text {
    /* 原 var(--text-muted) #B8B8B8，提高亮度 */
    color: #CCCCCC !important;
}

.card-footer small {
    /* 页脚时间戳 */
    color: #B8B8B8 !important;
}

/* ----------------------------------------
   3. 侧边栏导航对比度修复
   ---------------------------------------- */
.sidebar-menu a {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

.sidebar-menu a:hover,
.sidebar-menu a.active {
    color: var(--naruto-secondary) !important;
}

/* ----------------------------------------
   4. 分页组件对比度修复
   ---------------------------------------- */
.page-link {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

.page-link:hover {
    color: var(--naruto-secondary) !important;
}

/* ----------------------------------------
   5. 面包屑导航对比度修复
   ---------------------------------------- */
.breadcrumb-item a {
    /* 原 var(--text-muted)，提高对比度 */
    color: #B8B8B8 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.breadcrumb-item a:hover {
    color: var(--naruto-secondary) !important;
}

.breadcrumb-item.active {
    color: var(--naruto-secondary) !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #888888 !important;
}

/* ----------------------------------------
   6. 标签云对比度修复
   ---------------------------------------- */
.tag-item {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
    border: 1px solid rgba(255, 69, 0, 0.3);
}

.tag-item:hover {
    color: white !important;
}

/* ----------------------------------------
   7. 友情链接对比度修复
   ---------------------------------------- */
.friend-links a {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

.friend-links a:hover {
    color: white !important;
}

/* ----------------------------------------
   8. 表单元素对比度修复
   ---------------------------------------- */
.form-check-label {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

.form-control::placeholder {
    /* 占位符文字 */
    color: #999999 !important;
}

.search-form .form-control::placeholder {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ----------------------------------------
   9. 手风琴/折叠面板对比度修复
   ---------------------------------------- */
.accordion-body {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

/* ----------------------------------------
   10. 导航标签对比度修复
   ---------------------------------------- */
.nav-pills .nav-link {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

.nav-pills .nav-link:hover {
    color: var(--naruto-secondary) !important;
}

/* ----------------------------------------
   11. 忍者卡片对比度修复
   ---------------------------------------- */
.ninja-card small {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

/* ----------------------------------------
   12. 统计项对比度修复
   ---------------------------------------- */
.stat-item {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

/* ----------------------------------------
   13. 空状态对比度修复
   ---------------------------------------- */
.empty-state {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

.empty-state p {
    color: #CCCCCC !important;
}

/* ----------------------------------------
   14. 页脚对比度修复
   ---------------------------------------- */
footer {
    /* 原 var(--text-muted)，提高对比度 */
    color: #AAAAAA !important;
}

footer a {
    color: #AAAAAA !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}

footer a:hover {
    color: var(--naruto-secondary) !important;
}

.social-links a {
    color: #AAAAAA !important;
}

.social-links a:hover {
    color: white !important;
}

/* ----------------------------------------
   15. Bootstrap text-muted 类覆盖
   ---------------------------------------- */
.text-muted {
    /* 覆盖 Bootstrap 默认的 #6c757d */
    color: #AAAAAA !important;
}

/* 在深色卡片中的 text-muted */
.card .text-muted,
.content-card .text-muted {
    color: #BBBBBB !important;
}

/* ----------------------------------------
   16. 列表组对比度修复
   ---------------------------------------- */
.list-group-item small {
    color: #BBBBBB !important;
}

/* ----------------------------------------
   17. 热门排名默认样式
   ---------------------------------------- */
.hot-rank.default {
    /* 原 var(--text-muted)，提高对比度 */
    color: #CCCCCC !important;
}

/* ----------------------------------------
   18. 表格对比度修复
   ---------------------------------------- */
.table {
    color: #FFFFFF !important;
}

.table tbody td {
    color: #DDDDDD !important;
}

/* ----------------------------------------
   19. 按钮次要样式
   ---------------------------------------- */
.btn-outline-secondary {
    color: #CCCCCC !important;
    border-color: rgba(255, 69, 0, 0.4);
}

.btn-outline-secondary:hover {
    color: var(--naruto-secondary) !important;
}

/* ----------------------------------------
   20. 评论区域对比度修复
   ---------------------------------------- */
.comment-item small {
    color: #AAAAAA !important;
}

.replies-list .small {
    color: #BBBBBB !important;
}

/* ----------------------------------------
   21. 攻略内容区域
   ---------------------------------------- */
.guide-content blockquote {
    /* 原 var(--text-muted)，提高对比度 */
    color: #BBBBBB !important;
}

/* ----------------------------------------
   22. 作者信息区域
   ---------------------------------------- */
.author-info small {
    color: #BBBBBB !important;
}

/* ----------------------------------------
   23. 小字体特殊处理 (< 14px)
   ---------------------------------------- */
small,
.small {
    /* 确保小字体有足够对比度 */
    color: #CCCCCC !important;
}

/* 在特定组件中的小字体 */
.badge {
    font-weight: 600;
}

/* ----------------------------------------
   24. 输入框组
   ---------------------------------------- */
.input-group-text {
    color: var(--naruto-secondary) !important;
}

/* ----------------------------------------
   25. 警告/提示框中的文字
   ---------------------------------------- */
.alert-info a {
    color: #5DADE2 !important;
    text-decoration: underline;
}

.alert-info a:hover {
    color: #85C1E9 !important;
}

/* ----------------------------------------
   26. 下拉菜单
   ---------------------------------------- */
.dropdown-item {
    color: #FFFFFF !important;
}

.dropdown-item:hover {
    color: var(--naruto-secondary) !important;
}

/* ----------------------------------------
   27. 响应式调整
   ---------------------------------------- */
@media (max-width: 768px) {
    /* 移动端保持对比度 */
    .card-text,
    .sidebar-menu a,
    .text-muted,
    small {
        color: #CCCCCC !important;
    }
}