/* Bootstrap-compatible dark theme classes */

/* Utility classes that don't exist in standard Bootstrap */
.min-width-70 {
  min-width: 70px;
}

.book-placeholder {
  width: 60px;
  height: 90px;
  border-radius: 4px;
}

/* Bootstrap dark theme classes for Mermaid diagrams */
.mermaid {
  margin: 1.5rem 0;
  padding: 1rem;
  background-color: var(--bs-dark);
  border-radius: 0.25rem;
  border: 1px solid var(--bs-gray-700);
  overflow: hidden;
  text-align: center;
  min-height: 500px;
  width: 100%;
  max-width: 100%;
  color: var(--bs-light);
}

/* Ensure Mermaid SVGs are responsive */
.mermaid svg {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Fix for nested code highlighting */
.mermaid .codehilite,
.mermaid pre,
.mermaid code {
  background: none !important;
}

/* Custom progress bar size */
.progress-larger {
  height: 15px;
}

/* Book description container */
.book-description {
  max-height: 200px;
}

/* Book thumbnail */
.book-thumbnail {
  max-width: 80px;
  max-height: 120px;
}

/* Post content header hierarchy - reduced font sizes */
.post-content h2 {
  font-size: 1.2rem !important;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.post-content h3 {
  font-size: 1.1rem !important;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.post-content h4 {
  font-size: 1rem !important;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  font-weight: 600;
}

.post-content h5 {
  font-size: 0.95rem !important;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.post-content h6 {
  font-size: 0.9rem !important;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}