/*
 Theme Name: 子比日主题风格子主题
 Theme URI: https://example.com/
 Description: 基于子比主题开发的日主题风格子主题，完全匹配日主题的视觉样式
 Author: xiaoxi
 Template: zibll
 Version: 1.0.0
 Text Domain: zibll-rizhuti-child
*/

/* ===== 日主题风格CSS变量定义 ===== */
:root {
  /* 主色调 - 日主题蓝色系 */
  --rizhuti-primary: #007cba;
  --rizhuti-primary-hover: #005a87;
  --rizhuti-primary-light: #e6f3ff;
  
  /* 辅助色 */
  --rizhuti-secondary: #6c757d;
  --rizhuti-success: #28a745;
  --rizhuti-danger: #dc3545;
  --rizhuti-warning: #ffc107;
  --rizhuti-info: #17a2b8;
  
  /* 文本颜色 */
  --rizhuti-text-primary: #2c3e50;
  --rizhuti-text-secondary: #6c757d;
  --rizhuti-text-muted: #95a5a6;
  --rizhuti-text-light: #ffffff;
  
  /* 背景颜色 */
  --rizhuti-bg-primary: #ffffff;
  --rizhuti-bg-secondary: #f8f9fa;
  --rizhuti-bg-light: #f8f9fa;
  --rizhuti-bg-dark: #343a40;
  
  /* 边框颜色 */
  --rizhuti-border-color: #dee2e6;
  --rizhuti-border-light: #e9ecef;
  
  /* 阴影 */
  --rizhuti-shadow: 0 2px 4px rgba(0,0,0,0.1);
  --rizhuti-shadow-lg: 0 4px 8px rgba(0,0,0,0.15);
  
  /* 圆角 */
  --rizhuti-radius: 4px;
  --rizhuti-radius-lg: 8px;
  
  /* 字体（优先中文字体，避免乱码） */
  --rizhuti-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", "WenQuanYi Micro Hei", "Heiti SC", Roboto, "Helvetica Neue", Arial, sans-serif;
  --rizhuti-font-size-base: 14px;
  --rizhuti-line-height-base: 1.5;
  
  /* 间距 */
  --rizhuti-spacing-xs: 4px;
  --rizhuti-spacing-sm: 8px;
  --rizhuti-spacing-md: 16px;
  --rizhuti-spacing-lg: 24px;
  --rizhuti-spacing-xl: 32px;
}

/* ===== 黑夜模式CSS变量 ===== */
body.dark-theme,
body.theme-dark,
[data-theme="dark"] {
  --rizhuti-text-primary: #e8e8e8;
  --rizhuti-text-secondary: #b8b8b8;
  --rizhuti-text-muted: #888888;
  --rizhuti-text-light: #ffffff;
  
  --rizhuti-bg-primary: #1a1a1a;
  --rizhuti-bg-secondary: #2d2d2d;
  --rizhuti-bg-light: #1a1a1a;
  --rizhuti-bg-dark: #0d1117;
  
  --rizhuti-border-color: #3d3d3d;
  --rizhuti-border-light: #2d2d2d;
  
  --rizhuti-shadow: 0 2px 4px rgba(0,0,0,0.3);
  --rizhuti-shadow-lg: 0 4px 8px rgba(0,0,0,0.4);
}

/* ===== 全局样式重置 ===== */
body {
  font-family: var(--rizhuti-font-family);
  font-size: var(--rizhuti-font-size-base);
  line-height: var(--rizhuti-line-height-base);
  color: var(--rizhuti-text-primary);
  background-color: var(--rizhuti-bg-light);
}

/* 顶部导航吸顶（全站） */
body .header { position: sticky; top: 0; z-index: 999999; }

/* 分类/归档/内容页 导航容器全宽 */
body.archive .header .container-header,
body.category .header .container-header,
body.tag .header .container-header,
body.single .header .container-header,
body.page .header .container-header {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 优化文字选中高亮，避免整块蓝色观感 */
::selection { background: rgba(102, 126, 234, 0.18); color: inherit; }
::-moz-selection { background: rgba(102, 126, 234, 0.18); color: inherit; }

/* 导航文字显式指定字体，避免继承到图标字体 */
.header .navbar-brand,
.header .navbar-nav > li > a,
.header .nav-link,
.main-navigation a { font-family: var(--rizhuti-font-family); }

/* 保持图标字体不受影响（fa、icon等类本身会声明其字体） */

/* ===== 头部导航样式修复 ===== */
/* 使用父主题自带的导航样式，移除子主题的覆盖规则以避免排版混乱 */

/* 已移除以下自定义覆盖：
- .header
- .navbar-top
- .container-header
- .navbar-brand / .navbar-logo
- .navbar-nav / .nav-link 状态样式
- .navbar-search 及输入框
- .header-sign 登录注册区域
- .navbar-toggle 移动端切换
- .mobile-navbar / .mobile-navbar-backdrop
*/

/* 保留其它组件样式，从“按钮样式”开始 */

/* ===== 按钮样式 ===== */
.btn { border-radius: var(--rizhuti-radius); font-weight: 500; transition: all 0.3s ease; border: none; padding: 8px 16px; }
.btn-primary { background-color: var(--rizhuti-primary); color: var(--rizhuti-text-light); }
.btn-primary:hover { background-color: var(--rizhuti-primary-hover); color: var(--rizhuti-text-light); }
.btn-outline { border: 1px solid var(--rizhuti-border-color); background-color: var(--rizhuti-bg-primary); color: var(--rizhuti-text-primary); }
.btn-outline:hover { background-color: var(--rizhuti-bg-secondary); border-color: var(--rizhuti-primary); color: var(--rizhuti-primary); }

/* ===== 卡片/文章/侧边样式（仅首页容器） ===== */
.ritheme-homepage .card { background: var(--rizhuti-bg-primary); border: 1px solid var(--rizhuti-border-color); border-radius: var(--rizhuti-radius-lg); box-shadow: var(--rizhuti-shadow); transition: box-shadow 0.3s ease; }
.ritheme-homepage .card:hover { box-shadow: var(--rizhuti-shadow-lg); }
.ritheme-homepage .card-header { background-color: var(--rizhuti-bg-secondary); border-bottom: 1px solid var(--rizhuti-border-color); padding: var(--rizhuti-spacing-md); font-weight: 600; }
.ritheme-homepage .card-body { padding: var(--rizhuti-spacing-md); }

.ritheme-homepage .posts-item { background: var(--rizhuti-bg-primary); border: 1px solid var(--rizhuti-border-color); border-radius: var(--rizhuti-radius-lg); margin-bottom: var(--rizhuti-spacing-md); transition: box-shadow 0.3s ease; }
.ritheme-homepage .posts-item:hover { box-shadow: var(--rizhuti-shadow-lg); }
.ritheme-homepage .posts-item .item-body { padding: var(--rizhuti-spacing-md); }
.ritheme-homepage .posts-item .item-title { color: var(--rizhuti-text-primary); font-weight: 600; font-size: 18px; margin-bottom: var(--rizhuti-spacing-sm); }
.ritheme-homepage .posts-item .item-title:hover { color: var(--rizhuti-primary); }
.ritheme-homepage .posts-item .item-excerpt { color: var(--rizhuti-text-secondary); line-height: 1.6; margin-bottom: var(--rizhuti-spacing-sm); }
.ritheme-homepage .posts-item .item-meta { color: var(--rizhuti-text-muted); font-size: 12px; }

.ritheme-homepage .sidebar { background: var(--rizhuti-bg-primary); border: 1px solid var(--rizhuti-border-color); border-radius: var(--rizhuti-radius-lg); padding: var(--rizhuti-spacing-md); }
.ritheme-homepage .sidebar .widget { margin-bottom: var(--rizhuti-spacing-lg); }
.ritheme-homepage .sidebar .widget-title { color: var(--rizhuti-text-primary); font-weight: 600; font-size: 16px; margin-bottom: var(--rizhuti-spacing-md); padding-bottom: var(--rizhuti-spacing-sm); border-bottom: 2px solid var(--rizhuti-primary); }

/* ===== 分页样式（仅首页容器） ===== */
.ritheme-homepage .pagination { margin: var(--rizhuti-spacing-lg) 0; }
.ritheme-homepage .pagination .page-link { color: var(--rizhuti-primary); border: 1px solid var(--rizhuti-border-color); padding: 8px 12px; margin: 0 2px; border-radius: var(--rizhuti-radius); }
.ritheme-homepage .pagination .page-link:hover { background-color: var(--rizhuti-primary); color: var(--rizhuti-text-light); border-color: var(--rizhuti-primary); }
.ritheme-homepage .pagination .active .page-link { background-color: var(--rizhuti-primary); border-color: var(--rizhuti-primary); color: var(--rizhuti-text-light); }

/* ===== 评论区样式 ===== */
.comments-area {
  background: var(--rizhuti-bg-primary);
  border: 1px solid var(--rizhuti-border-color);
  border-radius: var(--rizhuti-radius-lg);
  padding: var(--rizhuti-spacing-lg);
  margin-top: var(--rizhuti-spacing-xl);
}

.comment {
  border-bottom: 1px solid var(--rizhuti-border-light);
  padding: var(--rizhuti-spacing-md) 0;
}

.comment-author {
  font-weight: 600;
  color: var(--rizhuti-text-primary);
}

.comment-meta {
  color: var(--rizhuti-text-muted);
  font-size: 12px;
  margin-bottom: var(--rizhuti-spacing-sm);
}

.comment-content {
  color: var(--rizhuti-text-secondary);
  line-height: 1.6;
}

/* ===== 表单样式（保持全站一致，保留） ===== */
.form-control { border: 1px solid var(--rizhuti-border-color); border-radius: var(--rizhuti-radius); padding: 10px 12px; background-color: var(--rizhuti-bg-primary); color: var(--rizhuti-text-primary); transition: border-color 0.3s ease; }
.form-control:focus { border-color: var(--rizhuti-primary); box-shadow: 0 0 0 2px rgba(0, 124, 186, 0.25); outline: none; }

/* ===== 标签/分类徽标（保留全站） ===== */
.tag, .category { display: inline-block; background-color: var(--rizhuti-primary-light); color: var(--rizhuti-primary); padding: 4px 8px; border-radius: var(--rizhuti-radius); font-size: 12px; margin-right: var(--rizhuti-spacing-xs); margin-bottom: var(--rizhuti-spacing-xs); text-decoration: none; }
.tag:hover, .category:hover { background-color: var(--rizhuti-primary); color: var(--rizhuti-text-light); text-decoration: none; }

/* ===== 响应式（保留） ===== */
@media (max-width: 768px) {
  .ritheme-homepage .card-body { padding: var(--rizhuti-spacing-sm); }
  .ritheme-homepage .posts-item .item-body { padding: var(--rizhuti-spacing-sm); }
  .ritheme-homepage .sidebar { margin-top: var(--rizhuti-spacing-lg); }
}

/* ===== 工具类（保留） ===== */
.text-primary { color: var(--rizhuti-primary) !important; }
.text-secondary { color: var(--rizhuti-text-secondary) !important; }
.text-muted { color: var(--rizhuti-text-muted) !important; }
.bg-primary { background-color: var(--rizhuti-primary) !important; }
.bg-light { background-color: var(--rizhuti-bg-light) !important; }
.border-light { border-color: var(--rizhuti-border-light) !important; }