/* ============================================================
   Lightlog (glowlog.net) — Cocoon カスタムCSS（修正版）
   ※ 前回のCSSをすべて削除してこれに差し替えてください
   ============================================================ */

:root {
  --lg-bg:          #fafaf8;
  --lg-surface:     #ffffff;
  --lg-border:      #e7e5e4;
  --lg-text:        #1c1917;
  --lg-muted:       #78716c;
  --lg-accent:      #f97316;
  --lg-accent-dark: #ea580c;
  --lg-accent-bg:   #fff7ed;
  --lg-navy:        #0f172a;
  --lg-radius:      10px;
  --lg-shadow:      0 2px 12px rgba(0,0,0,0.07);
  --lg-shadow-lg:   0 6px 24px rgba(0,0,0,0.11);
}

/* ========== Base ========== */
body {
  background: var(--lg-bg) !important;
  color: var(--lg-text) !important;
  font-family: 'Hiragino Kaku Gothic ProN', 'Noto Sans JP',
               'Yu Gothic Medium', 'YuGothic', 'Meiryo', sans-serif !important;
  -webkit-font-smoothing: antialiased;
}

/* グローバルなリンク色は上書きしない（タイトル・本文が全部オレンジになる原因） */

/* ========== Header ========== */
#header {
  background: #ffffff !important;
  border-bottom: 1px solid var(--lg-border) !important;
  box-shadow: 0 1px 8px rgba(0,0,0,0.06) !important;
}

#site-name a,
.site-name a {
  color: var(--lg-navy) !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.3px !important;
  text-decoration: none !important;
}

.tagline,
.site-description {
  color: var(--lg-muted) !important;
  font-size: 12px !important;
}

/* ========== Global Nav ========== */
#navi {
  background: var(--lg-navy) !important;
}

.navi-in > ul > li > a {
  color: #e2e8f0 !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  padding: 14px 18px !important;
  letter-spacing: 0.03em !important;
}

.navi-in > ul > li > a:hover {
  color: var(--lg-accent) !important;
  background: transparent !important;
}

/* ========== 記事カード（リスト型） ========== */
.entry-card-wrap,
.a-wrap {
  background: var(--lg-surface) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: var(--lg-radius) !important;
  box-shadow: var(--lg-shadow) !important;
  margin-bottom: 16px !important;
  overflow: hidden !important;
  transition: box-shadow 0.2s ease, transform 0.2s ease !important;
  display: block !important;
}

.entry-card-wrap:hover,
.a-wrap:hover {
  box-shadow: var(--lg-shadow-lg) !important;
  transform: translateY(-2px) !important;
}

/* サムネイル */
.card-thumb img,
.eye-catch img {
  transition: transform 0.3s ease !important;
}

.entry-card-wrap:hover .card-thumb img,
.a-wrap:hover .eye-catch img {
  transform: scale(1.04) !important;
}

/* カード本文エリア */
.card-content {
  padding: 14px 18px 16px !important;
}

/* タイトル — ここを明示的に指定（オレンジにならないよう） */
.entry-card-wrap .card-title,
.entry-card-wrap .entry-title,
.a-wrap .card-title,
.a-wrap .entry-title {
  color: var(--lg-navy) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.6 !important;
  margin-bottom: 6px !important;
  text-decoration: none !important;
}

/* 抜粋 — ここも明示的に指定 */
.entry-card-wrap .entry-summary,
.entry-card-wrap .card-excerpt,
.a-wrap .entry-summary,
.a-wrap .card-excerpt {
  color: var(--lg-muted) !important;
  font-size: 13px !important;
  line-height: 1.75 !important;
  text-decoration: none !important;
}

/* 日付・PV数 */
.card-meta,
.entry-date,
.post-date {
  font-size: 11px !important;
  color: #a8a29e !important;
}

/* PVカウンター（本日:0 週:0 月:0）を目立たなく */
.entry-card-wrap .pv,
.a-wrap .pv {
  font-size: 11px !important;
  color: #c4bfbb !important;
}

/* ========== カテゴリラベル ========== */
.cat-label,
.entry-category-label {
  background: var(--lg-accent) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 100px !important;
  letter-spacing: 0.05em !important;
  border: none !important;
  box-shadow: none !important;
}

/* ========== Sidebar ========== */
#sidebar .widget,
.sidebar .widget {
  background: var(--lg-surface) !important;
  border: 1px solid var(--lg-border) !important;
  border-radius: var(--lg-radius) !important;
  padding: 18px !important;
  margin-bottom: 18px !important;
  box-shadow: var(--lg-shadow) !important;
}

#sidebar .widget-title,
.sidebar .widget-title {
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--lg-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  border: none !important;
  background: none !important;
  border-bottom: 2px solid var(--lg-accent) !important;
  padding: 0 0 10px !important;
  margin-bottom: 14px !important;
}

/* ========== Pagination ========== */
.page-numbers {
  border: 1px solid var(--lg-border) !important;
  background: var(--lg-surface) !important;
  color: var(--lg-text) !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}

.page-numbers:hover {
  background: var(--lg-accent-bg) !important;
  border-color: var(--lg-accent) !important;
  color: var(--lg-accent-dark) !important;
}

.page-numbers.current {
  background: var(--lg-accent) !important;
  color: #ffffff !important;
  border-color: var(--lg-accent) !important;
}

/* ========== Footer ========== */
#footer {
  background: var(--lg-navy) !important;
  color: #94a3b8 !important;
  border-top: none !important;
}

#footer a {
  color: #94a3b8 !important;
}

#footer a:hover {
  color: var(--lg-accent) !important;
}

.footer-bottom,
#footer-bottom {
  background: rgba(0,0,0,0.25) !important;
  color: #64748b !important;
  font-size: 12px !important;
}