/**
 * BODIK地域ページのシンプル修正CSS
 * ライトモード・ダークモード両方で適切に表示するための修正
 */

/* 共通スタイルのリセット */
.taxonomy-header {
  background: none !important;
  padding: 2rem 0 !important;
  margin-bottom: 2rem !important;
}

/* ヘッダーオーバーレイを削除 */
.header-overlay {
  display: none !important;
}

/* コンテンツとフッターの余白調整 */
.site-main {
  margin-bottom: 4rem !important;
  padding-bottom: 4rem !important;
}

/* グリッドコンテナの余白調整 */
.grid {
  margin-bottom: 3rem !important;
}

/* ライトモードのスタイル */
:root:not(.dark) .taxonomy-title {
  color: #1e293b !important;
}

:root:not(.dark) .taxonomy-description,
:root:not(.dark) .taxonomy-meta,
:root:not(.dark) .taxonomy-meta svg {
  color: #4b5563 !important;
}

:root:not(.dark) .breadcrumbs {
  color: #4b5563 !important;
}

:root:not(.dark) .breadcrumbs a {
  color: #3b82f6 !important;
}

:root:not(.dark) .taxonomy-active-filters span:first-of-type {
  color: #4b5563 !important;
}

/* ダークモードのスタイル */
.dark .taxonomy-title {
  color: #f1f5f9 !important;
}

.dark .taxonomy-description,
.dark .taxonomy-meta,
.dark .taxonomy-meta svg {
  color: #cbd5e1 !important;
}

.dark .breadcrumbs {
  color: #cbd5e1 !important;
}

.dark .breadcrumbs a {
  color: #60a5fa !important;
}

.dark .breadcrumbs svg {
  color: #94a3b8 !important;
}

.dark .taxonomy-active-filters span:first-of-type {
  color: #cbd5e1 !important;
}

/* カードスタイルの修正 */
:root:not(.dark) .app-card {
  background-color: #fff !important;
  color: #1e293b !important;
}

.dark .app-card {
  background-color: #1e293b !important;
  color: #f1f5f9 !important;
}

/* リージョンラベルの修正 */
:root:not(.dark) .app-region a,
.dark .app-region a {
  background-color: #3b82f6 !important;
  color: white !important;
}

/* タイトルと本文のテキスト色を整理 */
:root:not(.dark) .entry-title a {
  color: #1e293b !important;
}

.dark .entry-title a {
  color: #f1f5f9 !important;
}

:root:not(.dark) .excerpt {
  color: #4b5563 !important;
}

.dark .excerpt {
  color: #cbd5e1 !important;
}