/**
 * アプリ詳細画面のカスタムスタイル - ダークモード対応強化
 *
 * このファイルは theme-modes.css に追加します
 */

/* アプリ詳細画面のダークモードスタイル強化 */
.dark .single-app .entry-content,
.dark .single-app .entry-content p,
.dark .single-app .entry-content h1,
.dark .single-app .entry-content h2,
.dark .single-app .entry-content h3,
.dark .single-app .entry-content h4,
.dark .single-app .entry-content h5,
.dark .single-app .entry-content h6,
.dark .single-app .entry-content li,
.dark .single-app .entry-content ul,
.dark .single-app .entry-content ol {
  color: #FFFFFF !important;
}

.dark .single-app .entry-content a {
  color: #96C8F2 !important;
  text-decoration: underline;
}

.dark .single-app .entry-content a:hover {
  color: #5D9DE5 !important;
}

.dark .single-app .entry-content blockquote {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 1rem;
  border-left: 4px solid #5D9DE5;
  color: #E5E7EB !important;
}

.dark .single-app .entry-content code {
  background-color: #2D3748;
  color: #FFFFFF;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
}

.dark .single-app .entry-content pre {
  background-color: #2D3748;
  padding: 1rem;
  border-radius: 0.5rem;
  overflow-x: auto;
}

.dark .single-app .entry-content pre code {
  background-color: transparent;
  padding: 0;
}

/* アプリカードのダークモードスタイル強化 */
.dark .app-card {
  background-color: #1F2937;
  border: 1px solid #374151;
}

.dark .app-card .entry-title a {
  color: #FFFFFF !important;
}

.dark .app-card .excerpt {
  color: #E5E7EB !important;
}

/* アプリ詳細情報セクションのスタイル強化 */
.dark .app-meta-section {
  background-color: #1F2937;
  border: 1px solid #374151;
  border-radius: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 2rem;
}

.dark .app-meta-section h2 {
  color: #FFFFFF !important;
  border-bottom: 1px solid #374151;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
}

.dark .app-meta-section p,
.dark .app-meta-section li {
  color: #E5E7EB !important;
}

.dark .app-meta-item {
  border-bottom: 1px solid #374151;
  padding: 0.75rem 0;
}

.dark .app-meta-label {
  color: #9CA3AF;
  font-weight: 600;
}

.dark .app-meta-value {
  color: #FFFFFF;
}