/* Custom styles for your Quarto book */

/* Add your custom CSS here to override default styles */

/* Example: Customize heading colors */
/*
h1 {
  color: #2c3e50;
}

h2 {
  color: #34495e;
}
*/

/* Example: Add custom margin to paragraphs */
/*
p {
  margin-bottom: 1.2em;
}
*/

/* Example: Style code blocks */
/*
pre {
  background-color: #f6f8fa;
  border-radius: 6px;
  padding: 16px;
}
*/

/* Example: Customize callout boxes */
/*
.callout {
  border-left: 4px solid #007bff;
  padding-left: 1em;
}
*/

/* PR Preview Feature Styles */

/* Preview combined banner (replaces both file-level and content-level banners) */
.preview-combined-banner {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  padding: 12px 16px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
}

.preview-combined-banner a {
  color: #0066cc;
  text-decoration: underline;
  font-weight: 600;
}

.preview-combined-banner a:hover {
  color: #0052a3;
}

/* Dark mode support for combined banner */
body.quarto-dark .preview-combined-banner {
  background-color: #3d3d00;
  border-left-color: #ffeb3b;
  color: #ffd700;
}

body.quarto-dark .preview-combined-banner a {
  color: #64b5f6;
}

body.quarto-dark .preview-combined-banner a:hover {
  color: #90caf9;
}

/* Legacy banner styles (kept for backward compatibility) */
.preview-changed-banner {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
  padding: 12px 16px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
}

/* Dark mode support for legacy preview banner */
body.quarto-dark .preview-changed-banner {
  background-color: #3d3d00;
  border-left-color: #ffeb3b;
  color: #ffd700;
}

.preview-content-changed-notice {
  background-color: #e7f3ff;
  border-left: 4px solid #2196F3;
  padding: 12px 16px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
}

/* Dark mode support for content change notice */
body.quarto-dark .preview-content-changed-notice {
  background-color: #1a3a52;
  border-left-color: #64b5f6;
  color: #90caf9;
}

/* Inline text highlighting for changed content */
mark.preview-text-changed {
  background-color: #ffeb3b;
  border-bottom: 2px solid #ffc107;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 500;
}

mark.preview-text-added {
  background-color: #a5d6a7;
  border-bottom: 2px solid #66bb6a;
  padding: 2px 4px;
  border-radius: 3px;
  font-weight: 500;
}

mark.preview-element-added {
  background-color: #bbdefb;
  border-left: 4px solid #42a5f5;
  padding-left: 8px;
  display: inline;
  font-weight: 500;
}

/* Dark mode support for inline highlights */
body.quarto-dark mark.preview-text-changed {
  background-color: #fdd835;
  border-bottom-color: #fbc02d;
  color: #000;
}

body.quarto-dark mark.preview-text-added {
  background-color: #66bb6a;
  border-bottom-color: #43a047;
  color: #000;
}

body.quarto-dark mark.preview-element-added {
  background-color: #42a5f5;
  border-left-color: #1e88e5;
  color: #000;
}

/* Table of contents highlighting for changed chapters */
a.preview-toc-changed {
  background-color: #fff3cd;
  border-left: 3px solid #ffc107;
  padding-left: 4px;
  font-weight: 600;
}

/* Dark mode support for TOC highlighting */
body.quarto-dark a.preview-toc-changed {
  background-color: #3d3d00;
  border-left-color: #ffeb3b;
  color: #ffd700;
}

/* Home page banner for changed chapters */
.preview-home-changes-banner {
  background-color: #e3f2fd;
  border-left: 4px solid #2196F3;
  padding: 12px 16px;
  margin-bottom: 20px;
  border-radius: 4px;
  font-size: 14px;
}

.preview-home-changes-banner a {
  color: #1976d2;
  text-decoration: underline;
  font-weight: 600;
  margin-right: 4px;
}

.preview-home-changes-banner a:hover {
  color: #0d47a1;
}

/* Dark mode support for home banner */
body.quarto-dark .preview-home-changes-banner {
  background-color: #0d47a1;
  border-left-color: #64b5f6;
  color: #e3f2fd;
}

body.quarto-dark .preview-home-changes-banner a {
  color: #90caf9;
}

body.quarto-dark .preview-home-changes-banner a:hover {
  color: #bbdefb;
}

/* Inline code styling for dark mode */
body.quarto-dark code:not(pre > code) {
  background-color: #404040;
  color: #e6e6e6;
}